Lineless Design 08GUI大赛记录

0 评论 5396 浏览 0 收藏 7 分钟

08GUI大赛已经成为去年的回忆,在09年初始,记录一下作个小结。

关于出发点
目前,大部分图标设计都在对一个具象物体的表达技巧进行探索,这种现状无可厚非,毕竟绝大多数图标是侧重于易用性的,但是不是可以尝试跳出来,从抽象的角度去表达图标的内在层面,为满足个性化需求提供更多的可能性。这便是Lineless Design的出发点。

关于主题的选取

lineless-design-gaudi1

为什么选择了安东尼·高迪作为主题的发想点?那段时间,我正好在翻炒设计史,刚好读到新艺术运动,7、8年前的课程接触过这个风格时期,印象很深,特别是代表性人物:建筑师安东尼·高迪。从人格魅力到作品,都很打动人。我想起西班牙圣家族大教堂、米拉公寓还有母校的岭南美术馆屋顶造型等等。高迪的作品师从自然界,追求纯粹的曲线,极端,充满视觉张力,打破了建筑设计的沉闷和呆板。我当时就决定,这种充满争议,把可用性拉下神圣宝座的风格,刚好适合于我需要表达的东西,那就试试吧。

关于设计的原则

lineless-design-caotu1
这套图标的设计过程并不顺利,很多时候停滞不前,N张草图却没有能用的,其中原因之一是,我给自己设定了这样的设计原则:颜色极少并使用纯曲线,让造型本身说话。之所以这么自虐,是想尽自己的能力,做得纯粹一些,不要堆砌效果和技法。

关于图标的表意
这个问题是Linless Design目前遭受最多的诟病。表意明确确是图标的要求之一,然而值得思考的是,什么样的表达谓之明确?在电脑图标发展的最初,相信使用者都是有学习成本在里面的,只不过如今约定俗成,形成了一些公认的图形指意。极端点说,当初如果画一个算盘表达我的电脑,或许今天也可能成为一种标准。另外,我觉得表意除了具象的表层联想,应该也包括抽象联想,正如写意国画、书法等中国传统艺术一样,东方审美里面本来就有很多抽象的表意和体验,当用户愿意付出一定的学习成本时,未尝不可以大胆地抽象一番,但有一个重点是必须尽量做到图标与图标之间有足够的差异性,意味着不可以有太多的复用元素,工作量大了许多。当然,这些思考是建立在个性化图标的前提下,对于易用性图标来说,是完全不同的出发点以及设计原则,对表意的要求也不一样。
对于这种抽象的表意,当时我们开玩笑说,这套图标做完了,可以弄一个有奖竞猜。

关于设计的过程
  确定了主题,原则以及表达方式后,余下就是具体每个图标的设计。我想这里列出几个例子来说明设计的依据和方法。
一、 局部放大——照相机图标
转换观察事物的角度,抓取事物的局部典型特征,进行放大夸张的抽象变形。
lineless-design-fanfa1

二、 参考自然物——字体图标
结合图标元素的造型与自然物的造型相似点,进行抽象变形。
lineless-design-fanfa2

三、 抽象的动势——文件夹图标
文件夹图标有两种状态:关闭与打开。这里尝试纯粹用闭合倾向和开放倾向的两种线条的动态去表达。
lineless-design-fanfa3

从具象到抽象的造型方法还有许多,归结起来有一个基本的方法,就是尝试改变主观镜头的各种参数,比如:角度变成从事物内部往外观察,放大事物局部进行微距观察,镜头在运动中进行观察,失焦进行模糊观察等等。通过这些方式,可以得到很多新鲜的视觉感受。

由于企鹅队都是在工作之余抽时间参赛,时间十分紧张,加上我自己的时间规划没有做好,很多细节来不及做更多的尝试匆匆出炉,小尺寸的图标更是很不负责任地直接缩小,所以还是留下了很多遗憾。不过,这里引用一下“托哥”的总结:享受过程。不管是做到想哭,想吐,还是想死,现在回想起来那段一起加班到不知夜晚和周末为何物的时光,还是有许多感动。

特别鸣谢:
中途拆伙但情比金坚的肚腩组合成员“肚脐”
帮我解决了后顾之忧的打包小王子“坚爷”
蛊惑人心带领革命队伍的 “阿入”
帮我翻译西文的“DJ”
提供了”天边那朵雨云”(JPG图片格式图标)创意的“年糕”
一眼看出了打印机图标使我重燃信心的“小Li”
使我连续加班的情况下却依然斗志旺盛的加班伙伴“贝贝”
企鹅队一起奋战的所有人
……

还有很多人,数漏了有怪莫怪。

  • (本文出自Tencent CDC Blog,转载时请注明出处)
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!