收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 32812|回复: 108

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

  [复制链接]
发表于 2010-2-7 15:01:25 | 显示全部楼层 |阅读模式
网页设计进阶之十--细节的表达(一)
文/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
发表于 2010-2-7 18:00:06 | 显示全部楼层
施主的每一篇帖子 老衲都拜读了:)
回复 支持 反对

使用道具 举报

发表于 2010-2-7 19:37:18 | 显示全部楼层
很不错 受教了
回复 支持 反对

使用道具 举报

发表于 2010-2-7 22:42:37 | 显示全部楼层
谢谢,长进了。
回复 支持 反对

使用道具 举报

发表于 2010-2-8 09:23:45 | 显示全部楼层
谢谢分享,收获很多
回复 支持 反对

使用道具 举报

发表于 2010-2-17 14:54:15 | 显示全部楼层
大新年的,拜读了楼主的文章,非常不错的文章。谢谢楼主,
另:祝楼主新的一年身体健康的
回复 支持 反对

使用道具 举报

发表于 2010-2-19 22:23:51 | 显示全部楼层
不错,绝对支持!!
回复 支持 反对

使用道具 举报

发表于 2010-2-20 10:54:11 | 显示全部楼层
这个很经典,值得收藏!
回复 支持 反对

使用道具 举报

发表于 2010-2-20 14:21:36 | 显示全部楼层
生一日当尽一日之勤
拜读了,谢谢楼主
回复 支持 反对

使用道具 举报

发表于 2010-2-20 16:45:09 | 显示全部楼层
强帖 学习中
谢谢LZ
收藏了!
回复 支持 反对

使用道具 举报

发表于 2010-2-22 08:32:20 | 显示全部楼层
非常受用的文章
好好收藏
回复 支持 反对

使用道具 举报

发表于 2010-2-22 09:59:27 | 显示全部楼层
不错的方法,
希望尽快看到LZ 快速高效的抄袭出一个看不出被模仿的网站 的方法
发现细节,唯我所用,高于原创也是值得学习的手艺,嘿嘿
回复 支持 反对

使用道具 举报

发表于 2010-3-18 15:30:55 | 显示全部楼层

不错。受益了。

顶一下。
回复 支持 反对

使用道具 举报

发表于 2010-3-19 11:47:28 | 显示全部楼层
句句都在理
回复 支持 反对

使用道具 举报

发表于 2010-3-28 22:16:48 | 显示全部楼层

很好

总结得相当好哦
回复 支持 反对

使用道具 举报

发表于 2010-3-30 08:59:19 | 显示全部楼层
学习中!
回复 支持 反对

使用道具 举报

发表于 2010-3-30 17:20:39 | 显示全部楼层
真的很好。如果出光盘出书,我一定会买。
回复 支持 反对

使用道具 举报

发表于 2010-3-30 17:42:55 | 显示全部楼层
谢谢楼主
回复 支持 反对

使用道具 举报

发表于 2010-3-31 00:05:19 | 显示全部楼层
把文章从头到尾看了一遍,收获不少,非常感谢
回复 支持 反对

使用道具 举报

发表于 2010-4-3 20:24:31 | 显示全部楼层
不适合我,太基础了
回复 支持 反对

使用道具 举报

发表于 2010-4-8 11:43:20 | 显示全部楼层
好东西,仔细阅读了
回复 支持 反对

使用道具 举报

发表于 2010-6-1 14:16:37 | 显示全部楼层
很受益
回复 支持 反对

使用道具 举报

发表于 2010-6-12 15:32:27 | 显示全部楼层
受教了,我的制作步骤不同,细节也没法做到这么好,惭愧
回复 支持 反对

使用道具 举报

发表于 2010-6-12 16:27:35 | 显示全部楼层
很不错,虽然是基础的东西,但细节就算是大师也会有把握不好的时候!
回复 支持 反对

使用道具 举报

发表于 2010-6-12 16:35:24 | 显示全部楼层
好帖子,很收益
回复 支持 反对

使用道具 举报

发表于 2010-6-12 23:12:27 | 显示全部楼层
图片上的BUG我没找着呀?
回复 支持 反对

使用道具 举报

发表于 2010-6-15 10:33:41 | 显示全部楼层
好东东
回复 支持 反对

使用道具 举报

发表于 2010-6-15 10:35:07 | 显示全部楼层

不错受教了。。

呆呆地。。看看。。。。
回复 支持 反对

使用道具 举报

发表于 2010-6-25 09:10:19 | 显示全部楼层
很好的文章,正是我需要的
回复 支持 反对

使用道具 举报

发表于 2010-8-25 17:34:32 | 显示全部楼层
楼主辛苦了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-29 10:00 , Processed in 0.141245 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表