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

心得技巧
设计理论:让网上购物真实模仿逛商店的体验
分享Facebook的设计团队的设计理念
设计参考:30个简单整洁的网页设计实例
设计灵感捕捉:参考企业网站设计实例
设计理论:进度条内嵌百分比开发设计
用户体验设计:tagging系统及其UI设计
换个角度体验UED
设计理论参考:用户研究和竞品分析方法
设计理论:结合网站特点挖掘精彩的亮丽
社会化音乐网站取悦和网聚客户的设计理论
设计理论之设计师的职业规划
设计理论参考:关于浊色(不饱和色)
设计理论参考:亚马逊的进化
项目开发:绘制线框流程图
2009年最新的十个网页设计新趋势
用户体验:Login这个词用法是错误的
记住夏天:生机盎然绿色背景网站设计实例欣赏
Loading状态图标在线制作网站
设计参考:48个时尚网站设计界面实例
网页设计指导:五种常用精美网页风格

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


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

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

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

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

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

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

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

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

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

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

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

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