找回密码
 骑士注册

QQ登录

微博登录

搜索
❏ 站外平台:

Linux中国开源社区 观点 查看内容

深度专访:图标的故事

2014-03-28 10:37    评论: 11 收藏: 1 分享: 3    

1

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

作者简介

OLYMPUS DIGITAL CAMERA

郭攀,深之度设计部图标设计师。

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

先说说你是如何知道并加入Liniux Deepin团队的吧。

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

为什么要制作深度图标主题,深度图标主题的设计理念是什么呢?

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

简单的告诉我们一枚图标的设计流程吧。

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

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

图片1

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

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

图片2

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

图片3

彩稿设计过程

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

图片4

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

图片5

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

图片6

接下来我要做的便是将底板与主体物的各种搭配:

就像选妃一样,有魅力的,她总能脱颖而出,加冕黄袍,炫彩夺目!

图片7

在设计期间,有遇到过什么挑战呢

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

加入LinuxDeepin团队,有什么感想想和大家说的呢?

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

能不能提前发出有点新版本深度主题的详细呢?

Deepin2.0图标在设计上采用中轴线的构图形式,并大胆尝试以圆形为基础,和谐的展现以似变不变的衍生出一系列色彩绚丽夺目的精美拟物图标,不知道你是否很期待呢~

图片8

对于未来LD主题的设计走向,能有什么和大家分享的么?

简洁和拟物将持续2014版始终。 

最后,还有什么想和大家说的么?

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

下期预告

前两天看过我们微博的朋友,都应该知道我们正在使用超级本拍摄视频,将来我们会用这台碉堡的超级本,给大家带来更多精彩的视频,现在先给大家看下视频拍摄花絮过过瘾!

 

via : http://planet.linuxdeepin.com/2014/03/28/story-of-deepin-icons/ 

最新评论

我也要发表评论

游客 2014-04-02 12:40 回复
能不能来点实在的开发,如APP, 我不需要一个表面长得好看, 内部确是草包的操作系统。 ...
胡说一点八道 2014-03-28 16:28  新浪微博网友评论 回复
回复@梦中本是伤心路:我的意思是,你哪天能有自己的设计风格和作品
梦中本是伤心路 2014-03-28 16:28  新浪微博网友评论 回复
回复@胡说一点八道:按老罗的话说,圆角矩形的图标是一种病态。图标确实很精致,但这种束缚式的设计注定会是一款小众产品。
emrys-fan 2014-03-28 16:28  新浪微博网友评论 回复
回复@抽烟健身:所以,我反对的是,把window的那套糟糕的体验一直到linux桌面上,That's my point!
emrys-fan 2014-03-28 16:28  新浪微博网友评论 回复
回复@抽烟健身:这个问题确实是,换个角度认真思考一下,这是一个先入为主的习惯导致的,习惯了window那样的最大化最小化按钮,感觉最大化最小化就应该是window那样,所以到后来linux下很多快捷键都是模仿window的,比如关闭窗口的快捷键ALT+F4,非常糟糕的快捷键。
胡说一点八道 2014-03-28 16:28  新浪微博网友评论 回复
@梦中本是伤心路 @手绘渣RainyC
抽烟健身 2014-03-28 16:28  新浪微博网友评论 回复
回复@emrys-fan:比如最大化窗口还得去点那个按钮
emrys-fan 2014-03-28 16:28  新浪微博网友评论 回复
"对于Mac来说,设计是我喜欢的,但操作体验方面还是些不敬人意的地方“,是否举几个实际的例子?
花瓣奶牛 2014-03-28 16:28  新浪微博网友评论 回复
就等着deepin 2014出来
LinuxCN好基友-Viz赵文轩 2014-03-28 16:28  新浪微博网友评论 回复
无论如何需要支持下!
笔尖反转 2014-03-28 14:54 回复
希望在DP2014的DOCK面板上的图标加上尺寸变化。

收藏

返回顶部

分享到微信

打开微信,点击顶部的“╋”,
使用“扫一扫”将网页分享至微信。