深度专访:图标的故事
Tofloor
poster avatar
cxbii
deepin
2014-03-28 18:03
Author

为了比其他Linux发行版更具不同的魅力,Linux Deepin自12.06版本起,就开始的制作属于自己的系统主题。历时整整一年,Linux Deepin12.12发布,属于Linux Deepin自己的主题——Deepin主题也一同发布。今天,我们采访了Linux Deepin团队的设计组主要成员——郭攀,让她带您一起聆听Deepin主题的发展历程吧!

作者简介


郭攀,深之度设计部图标设计师。
电脑艺术专业毕业,早起从事游戏和动画的前期美术设计;在接触IPAD应用程序界面设计后,逐渐爱上并专职从事UI设计中的图标主题设计。

先说说你是如何知道并加入Liniux Deepin团队的吧。
在加入Linux Deepin之前,我从事的是游戏与动画的前期美术设计,业余爱好插画。
其实那个时候呢,我并不知道有Linux这类操作系统的存在,我的设计图稿除手绘外也多是在Windows操作系统下设计完成的。
因为对精致ICON的喜爱,我会在业余时间临摹大量优秀设计作品,临摹的多了,变会自己原创了,设计的多了,就会有想法了,既然这么喜欢,为何不专职从事这类设计呢?
于是我就转行啦。第一份UI设计工作是为一家香港公司做IPAD图书应用的界面设计,在那里他们教会了我不少东西,让我受益匪浅,在此谢过。
但求精的理念迫使我从新做了选择,我遇见了Linux Deepin,一个有挑战,有激情,有梦想,勇于改变世界的团队,我眼前一片光明,就这样我加入了Linux Deepin这个团队。

为什么要制作深度图标主题,深度图标主题的设计理念是什么呢?
为了用户能够有愉悦舒适的使用体验,并产生深层的认知与情感的交流。我们拒绝一味的追求酷炫的设计表现形式,更多的是从思想理念与用户情感需求的层面高度上来展示设计。在图标设计上,我们没有去跟风扁平化,更注重的是拟物传情。人们对物体的形态,色彩以及材质都有着特别的感知能力,所以,图标设计的情感和寓意主要是通过造型风格,色彩以及质感来表达的。具体怎样拟物传情呢,2014发布之时便拨开迷雾见真晓啦,敬请期待吧~

简单的告诉我们一枚图标的设计流程吧。
看似简单的一枚小图标,其实也是经过对图标用途的理解后绞尽脑汁的构思;绘制N副草图后,海选合格的,再进行单色稿绘制,其中需要把握好统一的规格与风格,这一步经过反复调试OK后,才能进入彩色稿部分;要保证图标与界面的色彩完美搭配的同时,还需要把握好所有图标色彩搭配上的和谐度,这些都完成后,也避免不了各种小修小改,因为我励志要将每枚图标都做的尽善尽美。虽然,我不可能满足所有人的审美,但至少我要做出让自己满意的设计。
用即将亮相的“游戏中心”图标来举例说明吧~

* 早期的深度游戏中心的图标是长这个样子的,取“DG”字母形象化,运用游戏设计中的加冕皇冠,展现游戏的胜利给玩家用户带来心理上的满足感。不过呢,最后被吐槽说像极了某某电影公司的标志,好吧,如有雷同,纯属巧合…


* Deepin2.0图标设计重新构思了游戏中心。从头脑风暴开始,说到游戏,你能想到什么?魔兽,dota,LOL …?拜托,能想点实际的嘛,我得把他表现在48x48px的小方块里,那么手柄,摇杆,游戏币,棋球牌类,奖牌奖杯等?恩,比较靠谱了,那么就画下来吧。表现手法,自定,这个自定,你需要考虑很多,后续我会简单说明!

那么先看设计草图吧,之所以叫草图,就是因为它很草~


黑白单色稿是在挑选草稿OK后的一步,虽然我一不小心多放了几枚图标上来,但你也不要多想,因为他们离彩色定稿还远着呢~


彩稿设计过程
我迫不及待的将图标主体物色彩化,但似乎出来的效果并不满意。


于是我又多设计了几种样式。选择自己最满意的那一款,然后将她放置底板之上。


对于一枚图标来说,底板与主体物一样同等重要,好的底板可以为图标加分不少。所以,我又开始了各种底板的设计调试,以游戏中心的色系为例,设计底板效果如下:


接下来我要做的便是将底板与主体物的各种搭配:
就像选妃一样,有魅力的,她总能脱颖而出,加冕黄袍,炫彩夺目!


在设计期间,有遇到过什么挑战呢
做设计,不像是画一幅随心所欲的写意插画。一个图标设计可以有很多种表现形式,想在如今表现效果绚丽多样的众多图标主题设计中脱颖而出,让用户看一眼便记住那是Deepin独有的特色,真的很难。哪一种才是最适合Deepin的,这需要设计师的创意,团队的交流,用户的反馈等等,你必须要考虑到的各种存在因素,才能展现Deepin图标主题独有的设计理念。

加入LinuxDeepin团队,有什么感想想和大家说的呢?
我想,对于常用Windows来的说的我,虽然Windows简单易用,但我不得不说Windows的设计缺乏品味。因为用了这么多年,我也没有很爱他;对于Mac来说,设计是我喜欢的,但操作体验方面还是些不敬人意的地方;而Linux Deepin励志要做简单易用,设计美观的操作系统,即便他现在也还不完美,但我们一直都在努力,能为Linux Deepin操作系统做图标主题这对于我来说真的很酷,并具有挑战性。

能不能提前发出有点新版本深度主题的详细呢?
Deepin2.0图标在设计上采用中轴线的构图形式,并大胆尝试以圆形为基础,和谐的展现以似变不变的衍生出一系列色彩绚丽夺目的精美拟物图标,不知道你是否很期待呢~


对于未来LD主题的设计走向,能有什么和大家分享的么?
简洁和拟物将持续2014版始终。

最后,还有什么想和大家说的么?
希望看完此文的同学们能了解到LD的设计并不是随性而来,批评的同时也同样给予赞美,你们的支持就是给予我们最大的动力!

下期预告
前两天看过我们微博的朋友,都应该知道我们正在使用超级本拍摄视频,将来我们会用这台碉堡的超级本,给大家带来更多精彩的视频,现在先给大家看下视频拍摄花絮过过瘾!
视频地址:http://v.youku.com/v_show/id_XNjkxMDczNTgw.html

相关链接
•深度专访:深谈的故事

关注我们:官方网站 | 论坛 | 新浪微博 | Twitter | Facebook | Google+

via:http://planet.linuxdeepin.com/2014/03/28/story-of-deepin-icons/
Reply Favorite View the author
All Replies
1 / 2
To page
BingoLove
deepin
2014-03-28 19:54
#1
果然是妹子

抓到错别字“不敬人意”→“不尽人意”
Reply View the author
coldlook
deepin
2014-03-28 19:59
#2
配图怎么换了?
Reply View the author
wuy069
deepin
2014-03-28 20:39
#3
配图怎么换了?
以前那配图是深夜档的福利, :
Reply View the author
能吃善睡
deepin
2014-03-28 21:11
#4
首先,审美偏好是很个人化的东西,
所以只是表达一下个人对最后一张图给出的图标集的看法。
底板的色调不统一,从暖色系到冷色系都覆盖了,暖色系的色彩偏浓了一些。
底板作为背景,跟前景的物件区分度不够。
黑白单色稿更好看一点,觉得,因为有一种金属的质感,上彩色以后反而像塑料了。
D talk图标的外星人脸形象有点吓人,颜色是冷色调,作为聊天软件的图标并不合适。
深度音乐的颜色还是用暖色系比较好,比如淡一点的橙色。
记得以前有一套图标,名字忘记了,风格上是蜡笔拟物画,很有特色,
其中部分图标见这个图片链接:
http://fvwm.org/screenshots/desktops/Pi ... enshot.jpg

以及
http://pemarchandet.free.fr/fvwm.html
期待美女设计师从这套图标里面找找新的灵感,哈哈。
Reply View the author
能吃善睡
deepin
2014-03-28 21:21
#5
那套图标找到了,叫 gnant,见附件
Reply View the author
love19841009
deepin
2014-03-28 21:52
#6
妹子好正!!
Reply View the author
a287740928
deepin
2014-03-28 22:07
#7
这次的图标真的挺不错的,不过下次可不可以设计一点没有底板的图标,完全拟物的,那肯定很惊艳
Reply View the author
cxbii
deepin
2014-03-28 22:41
#8
首先,审美偏好是很个人化的东西,
所以只是表达一下个人对最后一张图给出的图标集的看法。
底板的色调不统一,从暖色系到冷色系都覆盖了,暖色系的色彩偏浓了一些。
底板作为背景,跟前景的物件区分度不够。
黑白单色稿更好看一点,觉得,因为有一种金属的质感,上彩色以后反而像塑料了。
D talk图标的外星人脸形象有点吓人,颜色是冷色调,作为聊天软件的图标并不合适。
深度音乐的颜色还是用暖色系比较好,比如淡一点的橙色。
记得以前有一套图标,名字忘记了,风格上是蜡笔拟物画,很有特色,
其中部分图标见这个图片链接:
http://fvwm.org/screenshots/desktops/Pi ... enshot.jpg

以及
http://pemarchandet.free.fr/fvwm.html
期待美女设计师从这套图标里面找找新的灵感,哈哈。
已经转达
Reply View the author
能吃善睡
deepin
2014-03-28 23:58
#9
已经转达

谢谢啊。
补充一下,从概念上来说,如果把“底板”理解成“托盘”会不会更好些,
那么物件就是放在同一类托盘上的“东西”,这样就要求托盘具有一致性了。
根据设计师的设计,托盘的样式已经固定为内部是圆形空间的外方盘子,
那么托盘的颜色能不能统一成一种颜色,或者一类颜色,而不要覆盖整个色系。
因为物件是样式五花八门颜色鲜艳夺目的,那么托盘的颜色作为背景色,
如果整体上选为淡雅的风格,是不是能把物件衬托得更清晰呢?
而不是和物件本身的颜色混起来。打个比方,
就像在一家很贵的馆子吃饭,盛菜的盘子都是素雅的,
装的菜才显得色泽鲜亮。
Reply View the author
bareye
deepin
2014-03-29 00:16
#10
有了妹子,工作效率可以提高好几倍。多招点妹子,这样我们就可以早点看到2014了
Reply View the author
richardjimchen
deepin
2014-03-29 00:26
#11
期待2014,哈哈
Reply View the author
yeser
deepin
2014-03-29 01:09
#12
只有音乐和影院能一目了然,其它不明显,相反启动器猛一看还以为是游戏,翻译应该是镜子下面一种文字,镜子上跳出另一种文字。深谈为什么要用外星人呢?外星人应该寓意是神秘,科技,超能力一类吧?
Reply View the author
能吃善睡
deepin
2014-03-29 02:14
#13
只有音乐和影院能一目了然,其它不明显,相反启动器猛一看还以为是游戏,翻译应该是镜子下面一种文字,镜子上跳出另一种文字。深谈为什么要用外星人呢?外星人应该寓意是神秘,科技,超能力一类吧?

仔细看深谈的图标,设计师本意可能是一张酷的脸,当然本意也可能就是外星人。
不管是哪种,这张脸的造型和冷冷的色调搭配起来,效果有点惊悚,
作为聊天软件的图标不大妥当。
Reply View the author
foundix
deepin
2014-03-29 04:46
#14
好!漂亮!
Reply View the author
188******76
deepin
2014-03-29 07:06
#15
只有音乐和影院能一目了然,其它不明显,相反启动器猛一看还以为是游戏,翻译应该是镜子下面一种文字,镜子上跳出另一种文字。深谈为什么要用外星人呢?外星人应该寓意是神秘,科技,超能力一类吧?
启动器英文是launcher啊亲,自然可以有火箭的
Reply View the author
yuzhitong
deepin
2014-03-29 08:34
#16
我觉得那个黑色的挺带感的!希望能够提供成主题!
Reply View the author
yeser
deepin
2014-03-29 16:13
#17
[quote]只有音乐和影院能一目了然,其它不明显,相反启动器猛一看还以为是游戏,翻译应该是镜子下面一种文字,镜子上跳出另一种文字。深谈为什么要用外星人呢?外星人应该寓意是神秘,科技,超能力一类吧?
启动器英文是launcher啊亲,自然可以有火箭的[/quote]
不会英文,但不看文字的活真的以为是游戏!
Reply View the author
左心房的痛
deepin
2014-03-30 04:43
#18
我脑海中的设计师不是大胡子+可披肩的长发,就是娘炮,万万没想到,deepin linux系统的设计师竟然是个漂亮的妹子
Reply View the author
yeser
deepin
2014-03-30 06:21
#19
游戏中心可以用扑克牌做图标
Reply View the author
188******76
deepin
2014-03-30 08:04
#20
[quote]首先,审美偏好是很个人化的东西,
所以只是表达一下个人对最后一张图给出的图标集的看法。
底板的色调不统一,从暖色系到冷色系都覆盖了,暖色系的色彩偏浓了一些。
底板作为背景,跟前景的物件区分度不够。
黑白单色稿更好看一点,觉得,因为有一种金属的质感,上彩色以后反而像塑料了。
D talk图标的外星人脸形象有点吓人,颜色是冷色调,作为聊天软件的图标并不合适。
深度音乐的颜色还是用暖色系比较好,比如淡一点的橙色。
记得以前有一套图标,名字忘记了,风格上是蜡笔拟物画,很有特色,
其中部分图标见这个图片链接:
http://fvwm.org/screenshots/desktops/Pi ... enshot.jpg

以及
http://pemarchandet.free.fr/fvwm.html
期待美女设计师从这套图标里面找找新的灵感,哈哈。
已经转达[/quote]
我觉得深度音乐图标的颜色改成粉色也很不错,比如多米,音乐本来就是浪漫的东西。
Reply View the author
1 / 2
To page