设计要注意火候
设计要注意火候,这个问题对与我们做设计的人来讲,应该是一个老生常谈的问题,而且坦白说,里面没有太多建设性的东西,所以本文面向各个段位的设计师,主要的目的呢,是想通过分享个人过往在设计工作中的一些经验教训发现问题,同大家一起共同温习设计的基础,可能观点不尽成熟,所以还望大家宽容~
我觉得设计好比烧菜,控制好火候对烧菜来讲很关键,举个例子,比如烧一条红烧鲫鱼,前半段的时候煎炸为主,所以火力一定要旺,等炸得差不多的时候呢转为小火,改炸变煮,因为炸过的鱼外面是熟的,里边还不一定熟,如果还用大火猛烧的话,等里面的肉熟了,外面烧焦了,好好的一条红烧鲫鱼就废了,这是烧鱼,如果换做烧酸辣土豆丝又不一样了,先用小火鞭一会,让油浸透土豆丝,不然的话土豆丝会把锅子粘住,接着改猛火烧,因为如果火力不够,烧出来的土豆丝不够脆,所以不同的菜需要掌握不同的火候。
我们设计产品的道理其实跟做菜差不多,首先不同的产品要使用不同的火候,其次,毫无疑问的,这么做的目的就是把这道菜做到最好吃,设计产品的目的说到底就是服务产品,用设计语言把产品视觉化,所以一个好的产品设计,它的设计不一定是最精彩炫目的,但一定是最适合这个产品的。
什么是平面设计三要素?我在网上搜索了一下,平面设计的三要素是:图形,文字,色彩;我之前没去查网页,于是自己发明了一个我认为更符合我经验的设计三要素:元素、布局、创意。元素包括文字、图形、色彩,布局就是这三个元素的布局,创意,就是通过使用适合的元素布局把内容用一种有效的形式表达出来。所以说设计就是通过对这三个要素有机的排列组合完成设计工作。所以当我们在设计工作中出现问题的时候,其实就是这三个要素当中出现的问题。接下来我就通过实例,讲一讲元素,布局和创意。分享案例主要以我比较熟悉的图标和平面广告为主,我觉得图标就好像一个浓缩的平面广告,在这么一个小小的图标里边包括了设计的三个要素,所以它完全具有代表性。
我们先看一下上次miui手机主题大赛的一些作品比较,我在网上搜集了这些例子,比如红框处,这里有三个意思一样的图标“电话”,三个的创意都到了,很直白的把电话这个意思表达出来了,但是相比之下,一和三两个设计元素的造型和布局都有问题,第一个平了点,没有层次,第三个,细节刻画不到位,所以相比之下第二个在元素布局上是比较优秀的;再看黄框处图标,本身是浏览器的意思,可是当我看到它到时候,第一感觉他更像地图,所以他在创意表达上是有问题的;绿框的图标最大的问题是元素和布局,人像太小了,整体布局不够饱满;粉色框的图标也还不错,但考虑到这次设计的对象是手机的界面,要考虑图标缩小后的清晰度,加了个便签上去,一是看不清,二是元素布局上有点画蛇添足,意义不大;左下角黑白的那个电话图标元素的色彩搭配上用得不是很妥当,整排都是暖色和复色,这个黑白色的图标搭配整个组合上不是很和谐;
这套美味组合图标挺有想法的,,创意主题都很鲜明,可能这次比赛的名字叫miui手机界面主题设计大赛,主题设计大赛,所以这两个字可能就迷惑了部分参赛设计师绞尽脑汁另辟蹊径,拼了命地想创意,脱离了设计的目标对象,从手机GUI的属性上讲,他的基本点就是易用,包括很多的平面设计,传达产品目的应该都是商家们考虑的第一目标,任何创意也是离不开这个基本点的;
再来看一下这个中国剪纸风格的图标主题,创意不错,每个图标设计者都有细心的提炼,而且相比前面那个更好让人理解,但是,同样的问题是这样的创意可能满足了一部分人的趣味,而很难让广大用户都满意,学习成本太高,这是他的问题,不过这个设计可以作为辅助的皮肤主题供用户下载使用.
通过刚刚讲的元素、布局、创意三要素,可以明白设计中碰到的各种问题就是这三要素出了问题,要说造成这种问题的原因呢,有很多,我就举典型的两点,第一点是简单问题复杂化,第二点是抓不住设计核心,咱们先说第一点,例如右边这个设计3D元素虽然技术性挺高,不过可惜这里没运用好,图标太写实,细节太多余,缺少提炼和概括,这就是简单问题复杂化了,所以说,设计技法只是一种手段工具,只有使用得当才能发挥他的威力。
例子2,下图阿里巴巴的公益环保海报,意思是大家要保护我们的环境,每个人都要自觉自律,不然到头来还是自己吃亏。客户对这个创意非常喜欢。海报的创意很好,并且通过这个创意采用的元素也很相称。元素的造型其实手法很普通,这个海报赢在创意,简单的设计手法已经很好的体现环保这个主题,大人小孩都能够接受,所以当我们面对一项设计任务时,我们最先考虑的还是它本身的气质属性,简单并非粗糙,掌握好设计的火候才能事半功倍。
第二点:抓不住设计核心。
大家先比较一下这两组海报,A是老罗英语培训机构的海报,B是一些传统的英语培训机构的宣传海报,不知道大家有没有看过老罗的一个励志创业演讲视屏,里边就讲了这一段,老罗说得也没有错,看下海报A,第一个是一个避孕套,文案是:人民币一块钱在今天还能买点什么?或者,也可以到老罗英语培训听八次课,视觉上很抓人眼球,创意挺新颖;第二个,也很干净的三个小人,1280元暑假住宿班打架报名中,创意独到,招生培训这个主题很鲜明,右边这些传统的英语培训机构的海报相比之下显得很土,把老罗这些又干净又有趣的海报放在右边这些传统的海报里边,更醒目,更吸引人,这也是老罗对自己的海报赞不绝口的原因, 于是我拿着这两组海报给我女朋友看,我问他,如果是你看了这两组海报,你会选择哪个培训机构?她说选海报的话很喜欢老罗这一套,但是真选学校的话她还是会选择那个英孚或者环球雅思,也就是右边哪一组。问他原因,他说他们更像学校,感觉更值得信任。
本身老罗的这组海报是很不错的,因为不论使用的元素,或者创意,都很好的支持了“招生宣传”这个内容,再看右边传统的培训机构海报,密密麻麻的字,乱糟糟的排版,千篇一律的星条旗和外国人,确实显得平庸,而也就是这么普通的招生海报,他们却正好具备一个教育机构应该有的特质:实力,专业,品牌,。 老罗的海报没有根据行业特质去设计海报,也许是太有趣了,反而让人觉得过于浮夸,失去了人们观念中一个教育机构应该有的严谨。
就好比谈到金融就想到美元金条,谈到历史就想到万里长城一样,设计的时候,如果轻易的去改变人们脑子里约定俗成的东西,是有风险的,所以我想起以前有个大学老师说过,当你在做一个设计的时候,没有什么很好的头绪的时候,你索性根据设计内容,先用同类的元素去堆积塑造好了
左边这个平面广告内容是英国天空电视HD高清频道,拒绝低分辨率,低分辨率跟足球运动不好联系,没有下面的中文注解很难看懂,所以要打个折扣。所以当我们再做设计的时候,比如做了一个自认为很有创意,很有趣的设计的时候,也要好好想一想,它是不是扯过头了,所以大家平常看电视或者其他广告的时候,可以拿出批判精神。
设计就像烧菜,而设计本身就像这棵树一样,有树叶,树枝,树干,三者都在努力地为“树”这个概念默契配合,树这个名字是他们有机组合的结果,元素和创意就像树叶树枝,布局就是这个设计之树的树干, 所以呢,设计也是有生命的,就像这棵树的根一样。它也有个成长过程,比如婴儿期,少年期,青年期,中年期,老年期,所以明白这一点,对控制设计的火候也是有帮助的。
先给大家讲个案例:这个是之前公司为阿里巴巴设计的吉祥物阿牛。阿里巴巴这个公司常常会把吉祥物应用到各种礼品上面,送给员工和客户,为阿里巴巴做广告,我负责设计阿牛的各种衍生品,比如右图的杀人牌,或者星座卡片,扇子台历等等等等,都是这种类似风格的设计产品,反应也很好,有时候觉得老是这些花样挺腻的,,下一步怎么包装?怎么样设计一些新的风格,这是我当时在想的,正好接下去有一个任务,是做一些阿牛新的设计,应用到鼠标垫、笔记本内胆包、还有书包上,于是我找来一些名气大的平面形象包装做参考,比如米老鼠。
米老鼠跟这个阿里巴巴的吉祥物的属性挺相近的,它的包装风格非常丰富,当我看到右边米老鼠那种抽象的设计的时候,感觉很有意思,就按照它的思路做了一批类似这种几何抽象的阿牛形象。完了拿去交差,老板首先肯定了我的开拓精神,然后跟我说,再重做组!。。。我吓一跳,我觉得米老鼠都那么干了,阿牛这个形象为什么不可以呢。等他看完我找给他的米老鼠的分析的时候,他说明了为什么现在不适合这么设计的原因,米老鼠今年83岁,这个形象经历了漫长的改变,他做广告,又拍动画片,服装店里的体恤上有它,游乐场里的气球上有它,甚至小孩子的内裤上都有米老鼠,这个形象早已深入人心了,就算只是三个圆圈,大家看到他,都能产生丰富的联想,阿里巴巴这个吉祥物离这一步还很远,现在我们要做的就是加大火力把这个形象打造得更立体,更有厚度,不断丰富他的设计风格,等哪一天这个形象的名气大得男女老少都知道了,怎么抽象都行,所以现在这种抽象的风格可以成为辅助的图形打配合,但是肯定还不适合成为设计主体。
以上就是本人设计生活中比较记忆深刻的设计经历,不一定正确,大家心里要有自己的判断,但我相信大家通过这些事件,也能够提炼出一些经验教训。可能这些东西大家都懂,可是往往说得挺容易,做起来却很难,包括我自己,今天虽然说了那么多,但是每次接到新的设计任务的时候还是常常控制不好火候,掌握不好度,所以除了在平时积累设计硬件技术之外,也要多看多思考,提高自己的审美能力。
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:阿发 来源: 网易用户体验设计中心博客
- 标签: 火候
- 发布时间:2011-07-15 00:06:40
- [54] IOS安全–浅谈关于IOS加固的几种方法
- [52] android 开发入门
- [52] 如何拿下简短的域名
- [51] 图书馆的世界纪录
- [49] Oracle MTS模式下 进程地址与会话信
- [49] Go Reflect 性能
- [47] 【社会化设计】自我(self)部分――欢迎区
- [46] 读书笔记-壹百度:百度十年千倍的29条法则
- [36] 程序员技术练级攻略
- [29] 视觉调整-设计师 vs. 逻辑