当前位置：首页 → 问答吧 → 网页设计进阶之十--细节的表达(一)

网页设计进阶之十--细节的表达(一)

时间：2010-02-07

来源：互联网

网页设计进阶之十--细节的表达(一)
文/weilaixu 本文地址：http://weilaixu.cn/read.php/274.htm

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

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

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

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

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

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

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

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

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

文字在不同色彩环境下，使用投影或相近的深色描边会更好：(当初这张图真恶心)

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

未完待续..............

网页设计进阶之九--用客户的眼光去设计
网页设计进阶之八--层次、空间(透视、立体)的浅入
网页设计进阶之七--给那些效率低的同仁们！
网页设计进阶之六--守住那些不能丢的东西！
网页设计进阶之五--构图的均衡与视觉引导、曲线/弧/光和影的运用
网页设计进阶之四--关于素材和言志
网页设计进阶之三--设计步骤及思考
网页设计进阶之二--论摹仿和抄袭
网页设计进阶之一--步骤和大局观
做个新时代的"四有"设计师

----------------weilaixu，2009.07.17-------------以下文字为2010.02.07增加-----------

这篇文章最后成形于09年7月17日，手稿已经没有了。半年以来，只有600多的点击量，可能很多人觉得写的不好，而我自己的思路数次被打破，上一次是误删了十三/十四/十五三章，再往前，数据丢失和服务器管理员误操作恢复的数据库，都是血泪史啊，后来我把很多写教程用的图片和psd放在QQmail里的文件中转站，8G多的文件，我不担心，因为我知道，我每天都上网，每天都收邮件，12天的保存期，不可能过期的。可是，因为工作的变动和转换心情的需要，我竟然连续15天没上网。。。买了个8G的U盘，自己的东西全放里边，丢了。。。。。。改用bo-blog，前天，后台登不上去了。。。。。。

原本应该是我从入行到现在的经验的总结，针对新人特别是那些高不成低不就的朋友们，可随着抽屉里的大纲越来越多，我有种无从下手的感觉。

现在看来，这几章虽然涉及的东西并不多，但足以表达我的心意了。而蓝色上，技巧类的教程那么受欢迎，这和我对工具始终是工具的态度有冲突。我在想，我是不是也该转变一下，来教一教大家怎样快速高效的抄袭一个不算抄袭的网站呢？可是，这严重违背了我的初衷。

回到前边的问题，你看到的可能觉得都很普通的图片效果。问题就是在这里，我并不是教你怎样去出效果！你可能会问，不教具体技巧，怎么出效果呢？其实很简单，前边的文章说的多看多思考怎么看怎么思考，能稍微做到一点就足够了！

写这些东西，我都是平时想到一点记一点，抽时间出来整理逻辑后配图，这图可能是现做的也可能是积累的。这需要大量的时间，可是，我没那么多时间，我下班后要带许多多，她睡觉了我还要玩会wow，半夜还要起来给老婆倒水······

最后罗嗦一句，新年快到了，这里有一篇文章跟大家共勉！http://weilaixu.cn/read.php/318.htm

作者: weilaixu 发布时间: 2010-02-07

施主的每一篇帖子老衲都拜读了:)

作者: HeTingYi 发布时间: 2010-02-07

很不错受教了

作者: ailong168 发布时间: 2010-02-07

谢谢，长进了。

作者: wengmendou 发布时间: 2010-02-07

谢谢分享，收获很多

作者: kellyseeme 发布时间: 2010-02-08

大新年的，拜读了楼主的文章，非常不错的文章。谢谢楼主，
另：祝楼主新的一年身体健康的

作者: ch145095 发布时间: 2010-02-17

不错，绝对支持！！