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

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

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


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

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

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

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

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

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

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

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

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

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

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

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