登录注册
最新帖子 精华区 社区服务 会员列表 统计排行 银行
主题 : 粗谈门户网站的设计技巧
lovedesign 离线
级别: 新手上路
显示用户信息 
楼主  发表于: 2010-04-28   

粗谈门户网站的设计技巧

lovedesign 离线
级别: 新手上路
显示用户信息 
沙发  发表于: 2010-04-28   
五、重要的第一屏

包括页头的的第一屏,应该集中了用户最常用的信息,导航,服务链接。这一屏的装饰,应该很大程度的体现了整个网站的设计风格,并且分为页头(LOGO 分类导航 服务导航);登陆区;首推图片广告/文字广告;热门信息/导航;最新信息推荐;首推专题;

在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。
5.1文字图形化
文字图形化就是将文字用图片的形式来表现,这种形式在页面的子栏目里面最为常用,因为它具有突出,同时又美化了页面,使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。
5.2强调文字
如果将个别文字作为页面的诉求重点,则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果,使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。
五、网站配色
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
2.用两种色彩。先选定一种色彩,然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面色彩丰富但不花稍。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩,而又不花,色调统一。这种配色方法在网站设计种最为常用。
4.灰色在网页设计中又称为“万能色”,其特点是可以和任何颜色搭配,在使用时把握量避免网页变灰。

在网页配色中,尽量控制在三种色彩以内,以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容、也使用户在浏览信息的时候不会觉得累。

六、常见问题
6.1分解大型表格
为了加快网页的浏览速度,尽可能避免用大型表格,因为浏览器必须等待整个表格的内容全部到达客户端,才能显示这个表格的内容,而文本或图像则是一边下载一边显示。同时我们制作网页时要尽量减少表格的深度、表格复杂化,这一点尤为重要可直接影响网页浏览速度、又给后面的程序添加带来了不必要的麻烦。

将浮动层等load时间慢的信息块(div))放在BODY的最后,可以尽量少的影响用户浏览速度。

6.2网站导航要清晰
“您所在位置”在大型网站中是不可缺少的一部分,其作用表明您现在所处在的位置,使用户不会不知东西南北迷失在网站中。其次还有读者进入目的页的点击次数,不能超过三次。如果三次以上还找不到用户所要的信息,人家可就没有耐心陪你玩了!

6.3图片注解
在很多网站上我们都可以找到一个共同的缺点,当网速慢时有很图片都无法显示,又没有注解使得用户反感,如在注册时的按钮是图片做的又没加图片注解,而导致连注册都找不到,如果加了注解这些问题也就不成问题了!

6.4系统按钮
在我们做按钮的时候,要做成“按钮”的形式(type="button"),而不要做成“提交表单”的形式(type="submit"),方便以后程序设计。

6.5空链接、死链接
在一个优秀、专业的网站上是找不到任何一个空链接或死链接的情况,如果有这种情况会影响到用户对您网站的评价,所以我们在制作的时候尽量避免,避免办法就是提前做好链接,如果尚未完成的页面则链上“建设中…”的页面,加以解释。

6.6导航条
在大型的行业网站里面主导航条最好是用文字形式,避免使用图片或Flash做导航条、缩小网站扩展性。

6.7网站的扩展性
对于一个行业网站而言,网站的扩展性是相当重要的,随时都要考虑到网站需求的变化!

七、专题设计
实际上,我认为整个网站投入设计力量最多的地方,就应该是专题页了。因为一个门户是不应该经常改变结构和风格的。而为了更快速的引导顾客浏览,首页上放的多是文字分类,不应有过多图片装饰。而专题页上,最重要的是营造消费氛围,刺激顾客的消费欲望,所以,只要是能够体现商品特性,吸引用户,即使页面体积有些大也可以容忍。在这里,有设计人员更多的发挥空间。

在专题设计中需要注意的是,标题文字或广告文字应该突出明显,普通描述文字与背景色对比清晰。商品图片突出,整个布局丰富而不凌乱,主次分明。可供用户操作的空间明显而突出。

八、广告图片
通常门户网站的广告来源很广,又的是广告客户自己制作的,有的是其他网站制作的,有的是门户网站自己的广告部门设计制作的。在设计上很难管理,不过有一个原则,就是:颜色鲜艳层次少;主题文字突出;构图简单;动画播放时间不过长。
描述
快速回复

如果您在写长篇帖子又不马上发表,建议存为草稿
按"Ctrl+Enter"直接提交