网页设计风格是不是越简单越好?

所属分类: 网页制作 / 应用技巧 阅读数: 1964
收藏 0 赞 0 分享

原文地址:
http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm
我使用“ Web 2.0设计”来形容目前占主导优势的网页设计风格, 很多人用这个词来形容:
    网络经济的复苏 网站和用户之间更高水平的交互 或一种社会想象,由新型的网上社区和社会网络而形成

Web2.0 式网页先睹为快
如果您没有足够的资源创建自己的2.0式的网站,TemplateMonster 刚发布的web2.0模版频道可以帮到你。当然,购买的模版不一定能完美的契合你的目标,但是为用户定制的设计也常常不能保证。



简介
我将带你过一下目前优秀的网页设计特征,仔细分析最突出的特色,讲解每个点优秀的原因,并向你展示如何将他们使用在你自己的网站上。
如果让我用一个词来总结web2.0,那将是“简单”,那我们就从这开始说起。
我是简单的极力支持者,我认为它是网页设计未来的方向。目前简单、大胆、优雅的网页设计用少来传递更多:
    通过引导用户视线只浏览少量但精心选择的视觉元素,使设计师能直接瞄准网站的目标 它们用更少的语言来表达更多信息,同时精心选择的图片设计去创造看的欲望 它们认为,我们能猜测用户期望从网站得到什么

#p#
一、简单
网页设计比起以前风格更简单,这是一件好事。
2.0风格设计代表着聚焦、干净和简单,但那并不代表着要极简主义,我们应该用少量但必需的元素去达到我们的目标; 有个原则是我一直坚持的:假如解决某个问题有两种方案,那么更简单的就是更好的。
这里有一些例子,注意他们把不必要的元素都剔除了,也许每个页面都可以有更多的元素,但是那样能使页面变得更强大吗?
结果你会感觉不由自主地去看主体内容,你发现自己与页面的元素互动正是设计师所希望的,而且你并不介意这种简单,同时又达到了你的目的。






#p#
为什么简单更好 网站和每个页面都有目标; 用户的注意点是有限的资源; 帮助用户找到他们想要的(或让用户注意我们希望他们看的内容)是设计师的职责; 屏幕上的元素吸引眼球,元素越多,用户去关注的各种不同的事情就越多,同时他去关注重要内容的几率就下降了; 所以我们需要很确定的交流方式,也需要把信息噪音减少到最少,那代表着我们要找到一个尽可能少用元素的解决方案,那就是节约元素即简单。
何时/如何让你的设计简单
    何时 始终如此 如何做 有两个方面能让你成功做到简单 在不影响效果的情况下,去掉多余的元素 能达到同样效果的可行方案中,选择更简单的

看起来达到完美的结果,不是没有东西可再添加,而是没有任何东西可被去除的时候,每当你设计的时候,有意识的把去除多余的视觉元素作为准则。
不要把注意力特别集中在和页面目标相关性比较小的区域,因为用户视线在关注这些时会分散在主要内容和导航的注意力。利用视觉细节如线条、文字、形状和颜色去传达信息,而不仅仅是为了装饰。
这里有个设计的例子,由于不够简单而深受其害:
Yaxay 的界面用了很多像素,但是大多数都是修饰性的,一部分是页面的背景。相对少的像素被用来让用户找到或理解信息或被站点吸引。


想想这个页面看上去东西可真多啊,但是能使真正的导航、内容和交互特征清晰的元素实在太少了。
爱德华•托佛特用“数据墨水”(如可以传递信息的细节)和“非数据墨水”(如只是修饰的细节)来形容这一现象。
托佛特的衡量信息设计(图形,图表,演示等)有效性的一种标准是数据墨水和非数据墨水的使用比例,数据墨水使用的比例越高,设计的有效性可能就越高。
以Yaxay第二幅的细节图为例,它有太多被称为“繁忙”的元素,比如大量的边缘、色调、颜色变化、形状、线条……很多要看的元素,但是在这个细节真正有用的是:
    网站的logo 导航按钮上的标签文字:art gallery

剩余的其他“繁忙”元素:背景上的形状、界面上的斜线、网格、渐变……所有这些噪音都是非数据墨水,因为它们都不能传达信息。
我并不反对网站设计的丰富、复杂或美感性
简单的意思:无论采用什么方式,只要是为了让信息传达更顺利的元素是越多越好,当然,通常你要传达的不是硬数据,而是软数据;
硬数据:指事实,如新闻、股票价格、列车时间或你银行账户的存款……
软数据:涉及信息传达的质量,如公司给人的第一印象,服务提供者是否亲切,一种产品是否适合你……这些都是同样重要的。
无论你要传达的是硬数据还是软数据,你都应该有意识并谨慎的使用元素数量。
以下图为例:

Alex Dukal的站点很丰富、有趣、吸引人,它用了一系列视觉技巧来引起你注意,让你感觉有趣,对Alex的工作给你一种温暖的感觉。但是它也是简单的,因为它谨慎而敏感的使用像素、墨水或繁忙元素,它并非是没必要的,而是节俭而丰富的。
无论怎么说,当你使用墨水、像素时要明智的选择,用它来传达首要的信息,同时,问问自己用少量的元素能否有效的传达信息,如果可以,就这样做。[未完待续……]
第一次翻译专业性文章,有不得到之处欢迎指正
更多精彩内容其他人还在看

更受欢迎 更具创造性的深底色网页设计实例

最新的调查表示,47%的受访者首选浅底色的设计, 主要原因是基于可读性。大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。
收藏 0 赞 0 分享

有创意的关于我们网页页面设计

本文收集了一些“关于我们”网页页面,60个漂亮的有效果的对用户非常友好的关于我们页面的设计实例。希望你能从中获得设计灵感。
收藏 0 赞 0 分享

整洁漂亮的网页设计的4项原则

我最喜欢的设计书籍之一就是《Robin Williams Design Workshop》.它深入实际的设计理论,并且包含许多极棒的设计实例。其中一个值得关注的地方就是4项主要的设计原则,它们已经在设计中为我所用。这4项原则就是:反差, 重复, 排列, 和分类。
收藏 0 赞 0 分享

设计参考 WordPress建站成功案例

最近国外有个牛人收集了 16 个专门收集 wordpress 精彩建站案例的网站,对于每一个 wordpress 迷来说,这都是一份大礼。
收藏 0 赞 0 分享

新闻风格网站设计实例25个

杂志和新闻风格设计越来越流行了。像Wordpress之类的内容管理系统对此类网站有比较多的模板选择,可以让普通的站长或博主轻松实现一个很像新闻网站的网站。在本文中,我们将推荐25个可以为你提供灵感的杂志风格网站设计。
收藏 0 赞 0 分享

网页文字设计应该像聪明女孩穿衣服

  这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方
收藏 0 赞 0 分享

怎样设计网页?怎样制作网页?

  在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。   其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”
收藏 0 赞 0 分享

网页可读性提高的几个方法

1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。
收藏 0 赞 0 分享

网页设计心得:页面布局的简单规则

·重复:在整个站点中重复实现某些页面设计风格。   重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。   颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。 &middo
收藏 0 赞 0 分享

网页设计人员应该注意的43个Web设计错误

这是一篇关于网站易用性的文章,作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势,但纵观国内的各大网站,似乎易用性并未成为设计者们广泛理解的概念, 因此希望这篇文章对大家能有作用。 1. 用户必须
收藏 0 赞 0 分享
查看更多