设计一个社区类网站的首页

看过上一篇日志朋友知道，我9月时候结婚，然后10月中旬找了个新工作。

新公司有一个地产人的社区网站 —— http://www.dichanren.net/，我被分配到这个下面负责改版的工作，后来不知道出了什么状况，又把我调走到了另一个项目，，，混乱啊。

前段时间做了个首页的改版设计稿，被调走以后听说那个设计也没被采用，既然如此，不如放出来，献丑了。

地产人网（http://www.dichanren.net）是完美网络旗下的品牌产品，是中国第一个专注于房地产行业，以地产人的生活、工作和商务交往为主旨的人脉社区，是地产人生活与工作的“第二空间”——地产人的白社会。

作为一个社区网站，地产人原有的网站主题色调略显暗淡，过于严肃，不符合一般社区的活泼氛围,用户UI设计不合理，操作繁琐，许多功能没有较为详细的说明，令用户望而生畏。

故此，我提出进行整体改版，主题色调采用红黄蓝，以靓丽的橙红为主，辅之以活泼的柠檬黄及起调和作用的蓝色，大幅简化各功能操作，尽可能减少用户的点击操作，彻底消灭弹出提示以及转页提示，并设计完善的帮助功能，使用户迅速融入地产人的大家庭。

首页部分改版设计初稿如下：

地产人首页改版设计图

当用户点击登录，登录框从屏幕上方滑下，仅需输入邮箱及密码即可登录，用户可以选择登录后自动保存cookie，下次登录直接转向到个人主页。

滑动功能展示，使用炫丽的整屏宽度图片，展示地产人网站最吸引人的功能，力求给予用户第一眼的震撼视觉，演示地址：http://www.feidee.com/money/

使用清新亮丽的图片，辅之以简洁的文字，介绍网站的其他功能，再起调和顶部华丽以及下半部分简洁两者的缓冲。

使用ajax技术实时动态展示社区内最新发布的信息，别具一格的信息显示效果、简洁、整齐，演示地址：http://www.bengxin.com/signin.php

大块的橙红，吸引用户目光，方便的注册，只需填写3个属性即可完成注册，使用ajax提示，另提供与人人网、开心网、新浪微博的连接，给予用户最大的方便。

初步设想为使用flash，显示发言人的位置（公司老总强烈要求有这个地图、、、）。

展示社区内最有名最受欢迎的圈子，可以左右滑动多页展示，包含圈子的logo，名称，介绍，并起到鼓励社区内圈子发展的用途，以展示在首页为荣。

同样使用ajax技术实时动态展示最新发布的任务，令用户了解最新任务需求，吸引用户点击。

展示有名望的策略导师，鼠标悬浮即显示名称，位置，以及个人介绍，同样起到鼓励社区内策略导师发展的作用。

初始设想每个栏目部分钻地鼠都有不同的动作设计，比如他们在说什么就想设计为钻地鼠在大喊，任务进行中想设计为钻地鼠在背着一个牌子跑步，但因为本人绘画能力有限未能完成。

4 条评论在 “设计一个社区类网站的首页”

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据。