一生设计

在此教程中我会教大家使用简单的工具，滤镜、色阶和图层样式效果逐步创建一个漂亮的老照片效果。水平有限，翻译难免有误，请有心的朋友给予指出，以 方便更多朋友阅读。

先前的照片：

在Photoshop中打开原始的图像
去滤镜>模糊>表面模糊

选择图像>调整>渐变映射

图像>调整>色阶

图像>调整>曲线

图像>调整>照片滤镜

找到图像的中心，使用矩形选框工具创建一个圆形选区
去选择>修改羽化选项（80-100）

选择>反向
选择滤镜>模糊>镜头模糊

滤镜>杂色>添加杂色

复制背景图层
对它应用颗粒滤镜

应用叠加的混合模式，不透明度50%

找一个刮花的纹理，我使用的纹理来自here 得注册哦～

选择图像>调整>色阶
中间标记向右移动一点

在这层上应用柔光的混合模式，不透明度80%

合并这两个图层
给图层添加内发光效果

在图层的下方放置两个旧纸片纹理图层
暗的纸片应该放在最下端（位置见下图）

Photoshop是网页设计师的首选工具。有鉴于此，我们已经搜集了20个最新的photoshop网站设计教程。这些设计教程最终的结果都非常 令人赏心悦目。记住,这不是意味着你能精准的复制和使用就是你自己的。相反，按照教程和学习新技术，将其纳入自己的设计。

在photoshop中创建简洁古典的网页设计

创建一个粗糙的滑雪板主题

了不起的网页设计

罗拉博客设计

如何创建独一无二的WordPress主题

网页设计布局11

网页设计布局 14

如何在photoshop中创建简介的web2.0样式

从头开始创建漂亮的网站

如何设计简洁多彩的网页布局

如何在photoshop中制作充满生气的网页设计作品

创建专业的Web 2.0样式

制作粗糙半透明的网页设计作品

如何制作多彩并且独一无二的网页设计

网页设计教程： Zee Site

BANNER 设 计 手 册

Poorfish 译
第一节 字体

采用以下要点来改善你的BANNER。
广告并不便宜。 确信你的广告被第一时间读到。

使用像这样的Sans Serif字体

字体类型用Black或Bold，不要用light

避免用下面那行中的小Serif字体

Serif字体在BANNER上很有可读性

除非你这样做

Sans Serif是更好的选择， 因为它具有简单的字形。 这使它更快地显示在web广告中。


在网页的大段文字中更好地使用Serif 字体。它的外形对我们来说更自然，让长时间的浏览变得更轻松。但我们现在要谈的不是这个。
很多职业广告设计师选择Serif字体，如做范例；网站格式化处理。这是有风险的，除非你是一个真正的？。广告中使用Serif字体能给特定的目标群体非 常好的感觉，这就是为什么设计师们选择它的原因。但在表达可读性上不值得推荐。
我建议在BANNER上用Bold Sans Serif字体。

第二节 设计广告条内容的正确方向

让你的广告更有效地被浏览者从一个方向来读到。

让浏览者从一个方向上看文字

不要让文字排列成这样

这样的排列也可以，仍是从左向右


按钮要放在右边。

让浏览者的视线从左到右。这样做会更快更有效。因为习惯是从左到右地看，不要认为浏览者会在看广告条内容（左）前点击按钮（右）。

第三节 人物和图片
让你的广告更有效地被浏览者从一个方向来读到。

把美女放在BANNER的左边。

如果你的BANNER上不是一个女人，也同样适用。学会用女人的图片比用男人的更有吸引力这一点。???
理由是：女人会让男性注目。是视线的第一焦点，然后你会随着她看过去，所以图片应该放在左边。

面孔的局部图片会对女性浏览者更有效

如果你不是一个电脑设计狂的话，你应该会把目光注意到这个女性的面部图片上。这种方法对美容、保健和化妆类的，网站会用得上的。

修整你的图片，BANNER将会下载得更快

这一点相当很重要和有价值，值得花时间去做。可以在PHOTOSHOP中用钢笔工具进行修整。广告条的体积将会减小很多。它会去掉背景上的不必要的东西。

第四节 避开广告条的边缘
文字紧靠边缘的广告条让人看起来很不专业，
但你也可以在设计中按我们的方法避免这一点

广告条的边缘不是一个休息场所，也不是一个可以让你跑出去的空房间。它是一个内容与边缘保持适当距离的区域。

文字的旁边要留有一定的空间。这样能使它们更明显。避免广告条的每一个角都有文字。

不要以为你这样做会使它们很分散，因为你可以逐个地调整它们。让浏览者更好地理解。

第五节 激起点击的欲望

让浏览者点击的理由是什么？点击后他们将能看到什么？免费的东西，而并非开玩笑。将它们设计得富有乐趣，那它们则能让浏览者产生兴趣。
向消费者显示出你的质量、建立起你的信用。避免广告条有“我们想赚你的钱”这样的意思。试试以下的方法：


把美女放在BANNER的左边。

这是一个很好的方法，来介绍你的网站给个人用户某些东西或能让他们做什么。

通过给新用户一定的益处来欢迎他们是很重要的，然后再开始用做广告来向他们销售产品。你们是要做长期打算的，不是吗？

离丝织手套仅有三步

如果浏览者相信你说的三个简单步骤，也许他们会考虑购买你的丝织手套。

从你的广告条开始，慢慢将消费者自然地引导到购买的欲望中。

第六节 文字的间距

些微的调整能产生很大的不同。

小字的间距也小的话，会使浏览非常困难

当然我不希望你用如此小的文字，这只是个例子。越小的文字需要越大的间距来提高它们的可读性。下面是一个同样大小的字体，但间距调大了，是不是更容易看 清？


对于大的文字，我们对应地这样做：



大字体要粗壮扁平。

减小大号文字的间距。

第七节 文字的数量和复杂性

不要放一些没用的东西，除非你想赶走你的客户。我将解释为什么……
吸引注意力很重要，但当你的BANNER上满是吸引点，那很它将只会被注意，而不会有点击。这是自负的表现。自负不能卖钱。

复杂型BANNER的优点：
看上去很酷！所以可能会得到点击！
客户希望你能做10个以上！

复杂型BANNER的缺点：
可能不被浏览到
杂乱而造成难以正确看到
下载时间长

468×60是一个大的空间。?你可以找一些好的来对照。你看到那些广告条整个地空白，只除了中间有几个字？这就是对比。

对比型BANNER的优点（首选的）：
浏览者会自然地被吸引。
简单
下载非常快

对比型BANNER的缺点：
客户将认为你做得太简陋（你会问我为什么恨客户吗？）
有时目标群体会有问题？
如果你只想获得点击量，那你需要很有创意。

第八节 较长文字的处理

当你要用一个长句子，而这个长句子不能适合广告条时该怎么办？

这样做并不令人讨厌，但人们不喜欢读这样的长句。浏览者浏览时，他们是懒惰的。如果你要用一个长句，那么在排版上你应该让它变得令人喜欢。

当你设计一个广告条，你应该假设自己在和一个浏览者对话，就是他而且仅有他，而不是整个互联网用户。还要注意前面我讲到的大号字用小间距，而小号字用大间 距的方法，千万不要忘记！

第九节 留空

不只是大型的设计需要留空，广告条也同样需要它来使效果更佳。

让图形和文字呼吸（作者很幽默^o^）

我们为什么需要这么多的空，我将解释：

我的意思不是说要硬套上面的例子，有很多有效应用留空的方法。只要你试着去做，会找到更好的方法的。
这个动画的广告条很有效，因为它也应用了留空。观察它的每一帧。

第十节 文件的大小

不要忘记你的广告条必须能很快地被下载！

只用一种颜色的背景
迅速下载的绝对最佳的选择是只用一种颜色的背景。这也有得于形成强烈对比。

当你用单一色背景和使用纯文本时，你可以使用Photoshop或Image Ready对它进行最优化。将Lossy设为15和50，去掉dither（抖动），文件将变小很多！
只使用这些设置，我能使下面的BANNER减小999字节！

看这个，酷吗？记得前面讲过的不要自负吗？如果不记得，

。
我们通常在抖动的BANNER中添加Effects效果，让它们看起来更漂亮。但它在不同环境下显示并不一样，这是因为它的细节问题。所以它并没有什么实 用性。

不仅仅是Effects特效缺少实用性，它还让你的文件变得很大。3D Bevel和Glows看起来很酷，但我建议你把它们用在网页的其它地方，而不是你的广告条上。

再看这个，这样会让图片变大。Drop Shadows(阴影效果)需要抖动图片才能正确看到效果，因为它包含了不同的阴影色。那我们就必须加大颜色数。我认为应该尽可能避免使用它。
（完）

越简单越丰富——极简网页设计视觉呈现技巧

如何让杂乱又咄咄逼人的网页变得轻薄简洁而美观，又需保留完整功能、同时很好的区分出重点模块？这往往是让设计师困扰纠结之源；如何更好的将多余的元素、色彩、形状和纹理剔除，保留重点并梳理清晰的视觉流动方向？

如果一个页面有太多的元素，用户将迷惑于去看哪里或误解每个元素的优先级。优秀的设计师需要用设计语言将焦点正好引导到正确的内容上，正如提到的，极简的网页视觉能够将最重要的内容带到最前面并为用户避免分散注意力，比如，在一个黑白设计上的任何色斑，都会引起用户的注意力，色彩本身也将成为焦点，这便成为我们即将要展开探讨的小小话题。

http://www.janreichle.com/

产品原型视觉转化

设计开始之初，从原型稿到视觉稿的转化过程中，擅长图形化识别的视觉设计师们，在面对繁杂而单调的线稿内容时，往往急于上马大施拳脚展开创作，缺忽略了清晰梳理判断整体页面结构的重要环节。

哪些属于重点模块需要突出展示，哪些次要模块可以移动到更优化的布局或者精简合并？这是一个需要长期经验积累，不断磨练耐心和提高理解判断能力的成长过程，也是职业化的开端。

权衡布局及简化设计

排版布局中的平衡、对齐及对比关系，对页面视觉效果至关重要。如果画面效果头重脚轻，或者左右不均衡，会让用户感觉到压迫感，从而影响到浏览信息的顺畅。

相关参考请查看 “设计的原理”

实现简化设计的第一步，不是简单的去掉大部分图片，而是要重新考虑内容并将其简化到无遮盖的需求。只有那样才能让页面中最重要的元素实现其预期的效果。

我们可以写下必须要的内容：logo、介绍、导航等等。和你的产品经理一起，去掉其它一切不需要的元素，尽可能的丢掉它们。

http://labs.qq.com/

这里的关键并非让网站有较少的功能，而是去掉不是必要的元素或将多个部分整合到一个更简单的布局。你也可以分割内容到独立的页面，给予内容的每个部分更多关注。

http://www.areyoufrank.com/

善用色彩的心里暗示

简约而通透的白色页面

白色，因其明度最高，无色相，明亮干净、畅快、朴素，永恒无暇，在自然界象征着极致的纯净与贞洁。白色优雅、平和而简单，没有强烈的个性，因而网站 设计中，白色具有高级，科技的意象，是永远流行的主色调。

轻快的白色可以给人很好的轻快速度感，运用得当可以让其它任何浅颜色及亮颜色呈现出其深度、明度和饱和度的不同，通过对比让其亮色更加明快、专注和 舒适。整洁、大空白的同时让用户保持欢快的情感进行浏览。

下面的网站展示了如果使用白色来呈现内容和一个网站自身的潜力：

http://www.istockphoto.com/index.php

白色页面设计小技巧：

让链接更容易识别, 使用浅色或亮色；
减少杂乱广告图片； 不要使用过小的字体，
避免页面看起来琐碎和疲劳；

http://www.flickr.com

明快的文字颜色，让内容更易识别

http://www.sixapart.com/

精致高雅的灰色绅士

“灰质(Gray matter)”让人联想到智商与脑力。它不像黑色那么鲜明，又不像纯白那样苍白，灰色是黑与白的过度，是完美的补色。灰色可以和任何色彩搭配，由于它的 中立性，它常常被用作背景颜色，可以让其它色彩突出。使用浅灰色替代白色或者用暗灰色替代黑色，能够赋予网页与众不同的高雅之感。

http://www.apple.com

http://www.dbushell.com/

灰色无论是作为背景颜色还是标题或者主字体颜色都很流行。灰色也是极简主义网站设计的首选色彩，这类网站通常会选用浅灰色作为背景色彩，然后选用深 灰色作为主要的字体颜色。这里是一些使用灰色的几个很不错的网站设计。

http://www.iconwerk.de/

http://2008.dconstruct.org/

设计的加减法哲学

从第一个像素开始，我们开始不断用加法进行创造，搭建出完美的设计作品，然而这就是极致么？在设计适时运用放大或减少，不断地变化，可以更好的趋向 极简，反复历练考究每一个必要的元素存在的价值。

http://pc.qq.com/

每当到达这个阶段，设计师需要静下心来思考，当加法到一定的量的时候再转做减法设计，考验的是设计师对整体把握能力。减法设计是在加法比较成熟的情 况下才能去尝试的设计方式。理论上来说，加法设计比减法设计相对更加容易。减法设计更能体现设计师的功力和积累，目标要求的是少而精炼。

http://www.31three.com/

鼓起勇气大胆的去除边框，让画面更加通透大气，空间视觉元素不多不少，但又显得很丰富、美观。

这个加减的过程正是让设计不断趋向完美的历练之路。

让空间更加透气

通过去除与隐藏的方式降低设计复杂性的方法中，减少“视觉感知”的复杂性也是很重要的。空白与对比无疑成为行之有效的减少视觉干扰的重要方法。

视觉布局中适当的空白对平衡即将出现在页面中的少量元素是必要的平衡。它应是你默认的布局工具。经典法则之一：如果可以使用空白就不要放置其他设计 元素。如果用这种方式布局，你会很惊讶调整界面的空白就可以完成布局了。

http://www.kylestanding.com/

虽然使用空白多多益善，但也要尽可能的保证有对比感。设计师应使用最小的视觉变化来表达想法。事实上这就是意味着元素之间要有主次感。

空白不等于苍白

页面变得苍白？是不是整版的文字缺少图片的点缀？在保留有必要的留白空间后，试着为文字配上一张点睛的美图吧，或者给段落文字总结一个示意小图标， 适当的点缀必不可少。

http://Pc.qq.com

透气的留白不等于无力的苍白，让有趣的设计大胆的去激发用户的视觉神经，让设计更有思想，不断趋向简洁和完美。

http://www.devia.be/

感谢您的阅读，希望对您有所帮助 ^_^

原文：http://cdc.tencent.com/?p=2431

原文：http://www.blueidea.com/design/doc/2010/7524.asp

在网页设计中，纹理正在取代我们通常当作网页设计趋势的光泽、渐变和发光效果，成为一种新的流行趋势。使用纹理相对来说是比较有难度的，但是世界上的天才设计师依然选择用这种方法来增加他们设计的深度并展示他们的创新能力。

在本次收集中，你将发现使用纹理作为设计的元素的30个华美的网站设计。希望你能通过浏览这个设计趋势获取某些灵感并应用到你自己的设计中去。

1. WallSwaps

2. Agami Creative

3. bridge55

4. The Seen®

5. Design Jobs on the Wall

6. Carbonica

7. Pikaboo

8. Edgepoint Church

9. Jay Hafling

10. MacTarnahan’s Brewing Company

11. Helmy Bern

12. The Brown Corporation

13. Viget Advance

14. The Ernest Hemingway Collection

15. Pain is Good

16. Bart-Jan Verhoef

17. Miles Dowsett

18. iamtodd.com

19. Rockatee Home

20. The Albion Group

21. Jeffrey Sarmiento

22. Slabovia

23. Jamie’s Italian

24. Lanikai Properties

25. Sundance Documentary Film Program

26. St. Gregory’s

27. Coalmarch Productions

28. toby-powell.co.uk

29. Michela Chiucini

30. KAYINTVEEN

原文：http://bbs.blueidea.com/thread-2935635-1-1.html

在05年入行数月之后，逢劳动节放假，经历了连续一个多月每天到12点的加班之后。我在自己的日记本写了一篇关于摹仿和抄袭的文章。写了足足5大张。现在看起来，道理是讲的很明白了，不过是太偏激了一点，现在从新写一下。新手看看下边一段就可以了。

摹仿的要素:

我说的是”摹仿”，而不是”，模仿”。。。如果你一直是”模仿”，那么你还是别看了。。。。。。
要素无非是:分析，比较，和侧重点的划分，可修改和不可修改的判断。

先分析你要做的东西。 在纸上写下你的各个页面要放哪些内容。这些内容的重要性按照用户体验的顺序来安排一下。每个部位大概占多大面积，心里要有个数，版面不够的情况下可以去除哪些东西，版面太大的话我可以增加一些什么内容。

根据分析的结果，意想的风格来挑选摹仿的网站。

通过比较，比较所挑选的网页哪块适用，哪块不适用。多个可用的再进一步对比，按照分析的轻重来进行对比，按照自己可以突显的效果来区分。

挑选出最适合或适合度最高的站点。

抓住你要摹仿的这个站的”精气神”。找到那种感觉。分析它的结构，为什么它这样做或这样处理效果很好。我是否可以将我的内容100%更换它的内容?我是否能够更改它的版式但仍旧有这样的效果，我是否可以更改它的风格而版式仍旧合理。我是否可以打乱它的布局仍旧让人感觉舒服。。。。。。

细节修改

如果你没有进行第五步，那么请你离开，因为没有第五步的情况就是模仿，等于抄袭，这样下边的话可能让你感觉到不适。

《NewWebPick》第12期有这样一篇文章: <<设计师决胜商界的十大金科玉律>> ， 其中第十条这样说:Never， ever， attempt to copy others’ designs for any reason at all。 It is a death sentence to any designer，意思是”无论任何理由，永不要企图抄袭别人的设计。这会是任何设计师死亡之路。”如果你觉得他们说的太重了。那么，我告诉你，你要么是没有上进心，要么就根本不可能有太高的成就。

抄袭是可耻的，同样，转帖不注明出处也是可耻的。抄袭来的用在自己的东西上，勉强还是能算是学习，但是如果用在商业设计上，那就是可耻的了。当然，你并不需要太在意，因为在中国，抄袭是正常现象。我曾经看过一个同行的站，他的主页上，包括标题，是”中国何时才能天下无贼”。。。。。。

其实抄袭和摹仿仅仅是一步只差。我敢说很多优秀设计师也都是从抄袭到摹仿，然后才晋升为优秀设计师。这里对优秀二字不做定义。不管是抄袭还是摹仿，如果你一直在分析，一直在学习，一直是在努力的把别人的东西变成自己的，这样是很好的。Very good。但是如果你仅仅是为了图省事，图赚钱。那么，你就是彻底的可耻的。

我不是教你抄袭。。。。。。

哪个没抄过别人的东西?抄袭的高级模式是摹仿，抄袭的最高境界是借鉴。。。。汗一个

网页设计毫无疑问是一门技术，职业定位是网站设计、网站美工、网络编辑等，许多较高水平的技术人员能获得不错的职位和薪金，但大部分人可能并不能达到这个水平，比如美工这个职位，较好些的网站都要求美工需要具有美术的功底、手绘的能力，大部分半路出家的美工很难达到这个要求。

本人从事网页教学工作多年，许多学生学完后并不能从事技术一类工作，一方面是就业市场问题，虽然看起来网页设计类的职位有很多，但仔细分析这些职位后您会发现大部分的职位要求专、精、深，否则不会有一个稳定的收入预期，另外网络这个行业发展太快，新的技术不断出现，如果半年不学习就会感觉到自己在退步。

那么是继续学习还是转行？

如果对相关技术有着浓厚的兴趣，具有不错的基础，那就继续学下去，但学习时不应该过于泛，而应该向专、精的方向努力：样样会不如一样精，非常重要。

如果技术方面发展泛力，后劲不足，或是有违自己的职业规划，那就需要考虑转型了，以技术作为基础再去转向其它方面的工作，就会比许多纯管理或市场方面的人才具有更强的竞争力，上手也会更快一些。什么样的职业适合网页技术人员快速转型？

管理？管理是需要经验积累的，没有大量的实践经验，很难去从事管理工作。

市场怎么样？市场这个概念太宽泛，市场其实就是市场营销，如果考虑到网页设计的技术基础，则转型为以网络为基础的营销工作最为合适：就是人们通常说的网络营销。

网络营销对许多人来说可能会觉得不够具体，只是一个传统意义上的名词，但这是一种误解：网络营销是以多种技术为基础的营销管理，许多企业不能很好的利用网络进行宣传推广，主要是不懂不会，涉及到网络营销的技术有很多，比如：搜索引擎优化、竞价广告投放、网络广告、网络调研、社区营销、博客营销等等，这些又像是技术但又不是纯技术的工作，特别适合一些拥有网页设计基础的同学，只需要经过专业的培训或是一定时间的研究和实践，就能很容易上手。

这些网络营销的技术随便学会一两种，就不用再发愁就业问题了，比如搜索引擎中的搜索引擎优化，也叫SEO，就是目前非常热的一个职业，许多公司高薪聘请优化专家做长期的优化工作，国内大的门户网站、行业网站都拥有自己的SEO团队，许多个人站长依靠SEO的技术建设自己的网站获利；又比如网络广告，如果能够系统掌握网络广告的特点、价值与选择，了解广告的效果监控方法，就可以为企业进行网络广告投放与维护，很简单的例子，如果对google adwords比较了解，研究它的广告投放规律和效果，同样的广告费用，会产生很大的差别，有的企业花一万元广告能带来五十个有效的询盘，而有的企业花五千块就能达到这个效果，这就是会与不会的区别。

中国现在二亿多网民的存在是任何一个企业不能忽视的，所有企业、个人、产品、项目都将离不开网络，网络将会是一个无处不在无时不在的平台，企业要发展、产品要销售、网站要推广、活动要进行、政府要攻关、关系要沟通，这些都要用到网络，而目前网络营销专业人才特别缺少，有专家估计未来几年网络营销专业人才的缺口能有上百万。

以网页设计为基础，再综合掌握网络调研、网络广告、搜索引擎引擎、营销型网站建设、整合营销传播的各种知识，那就是一个具有综合能力的网络营销工程师，从事某项具体的工作或者是进行综合的网络运营与推广，在网络无处不在的世界里，具有无限的想象空间和不可估量的发展前景。

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

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

二，看
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