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

心得技巧
可用性web表单的设计开发指南
网站颜色论:创建属于自己的网站配色方案
UCD以用户为中心的设计在中国的发展
WEBJX收集25个漂亮的建设中的网站设计
2010年博客blog设计的有趣的趋势
设计参考:不同凡响的网站导航设计实例
为你的web设计增添令人赞叹的元素
表格变填空与冷冰冰的网页对话
设计之处:设计人员面试的博弈技巧
网站不是炫技场,设计要为内容服务
网页设计参考:20个漂亮的网站导航菜单设计实例
优秀设计应该具备的十条标准
视觉设计分析:浅谈信息可视化设计
网页设计师总结的对网页设计行业的感触
GUI设计:让用户快速准确地读懂符号和含义
基于google图表API的jquery组件全攻略:基础入门
交互设计:探讨内容和容器的关系
设计观点:公司中如何推行用户体验策略
设计观点:非设计人员对设计师的左右
网页制作教程:框架、布局、模块、列表和数据块

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


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

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

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

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

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

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

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

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

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

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

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

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