一个成功的页面需要什么

学了三年的设计了,到现在还是小虾米一个,做了三年的网页设计,当然其间也遇到了很多困难,但是也有了很多收获。 在这里写一下自己的一些心得,还请高手不吝赐教。

要想设计一个页面,你首先得明白页面是干什么的,最初的html就是段落,超链接,列表,还有标题。文字的默认颜色是黑色,超链接的默认颜色是一种很亮也很刺眼的蓝色,在你点击后就会变成一个比较丑但是也很显眼的紫色,而整个页面的背景在默认情况下是白色。为什么会这么定义呢?是某个W3C标准制定委员会的委员一时兴起这么定义的吗?当然不排除这种可能,但是我觉得,黑色的文字加白色的背景这是最符合人们阅读习惯也是比较舒服的一种阅读习惯。而html中最重要的就是超链接的使用,对超链接使用醒目的颜色能够让人们更快的找到什么地方的文字是超链接,而超链接样式的改变能够准确的提醒人们那些东西他们已经看过了,那些东西他们还没看过。

无论何种设置,何种的默认方式,我觉得最重要的就是能够方便的给用户传递信息,让用户能够更加方便的在这个页面中寻找他所需要的信息。这也是一个页面,也是一个页面设计人员最基本也是最重要的职责。

随着html的发展,随着css的出现,设计人员能够更好用html表现他们所想要表现的,他们可以给一个html页面加入更多的图片,更多的颜色,更多的样式并以此来表现他们的想法,他们的创意,他们的心情,同时也给页面的访问者带来更多的信息,带来更丰富的感受,带来更多的视觉上的冲击甚至是心理上的暗示。

现在更好了,我们还有photoshop,fireworks好多的图形设计工具,而且他们都支持对html格式的输出,对网页设计都进行了优化,我们可以先设计出漂亮的效果图,然后再方便的把效果图转化为html。

所以,做设计的人们也就更加大胆了,大幅的图片,多姿的色彩,各种眩目的效果,漂亮的花纹,他们把自己能想到的创意效果都想应用到页面中,但是他们到底想做什么呢?是想用更漂亮的页面来留住用户吗?是想给用户带来更多的信息吗?但是有时候这样做却适得其反,太多效果图片的繁琐的应用可能给用户带来视觉上的冲击,但是同时更可能给用户带来困扰,他们可能因为页面打开的速度太慢,也可能因为找不到他们想要得到的东西,也可能因为阅读上的疲劳再也不会光顾你的页面。

所以说页面的设计不但要考虑设计人员自己的想法,同时更重要的还得考虑用户的习惯或喜好。良好的用户导航,合理的布局设计,漂亮但是舒服的配色,加上精致的页面设计,这种种的元素组合在一起才可能得到一个成功的页面。

我们想要得到是一个成功的页面,所以我们更多要考虑的是用户!

良好的用户导航

曾经看过一个专门讨论javascript的网站,首页打开除了一个标题加上一个什么样式都没有的标准ul列表导航什么都没有,这种页面算不上一个漂亮的页面,但是却是一个成功的页面。为什么呢?浏览这种网站的用户一般目的性都比较强,而且网站的内容主要是javascript,本身并不需要什么图片来表现,所以一个简单却明了的导航就可以满足用户的需求,条理的分类能够让用户更快的找到他所需要的内容,所以说着个页面时成功的。

再者如baidu,google,非常简单页面,清楚的导航,充分的满足了用户的需求,同时也也给用户带来了好感。 当然并不是说所有的页面都要设计成这种这么简单效果,主要还得看页面的受众,或者说页面所想要表现的内容决定的。但是一个清楚明了的导航确实是每个页面所必须的。让用户能够更清楚明了整个网站的结构,能让用户一目了然哪里是正文内容,哪里是超链接,更快的找到他所需要的内容,这点是必须的。

合理的布局设计

一个页面的布局对一个成功的页面设计来说也是至关重要的,特别是页面所想要表现的内容很多的时候,这点更加重要了。像一个门户网站的首页,布局就是一个页面成功的必须,只有充分的了解用户的使用习惯,了解用户的心理,设计出一个合理的布局,有机的组织页面的内容才能得到用户的肯定。

例如搜索栏的合理利用和布局,往往能够让浏览者更快的找到他们想要的内容。页面的左边一般是用户初次登陆页面的时候最先注目到的地方,因为人们的阅读习惯一般是由左到右,由上到下。所以,在网站的左上角安排你的logo或者是你最希望用户得到的信息一般会比较成功。在页面的上部安排一些最新的话题或文章,也可能是用户感兴趣的,在页面中见的显眼位置安排你的幻灯图片,或者热门的话题能够更快的吸引用户的目光。再者,在文章的显示页面,在页面的左侧或右侧添加相关文章,或者在文章的结尾处放置相关文章会延长用户在你的网站上的停留时间。再像一些较为窄的页面在页面的两侧放置页面的广告或者一些快捷方式,一方面不会引起用户的反感,另一方面能够方便用户的使用。

这些人性化的设计或布局是一个页面成功的关键。

漂亮舒服的配色

现在的显示器显示效果都很好,所以你可以放心的使用各种漂亮的颜色,但是是不是说我们就可以把一个页面做的五颜六色的呢?当然不说说绝对不可以,毕竟有特殊情况的需求。但是一个页面中的主要颜色超过三种的时候就会有让人感觉杂乱的可能。当然谁都不敢说的那么绝对,就说必须严肃要少于三种。但是有机统一却不乏跳跃的色彩搭配才是一个页面设计成功的最大保障。

一般情况下页面应该有一个占比例最大的色彩,然后辅以两到三种其它的颜色,作为颜色的辅助使用,或者想要突出的内容是用的颜色。即让页面不显的单调,有跳跃感,又不显得杂乱无章。 一般情况下饱和度较高明度较高的色彩更能够给人们带来视觉上的冲击感,但是过度的使用也可能给用带来视觉和精神上的疲劳。饱和度较低,明度较高的颜色更多的是给用户带来心理上的暗示,因为一种非常浅的蓝色如果让人们单独看可能分辨不出它与白色的区别,但是与白色放在一起比较的时候,人们无法准确的说出它们的不同,但是却能明确的感受出它们的不同,所以说,当有对比的时候,人们的眼睛对色彩的捕捉是十分敏感的,所以用这种类型的颜色一般给用户带来的是心理上的暗示。

当然,你还要针对你页面所要表现的内容来确定你要使用的色彩搭配,比如说有关女性的页面,使用粉色或红色是比较合适的,有关自然或动物的网页使用绿色是比较合适的。当然这些还得需要设计者自行斟酌,毕竟设计是没有什么套路可以遵循的。但是合理配色的原则是不变的。像韩国的页面设计大多色彩鲜艳明快,卡通效果是用较多,欧美的页面设计则是使用暗调较多,使用一些比较有质感的效果。这些都不是能一言概之的,都需要根据自己的情况使用。

再则,在页面的主要内容,文字内容显示的部分一定要注意对比度的问题,因为如果对比度不够的话会让浏览者在阅读的时候很累,非常容易引起视觉疲劳。关于这方面的问题,你可以参看一下我的另外一篇文章。《网页设计中的色彩选取》http://bbs.blueidea.com/thread-2857535-1-1.html

精致的页面设计

我把这点放到最后,但是并不是说这点不重要,反而它非常的重要,试问,如果一个页面第一眼看起来就很粗糙,浏览者会认为这个页面会提供什么质量很高的信息或内容吗?而且页面设计最终所要表现给用户的只是一个1000px*700px大小的设计,这只是很小的一个面积,怎么能够在这么小的面积展现你的创意思想?精致是才是我们需要的。

所以说一个精致的页面设计也是必须的。一个精致的页面给浏览者带来的信息是这个页面设计的很用心,并相信会提供更加精致的内容,更加有用的信息。 如何让用户感觉你的页面设计的很精致,很用心呢?要实现这个目的其实方法很多。例如一个别致的按钮,标题的样式,列表的背景,底纹的应用,一些精致的花纹的应用。但是这所有的一切都是为了内容服务的,无论如何都不应该喧宾夺主,由这些样式的应用来烘托主要内容,而不是让浏览者的注意力主要到这些设计。例如1px的线条边框的使用,文字底纹虚线的使用,都能够让页面看起来更加条理,更加易读。但是你的页面到处充斥着虚线的底纹,想想是多么恐怖的事情。

在用ps进行设计的时候,很多情况下要用到渐变,投影,内发光,外发光,描边等等效果,这些效果的使用会让你的页面增色不少,但是合理的使用是必须的,像投影,一般情况下三个像素就足够了,除非特别情况,太大的投影会让你的页面看起来很粗糙。较为清晰的渐变往往会让你的页面看起比较精致,太大的没有什么作用的色块会让你的页面同样看起来很粗糙。一些精致的花纹的运用,边角处的运用,适量花纹的合理运用同样会让你的页面看起来很精致。精致的小图标的利用同样会让你的页面增色不少。

所以说,有质感而精致的页面是你设计的一个至关重要的因素。

写在最后,设计页面,而不是拼凑页面,在开始你具体的制作前,先设计好你的页面,一气呵成,不要东拼一点西凑一点,这样做出来的页面往往看起很别扭,不能起到应该有的效果。你可以借鉴模板,但是不要将你喜欢的模板拼到一起。

先写这些,个人观点,肯定有不合适的地方,还希望高手指点。希望大家共同进步!有空到本人的blog逛一下,大家一起讨论。

转载请注明原文出处《一个成功的页面需要什么》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

我要评论