网页制作学习:关于门户网站设计(下)

开发 前端
门户网站,是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。本文主要介绍的是门户网站设计的一些知识,初学者必看,网页制作学习,一起来看。

门户网站有很多种。最为国人熟知的是象新浪搜狐那种信息类门户。主要以广告收入为主。现在也有博客门户等。象当当、淘宝那样的购物平台,其实也是一种门户,只不过陈列的是商品信息,赢利方式是依靠出售商品。不同的门户,有不同的需求,都应该根据这些需求出发去设计网站,这是众所周知的,但是它们之间也有共性,那就是都要求提高浏览效率!促使网站达成赢利目标。接着上一篇介绍。

 

重要的第一屏

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

4.文字编排

在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。

4.1文字图形化

文字图形化就是将文字用图片的形式来表现,这种形式在页面的子栏目里面最为常用,因为它具有突出,同时又美化了页面,使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。

4.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网站的扩展性

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

七、专题设计

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

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

八、广告图片

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

由于市场竞争日益激烈,门户网站不得不快速地拓展各种新的业务类型,希望通过门类众多的业务来吸引和留住互联网用户,以至于目前门户网站的业务包罗万象,成为网络世界的“百货商场”或“网络超市”。通过本文的介绍,希望对你有所帮助。

【编辑推荐】

  1. 门户网站引领微博风潮
  2. 韩国服务提选择Radware支持其门户网站
  3. 企业门户网站安全如何“给力”
  4. 门户网站负载均衡技术的六大新挑战
责任编辑:于铁 来源: 站长之家
相关推荐

2011-05-11 14:12:39

门户网站

2012-01-06 10:42:43

NASA开源

2011-05-11 14:43:00

门户网站

2010-08-17 13:23:49

2011-12-13 10:06:11

2011-01-21 18:13:41

RadwareAlteon应用交付

2012-05-04 10:16:51

vmware虚拟化View VDI

2017-02-10 12:01:07

2010-05-04 16:40:14

Oracle加速计划

2010-05-27 18:26:53

2013-03-08 09:22:02

2017-08-16 08:49:27

私有云自助服务

2010-08-24 11:34:37

DIV+CSS

2013-02-19 10:30:16

2010-12-22 13:02:02

2015-09-02 08:55:49

裁员门户网站凤凰网

2009-06-04 11:26:05

2010-09-02 10:35:51

DIV+CSS

2009-08-14 16:29:04

点赞
收藏

51CTO技术栈公众号