当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页设计心得:网页设计中的细节表达

心得技巧
在线完成线框图制作的几个网站
网页交互设计参考:漂亮的网页登陆表单设计实例
设计思想:漫话产品设计
设计观点:设计一个让用户感觉过瘾的作品
网页设计参考:25个漂亮的blog评论区设计
设计参考:70个璀璨的博客footer区设计
设计参考:个性风格精致背景的Blog设计实例
饱和度非常高的鲜艳颜色在网页设计中的运用实例
网页设计参考:50个杂志类网站设计实例
WEBJX收集47个漂亮的德国网页设计实例
50个专业的web设计外包公司/个人的网站设计实例
Webjx收集25个新颖活泼的基督教网站设计实例
日本雅虎(Yahoo JP!)的时尚频道设计
电子商务网站:用创意打败萧条(上)
电子商务网站:用创意打败萧条(中)
UE实践笔记:敏捷人种志研究
保持视觉设计一致性是一种良好的用户体验
用户体验设计:精简复杂操作过程的界面设计
设计灵感:40个国外潮流的纹理网站设计实例
设计理论:网页图片区域的版式设计技巧

心得技巧 中的 网页设计心得:网页设计中的细节表达


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 49 ::
收藏到网摘: n/a

     天下难事,必做于易;天下大事,必做于细。——老子
    设计中的细节表达,能够体现一个人的创新意识和能力。注重细节,能够让你去挖掘出更深层次的内涵。从而在侧面大幅度提升作品的影响力。让设计更具说服力。

细致入微
    在写作中,使用细节来渲染、突出人物的形象、性格,是一种很常见同时很有效的方法。细节贵在传神,传神而突出。可以用来烘托气氛、衬托环境、突出人物性格;在产品中可以提升用户舒适度,提升用户的安全感;在生活中,细节可以让人感动。
    这里并不是把细节给神化了。无论你是大开大合,还是大巧不工,但总有个画龙点睛的过程。而细节,就是画龙点睛的那一笔。而这一笔,贵在精而不在多;贵在质而不在量。从100个细节中挑选1、2个来进行突出。这才是本文的重点。而细致入微用在设计上,在这个用点点堆积而成的显示器上,入微到1px×1px的大小。

细节的精致感
    空旷的版面上对某一个相对体积较小的东西进行刻画。很容易给人一种精致的感觉。

细节不是复杂,细节不是紊乱,细节到处都有,细节刻画里一样有轻重缓急
    其实每一个元素都需要突出它的细节。只是贪多嚼不烂,每一个细节的重要程度不可能都一样。在页面上,有的时候你要因为突出重点而丢弃其他的效果。整体的效果是由N个部分组成的。

细节和层次的关系
这一点在我的网页设计进阶之八--层次、空间(透视、立体)的浅入中已经有所体现。不再赘述。

纯粹的理论不是我的风格。所以,下边的全部是图文搭配,同时,带有教程性质的一些图片也将会出现。

曾经在蓝色上看过一篇关于像素画的文章。这是一种常见的手法。简单点介绍一下。
这是一个关于侧边的产品分类导航的例子。

 
 
我们再来看一下常见的title的做法。

 
 
细节无处不在,一个小小的细节可以决定很多东西。
细节,表达的是真实。(图上有bug,看看你眼力如何。)

 
 
文字在不同色彩环境下,使用投影或相近的深色描边会更好:

 
 
在纯色下适当的使用发光和渐变: