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

心得技巧
设计心得:如何突破已经足够好了
网站可用性设计:西方网站和亚洲网站的文化差别
网页设计参考:充满创造力的国外网站设计实例
网站用户体验设计师快乐并痛苦着
交互设计探讨:网站导航标签要明晰有效
很简短的话描述用户体验
度量用户体验发散出来的笔记
阅读是电子书好还是纸质书好
盘点2009年微博网站展望2010年互联网产品
和一号店网上超市类似的国外网上超市
优秀网页设计中的易视性元素
前端开发人员必备的14个常用开发手册
期待苹果apple的iTablet最新创造
以原型设计为基础分析可视化内容设计
Firebug 1.5正式发布:几个不错的新功能
浅谈交互设计:面向用户和现实的交互设计
体验新的代码感觉:十大编程字体
网页设计参考:很不错的15个HTML网页表单设计实例
交互设计研究:视觉注意力在设计中的运用
用户交互设计:避免让用户在网站上迷路

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


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

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

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

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

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

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

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

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

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

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

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

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