一生设计

网页设计注重细节，可以说细节决定成败。有哪些细节呢：
1、浏览者打开一个网页的时间是有限的，一般不超过8秒当打开时能一眼就能发现该网站是做什么的，能在很短的时间内找到他所需要的内容。（注重用户体验）

2、充分利用好网站的视觉表达区，在明显的位置，如网站左上角，正文中间头部，这是大家共认的事实。主要是因为大家都是从左到右来浏览的即：按照用户习惯来设计网站内容。还要考虑在左上方一下加入一个或者两个其他的元素在这个位置让它看起来更明显（注册的链接、搜索的表单、标语等）

3、有效视觉区域：一些视觉跟踪调查研究证明，用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到，中间区域仅有一半被看到，再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候，要去考虑一下这一因素。

4、避免设计的东西像广告，有的网站一打开全是大幅广告，会使用户的耐心大打折扣。合理安排广告，大块的文字区域也会被用户所忽略。

5、文字和图片：在设计页面的时候图文并茂，更容易吸引浏览者的眼球。

6、设计元素装饰标题：当用户在浏览网站内容时，通常会寻找标题。在标题上花店功夫装饰下，更容易获得用户的关注。让用户更容易找到小标题。

7.文字排版：合适的文字排版有助于用户的阅读。使用适量的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。引导用户阅读全文，找到他们需要的内容。

8、广告图片的设计：用户在阅读的时候最讨厌突然跳出广告的，所以在设计广告BANNER时，要考虑它的出现，大小，从色彩。人物的面部图片最吸引人，尤其是图片人物的眼睛盯着用户、或者用图片中人物的目光方向，来引导用户关注广告。值得一提的是。漂亮模特更加吸引人。

9、页面透气（熟称留白）。网页设计也是一门艺术，并不是简单的内容堆砌。艺术化的处理手段更加吸引人，在页面恰当的留白，让文字图片在页面上能够呼吸。

–本站原创

要提高网页设计水平，首先要掌握基本的软件技术、了解专业的理论知识、知晓行业最前卫的资讯…以下是迅速提高网页设计水平的秘诀。

一，想
网页设计师首先必须善于思考，对设计有自己的想法和理解，这是最重要的。别担心你的想法有多“烂”，没有人能一下子做好的，但你完全可以做好你的习惯和态 度。学会大胆地摸索和尝试自己的想法，懂得借鉴，追求属于自己的创意。但是如果在设计时不动脑筋地套模板，套素材，甚至是盲目模仿和抄袭，那简直是在摧残 你的创造力，滋养你的惰性，这样永远无法进步，而且以后想进步也非常困难。

二，看
1，大量欣赏别人的作品，尤其是优秀作品，培养艺术鉴赏能力，这对于提高设计水平是必须的。看的时候不要走马观花，需要结合专业知识边看边想，仔细研究作 品中值得学习的地方。但有人会抱怨要看作品自己却没有多少设计类书籍，上网找大量并且是自己需要的设计作品和设计资源又很浪费时间和精力，这里你建议去找 汇集网络上所有优秀设计资源的网站，如设计世界（http://www.sheji360.net），蓝色理想http://www.blueidea.net，模板网站， 这样可以省下很多时间和精力去提高学习效率。
2，反复地欣赏优秀的作品。温故而知新，设计也是如此。收藏自己认为比较好的作品，过段时间再看看这些作品，往往会比第一次有更大的收获。
3，经常看看自己的作品。经常看看自己的过去设计的作品，你就会了解自己水平是否有所提高，同时也会有更多的设计体会。

三，练
反复地大量地练习。如果缺乏足够的练习，就算有足够的设计天赋也是无法提高设计水平。只有不断地练习，反复地练习，才能迅速提高设计能力，做得越多，提高 得越快，这个是没有什么捷径可走的，必须踏踏实实地来。当然如果练习的时候不思考只会事倍功半，就像学画一样，不光要用笔画，更需要动脑。

四，审
自己的作品能打动自己就是好作品吗？其实对自己作品满意并不是件好事。尤其是初学者对设计以及自身能力缺乏足够的认识往往会犯“自恋”的毛病，过于满意自 己的设计，总以为自己设计得很完美，没有比这更好的，却不知自己设计得有多糟糕。相反，当你水平真正到达一定高度的时候，你对自己的设计就会有一个比较客 观全面的认识，也就不会轻易满意自己的设计了。因此要学会审问自己，虚心向人求教，就会少走很多弯路。当你对自己的设计感到很满意的时候，记得审问自己， 真的有那么好吗？

五，问
学会交流，不懂就问。虽然大部分设计师性格都不太外向，但懂得如何与人沟通交流还是每个设计师必须掌握的课程。设计不是闭门造车，设计师不仅需要和客户交 流，还需要和同事同学交流，当然也需要利用网络与其他设计师交流，只有善于交流的设计师才能更好更快地提高自己。

六，知
1，设计师要掌握相关的专业理论知识，多看专业理论知识以查漏补缺。同时更需要学习各种各样的知识。拥有丰富的知识，你大脑里的“素材”就越多，它们都将 可能参与到你的设计里，你的设计才会生动饱满，富有思想内涵。所以知名的设计大师们往往都是全才，他们不仅精通设计，更精通其他很多领域。
2，设计师需要懂得体会生活，了解世界。这需要实际调查和切身体会。否则你的设计就会容易脱离生活，失去感染力，因为设计源于生活并服务于生活。同时设计 师需要了解世界，以增长更多的见识，保持最新的思想观念。一个思想落后、孤陋寡闻的设计师无论设计经验有多丰富，他的作品总会显得蹩脚和庸俗不堪。
当然，要想有丰富的知识和见识都需要你在平时生活中主动去注意和积累。

七，勤
设计师并不是一个轻松的职业，需要勤奋自学，优秀设计师大部分都是“自学成才”。如果平时没有抽时间主动去自我提高的话，那你的设计水平很难提高，甚至不 进则退。因此建议在学习或工作之余，多多花时间在设计上，这样才能更迅速提高你的设计水平。

八，德
设计师的道德品质不仅会体现在生活中的每个细节，而且还会渗入到设计里，这也许就是对“设计为人”更深的一种诠释。如果一个设计师思想道德狭隘的话，那么 迟早会扼杀掉自己艺术细胞，堵塞自己的艺术之路，因为艺术是从生活中提炼出来的，是人们所追求的真纯善美。设计师应该要拥有广阔的胸襟，才能拥有广阔的设 计空间与灵感空间，你的设计之路才会走得更远更通畅。

九，久
设计不是一朝一夕就能成功的，只有做久了才能拥有出色的设计水平和宝贵的设计经验。既然选择了设计师这个职业，就要有耐心，努力做得出色。虽然会遇到很多 辛酸苦累，困难挫折，但不要退缩与放弃，没有这些，你的设计能力如何成长，你的经验如何获得？所以你需要做的是忘掉它们，朝前看，自信地坚持走下去，你的 脚步总有一天会踏上平坦的道路，到那时，成功就在你面前向你招手微笑。

打开浏览器欣赏网页，时常会发出这种感慨。这个界面设计的好看，这个页面设计的失败。那衡量一个网页设计好坏的标准到底是什么呢？只有懂得欣赏优秀网页设计作品的设计师才会提高的更快，因为从中可以借鉴到网页设计的精髓。便于转化成为自己的灵感，设计源于灵感，灵感源于借鉴。如何从中取其精华，使我们的视觉效果与众不同呢？简单总结下，有一下几个方面：

一、网页设计是否传达交互的概念，即引起浏览者强烈的点击欲望；能否传达出产品的特征，从视觉界面设计，就可以看出网站是做什么的，看到这个页面的视觉设计能让浏览者达到一种愉悦的目的。视觉创意独特而新颖。
二、合理的页面内容布局、良好的用户体验。网站主要内容突出，有主有次。符合特定群体的浏览习惯。
三、风格统一，色调专业。同个网站视觉风格要统一，色彩要以客户的行业色为基准。一种主色、一种辅色、一种点睛色。建议不超过三色，以免花哨。色彩背景和文字要容易辨别，便于阅读。内容等级决定字体、字号大小、粗细。

一名出色的网页设计师同时也应该是一名合格的人机界面设计师，因为无论从哪个意义上来说，网页设计是一种最典型也最流行的人机交互平台，它的载体就是网页。所以说网页设计也是人机交互界面设计。把握住网页设计好坏的标准，在以后的网页设计中更快更好的设计出独特的视觉交互作品。

网页设计趋势对于追求无限创意和具实验探索精神的Web设计师 来讲，趋势一词可能会显得有点可笑，如果每个设计师都遵循原有的趋势，那谁还去开创新趋势？没有了新趋势，下一个轮回的时候，设计师们又去遵循什么趋势？

但不管你是否属于哪一类网页设计师，你却偏偏又不得不了解和跟随这些趋势。除非你只为你自己做网站，否则如果你给客户的项目完全背离了主流的趋势， 那要么就是黑马，要么就是客户觉得你无能，跟不上趋势的节奏。

所以，随时关注着Web网页设计趋势是每个设计师都应该做的事儿，本文就为你奉上2010年Web网页设计趋势总 结。

在即将到来的新一年里，是抛开过时陈旧的网页设计，为未来准备大胆全新的网页设计的时候了。 尽管趋势不是在一月一日开始或结束的，但新年伊始的时候我们的渴望和在一年之末时我们寻求教程指导之间依然有一个很明显的分界。大多数时候，分界线模糊不 清。这就是对当前潮流趋势是完善还是重新诠释的的选择。趋势会帮助设计师并让之进化。如果我们掌握了这些设计美学的技巧，我们就可以推进趋势或者开发一个 全新的领域。

理解这些，你将会认识到这些趋势背后的创意。尽管这些趋势和在2009年流行的没有巨大的变化，但它预示了那些趋势将会进一步扩大流行并因此变得更 佳。如果你正在考虑如何将新的潮流吸收进你的作品的话，请把注意力放在每个潮流趋势的中心思想上吧！多多鼓励自己去涉猎这些新趋势中，这样你会变成这个运 动的一份子！

1 巨大的logo/标头(headers)

飞出页面（Splash pages）已经非常过时了。为了给访问者造成难以忘怀的印象，2010的流行趋势将会是巨大的logo或者不相上下大小的标头。这种类型的标头会占据整 个屏幕，但是只有一个重要的短信息在上面。访问者不需要点击任何东西，只要把鼠标向下滑动。访问的人现在普遍患有点击恐惧（由于多年来的缺乏指导）。所以 大幅的标头就像飞出页面一样，但是它不会强迫你的用户点击任何东西。

中心思想:巨大的标头将会使你的访问者记住你的网站。

2 素描/手绘设计

手绘设计并不是真正全新的一种潮流，但我们知道它仍然站在网页设计的前沿。很多设计师欣赏这种风格，但又怯于创作此类作品仅仅由于“我不会真正地手 绘”的态度。如果你去看那些最流行的手绘风格网站（相对于其他趋势风格的网站，手绘设计的网站不多），你会注意到大多数同行不会绘画。这些设计不是要送往 艺术博物馆的，它们只是传递一种异想天开的想法，并模糊冷冰冰的网络和人与人的互动——因特网的终极目标，之间的界限。如果你会涂鸦，你就可以创作素描/ 手绘风格的网页设计。

素描在2010年会变得更加强大，尽管不是网页设计的主要焦点。它将会以新颖的和令人兴奋的方式被用于个性标准的页面文案（web copy）。

中心思想：素描在合作设计中会变成一个基本的组成部分。

3 肥厚的字体

尽管在传统媒体中出现已经超过200年了，肥厚的字体在网页设计上的应用还算比较新的。要得到肥厚字体的可视化定义，就想想古老的狂野西部的海报 “渴望”。那些醒目的字母就是肥厚的字体。肥厚字体普遍是大写字母，醒目并令人印象深刻。许多设计师以前避开肥厚字体不用，是因为以前标志和标头都比较小 和比较简朴的缘故。和巨大的标头一起组合之后，肥厚的字体将会吸引浏览者的注意。

中心思想：肥厚字体来大胆的表现自己。

4 活版印刷

活版印刷是最难掌握的的潮流趋势之一，这就是它在2010年依然保 持新鲜的原因。出于大家对可用性的呼吁，网页设计师不敢使用新起的和各式各样的字 体。把不同大小尺寸的字体混合在一起这个想法是完全不可想象的。可以探索，扭曲，模压字体来达到你的目的。如果位置得当，一个利用了活版印刷作为它主要涉 及元素的网页会比一个超载了大量图片的相同网站有趣的多。

中心思想：活版印刷是新发展 的，但是它会将继续成为网页设计的一部分。

5 单页布局

单页布局将会驱使你去把不必要的信息删除。在2010年，这个潮流将会抛弃那些古怪的导航，并使之影响国变得更加小（this trend will move away from the quirky navigation and become more minimal in its approach.）。可以这类风格的网页想成商业名片。这些网站将会更像一站式商店，在那里有你和你在各式各样网站上的作品（比如你的博客和你在各种社 会化媒体上巢穴）。

中心思想：单页布局将会有较多个人文件和较少的团体合作。

6 巨幅图片

与巨大logo/标头header很接近，所以大幅画面也做着同样的事。它创造了难忘的视觉冲击。不像上文巨大logo所示的那样，巨幅图片不是网 站品牌的一部分。相反，访问者不是因为内容而是因为奇大无比的图片尺寸吸引进入你的网站的。在2010年，网页设计师们会发现，在他们的设计中使用起这些 巨大的表现方式来表达网站的风格，将会更加的舒适惬意。

中心思想：巨幅图片会被用作吸引游客进入你的网站。

7 改变视角

就像我们以前讨论过的一样，桌面视角已经重复到令人发腻了，2010年将会看到一个更加贴切实际的视角，可能会有一个移动的侧视的天线（There may also be a move toward side-shot aerial.）

中心思想：2010年网页设计会出现不同的视角

8 交互式/直观设计

flash动画会有更好的发展。以前，你访问网站，你一定会点进一些令人厌烦的动画界面。现在动画会轻松、专业的多。尽管一些设计师更愿意选择 jQuery制作表格和弹出式窗口，但动画在设计界仍然占有一席之地，特别是在表现细节方面。动画在互动上仍然有所欠缺。2010年，网页设计师将会在动 画的补救元素方面改进。现在普遍的浏览者对互联网了解得更多更深了，设计师会也将会也会创造出比以前更直观性一点的网站。

中心思想：交互式设计会重新流行

9 弹出对话框

弹出对话框这个趋势现在正如火如荼地被使用，事实上2010年就会到处可见。弹出对话框就像弹出式窗口的一个更加老练的长兄，——流畅、美观、潮 流。弹出对话框更容易设计和使用使它成为那些为可用性担心的设计师的完美解决方法。

中心思想：在2010年设计中弹出对话框将会继续流行

10 简约主义

请忽视学校极少网页的网站。2010年的网页会继续以大片空白和醒目的排版、出人意料的颜色方案为特点。不是所有的简约网站都同意黑和白的简单性概 念。尽管简约主义本质上是温和的，但是它也展示鲜艳的颜色。简约主义不是冷酷的，它是温暖的，开门见山的。

中心思想：简约主义将会大胆的用于排版。

11 大尺寸的底部

也许大尺寸的底部已经到处都是了，但是在2010年你会发现它们甚至会更夸张。未来的底部会减少事先考虑的因素，成为设计的主要部分。底部将会寻求 詹这些特征：包含随机的信息的脚本，比如不同的社会媒体的更新、每日调查、和Flickr等。

中心思想：大尺寸的底部将会以较少重要的信息，较多个人信息为特点。

12 复古

复古设计会成为风尚，流行起来。虽然很多设计的团体钦佩复古的网页设计，但如果没有留下”已复原(undone)“的印象就很难完全掌握这种风格。 复古的关键是被它的风格和潜在的趣味性所启发。在2010年，如果设计师找到新的使复古老艺术荣耀起来的方式，复古设计将会扩大使用的范围。

中心思想：复古是一种新潮。

13 介绍框

“你好，我的名字是······/Hi,my name is…”将会在2010年找到更大的舞台，如果设计师认识到介绍把自己给访问者的美丽,简洁的话。如果你正在为做一个有创造性的“关于自己”的网页而 苦恼，介绍框是最好的解决措施。它会迫使你把你的介绍简略成一个相关大小的空间。2010年介绍框会突破它本身所具有的界限。设计师们找到新的便车 （new pick-up lines）来取代了令人厌倦的你好。同时，2010年介绍框将出现非常规的摆放，也许是放在网页的正中间，替代了现在的放左边的介绍版块。

中心思想：一种新的说“你好”的方式

14 杂志布局

因为越来越多人从传统的打印媒体转移到在线信息娱乐，设计师们会挑战着欢迎这些简单的转变。杂志布局有一个步骤，就是所有信息会小心地放在首页上， 使浏览者有机会去根据兴趣去探索。相似的布局吸引那些曾经看过报纸或者杂志的人，但是也会更易使用令人讨厌之极的网页。在2010年，杂志布局会变得越来 越普遍，特别是博客方面。

中心思想：杂志布局会被用作娱乐信息方面的网站。

英文原文地址http://webdesignledger.com/tips/web-design-trends-for-2010 如果你的英文不错，千万不要错过。欢迎指出这篇文章的不足，我们一定虚心听取！

中文译文: 2010年网页设计趋势 | Focusec
英文原文:Web Design Trends for 2010 | WDL