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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 31372|回复: 121

[教程] 设计方舟第一站之细节

  [复制链接]
发表于 2011-10-26 15:37:46 | 显示全部楼层 |阅读模式
本帖最后由 webs2008 于 2011-10-27 10:06 编辑

在IT这行摸爬滚打了几年,期间面试算起来也差不多百十来人了,见过一些不同类型的设计师,水平也参差不齐,到面试环节的时候作品才是王道,而且对于我个人而言,好的作品对于面试者也许就成功了一半,如何选中合适的人才,就看面试官如何去通过作品了解这个设计师的内心想法了,而学会看作品,是决定你的员工是否给力,你是否称职的一个关键因素。

要从一个求职者的作品当中挑选合适的人才,我相对会比较关注作品中的细节问题,就是那句老话,菜鸟和高手其实就是一个像素之差。设计细节其实是个老生常谈的东西,但确实是重中之重,姑且先不去讨论什么创意,构图色彩之类的问题,但是作为设计师如果在作品的细节上都处理不好,其实很大程度上就可能决定你在这个行业发展会比较有限。
因此,设计方舟第一站我们就从设计的细节讲起。



这里我找了腾讯CDC的一篇文章,关于一些图标细节的方法给大家分享一下。
icon小教程之图标细节的绘制
http://cdc.tencent.com/?p=4120

源文件下载:
http://www.uimaker.com/uimakerdown/uifree/20317.html


看完Icon的细节分享,我们回到作为绘画基础的素描上来,从这幅素描上我们来感受原作者是如何塑造整体和细节的。



通过上面两个不同的例子,我们可以发现很多平时看起来复杂的东西其实并没有那么复杂,把握住整体大方向然后深入足够的细节,就会是一个优秀的设计的素描。成功无捷径,唯有多看、多练、多交流、多思考才会成为一个优秀的设计师。

那么我们再回到网页上来,看看优秀的网页是如何表现细节的。关于网页设计中处理细节的方法,其实是大同小异的,我搜索了几篇文章(见下面),大家也可以去搜一些相关的文章,互相分享学习。在这里,我还是通过实际的例子来介绍网页细节的表现。
在国内这批网站中,我个人比较欣赏美图系列的网站设计,不管是模块处理还是广告图片,或是按钮等细节处理,都是很见设计师功底的,这里我们以美图看看的首页为例,我挑选几个典型的细节处理,大家也可以一起来寻找一下哪一些是在细节上面做了单独处理。



相关文章阅读:
网页设计中最常用到的设计细节
http://www.yixieshi.com/ucd/8848.html

网页设计从优秀到卓越的几个设计细节
http://www.webjx.com/web/xindejiqiao-22440.html

细节让网页设计与众不同
http://ucdchina.com/snap/9241

这里我也拿我以前做过的一个网站首页分享给大家,具体分析一下我从开始得到这个网站需求,到如何去构思设计,中间的飞机稿以及最后细化定稿等等整个过程。也欢迎大家提出宝贵意见,共同交流、共同提高。




  
整站设计欣赏:http://bbs.blueidea.com/case.php?mod=view&caseid=35098

为了部分会员需要,我把源文件放在群共享里供大家下载学习,请大家不要商用!

上面所有说的我讲的核心都是细节的问题,再分解一下其实就是点线面如何表现的更加丰富多彩一些,其中有很多小的技巧,后续我会在讲解实例的时候一步步引出来。我也希望从这一课开始,大家多去关注细节的问题,让自己做的东西看起来更加的精致。

总之,设计的世界其实都是这些点线面的关系,就如同我们在课堂上学习一样,多去思考多去练习,把握住整体,抓住细节,为了便于学习交流,我不定期会在群邮件里分享给大家一些收集到的优秀作品和素材,我也希望大家多多分享,有分享才有进步,希望通过我的分享能带动老人新人们的学习热情,一起来创造一个更加干净纯粹的设计世界。

评分

参与人数 1威望 +2 收起 理由
nealyo + 2 很给力!

查看全部评分

发表于 2011-10-26 15:43:40 | 显示全部楼层
很好很强大~

我是来抢沙发de !
回复 支持 反对

使用道具 举报

发表于 2011-10-26 15:57:56 | 显示全部楼层
等了很久了哇,终于出现了~
回复 支持 反对

使用道具 举报

发表于 2011-10-26 16:13:33 | 显示全部楼层
Lz辛苦了,帖子很棒。
回复 支持 反对

使用道具 举报

发表于 2011-10-26 16:16:11 | 显示全部楼层
期待已久~~~~          ~~~~~~~~给力~~~~
回复 支持 反对

使用道具 举报

发表于 2011-10-26 17:41:03 | 显示全部楼层
真的不错。支持LZ
回复 支持 反对

使用道具 举报

发表于 2011-10-26 18:09:22 | 显示全部楼层
真的不错。支持LZ
回复 支持 反对

使用道具 举报

发表于 2011-10-26 18:16:50 | 显示全部楼层
“设计方舟”开张营业了,支持

讲的很好,LZ辛苦了。。。。
回复 支持 反对

使用道具 举报

发表于 2011-10-26 19:37:15 | 显示全部楼层
很梦幻的教程。。照着做一遍就好了。
回复 支持 反对

使用道具 举报

发表于 2011-10-26 23:34:46 | 显示全部楼层
不错
回复 支持 反对

使用道具 举报

发表于 2011-10-27 07:26:13 | 显示全部楼层
第一次看到这么棒的设计教程,学到了很多
回复 支持 反对

使用道具 举报

发表于 2011-10-27 07:51:05 | 显示全部楼层
讲解的很细致,很有实战性~
回复 支持 反对

使用道具 举报

发表于 2011-10-27 08:45:34 | 显示全部楼层
真的学到了不少的东西,谢谢楼主的分享了。
回复 支持 反对

使用道具 举报

发表于 2011-10-27 09:36:08 | 显示全部楼层
继续学习,真系太激动了。
回复 支持 反对

使用道具 举报

发表于 2011-10-27 11:45:37 | 显示全部楼层
真的是亮瞎眼了!学到了!
回复 支持 反对

使用道具 举报

发表于 2011-10-27 12:20:48 | 显示全部楼层
楼主的设计细节太强悍,必须学习!
回复 支持 反对

使用道具 举报

发表于 2011-10-27 12:23:05 | 显示全部楼层
分析得很好!
回复 支持 反对

使用道具 举报

发表于 2011-10-27 13:18:41 | 显示全部楼层
写得很好支持
回复 支持 反对

使用道具 举报

发表于 2011-10-27 13:22:00 | 显示全部楼层
好文,学习了
回复 支持 反对

使用道具 举报

发表于 2011-10-27 14:14:10 | 显示全部楼层
这样的好贴一定要顶喔!很实用!
回复 支持 反对

使用道具 举报

发表于 2011-10-27 15:06:09 | 显示全部楼层
很多可以学习的地方,谢谢
回复 支持 反对

使用道具 举报

发表于 2011-10-27 15:52:14 | 显示全部楼层
  最喜欢看这样的细节解说。严重顶起。
回复 支持 反对

使用道具 举报

发表于 2011-10-27 15:53:17 | 显示全部楼层

好贴
学习了
回复 支持 反对

使用道具 举报

发表于 2011-10-27 16:16:37 | 显示全部楼层
很给力哈,这个要好好学习一下了
回复 支持 反对

使用道具 举报

发表于 2011-10-28 10:03:35 | 显示全部楼层
很久没见过这么好的技术贴了!
回复 支持 反对

使用道具 举报

发表于 2011-10-28 11:59:07 | 显示全部楼层
登船了,学到了
回复 支持 反对

使用道具 举报

发表于 2011-10-28 14:13:12 | 显示全部楼层
不错
回复 支持 反对

使用道具 举报

发表于 2011-10-28 15:44:22 | 显示全部楼层
还是一个简约派
回复 支持 反对

使用道具 举报

发表于 2011-10-28 17:17:56 | 显示全部楼层
哇哦,楼主分享得不错,再次好好学习哈哈
回复 支持 反对

使用道具 举报

发表于 2011-10-31 09:08:30 | 显示全部楼层
教程很有启示性
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-9-20 16:24 , Processed in 0.124687 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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