QQ输入法皮肤UI设计教程

UI / UI设计教程 /      

uimaker
UI设计师 / 江苏 南京

来源:http://ysheen.com   作者:sheen

关键词

 QQ拼音皮肤预览图(大)——一锅汤

 

 

皮肤名称:一锅汤 作者:Sheen

皮肤说明:美味的汤是中华美食的特色食品之一。此皮肤根据一锅汤的外形联想而设计,枸杞、冬菇、汤匙、叶子分别对应着中/英文标点、全角/半角、打开工具箱以及用户登录四个按钮,左上方的红色按钮是中英文输入法的切换。 皮肤全属原创,希望大家喜欢。

以上是这个皮肤的简短描述,附上地址 http://skin.py.qq.com/fcgi-bin/showdetail?skinid=4293197210

关于这个皮肤设计,主要是为了参与近期举行的QQ拼音皮肤全民大赛。要不是这个比赛逼着我,或许我也憋不出这么一个东西出来。

至于说创作灵感,其实我这个设计是没有什么灵感的,主要还是在于观察实物吧。我觉得我还是有点拿来主义,看到好的东西就拿来用。这次的设计我有临摹过不少的实物,并且参考了各种各样的造型。

个人觉得这次设计的一个困难之处在于:如何把5个按钮的各个状态融合到整个设计当中,而不是呆板地加在里面。这个是一个相当考想法和创意的活儿。我在介绍里面也有讲到:

此皮肤根据一锅汤的外形联想而设计,枸杞、冬菇、汤匙、叶子分别对应着中/英文标点、全角/半角、打开工具箱以及用户登录四个按钮,左上方的红色按钮是中英文输入法的切换。

 

 

这些地方其实我是有一个思维的过程的。起初我确实是打算把按钮独立出来,加在整个锅的上方、下方或者是外边的某处,但是始终觉得汤里面没有东西似乎很不好,也显得汤纯粹是摆设,所以就在想能不能在汤里面加一点元素。于是就有了蘑菇、枸杞、大勺子还有那些漂浮着的小东西。进而发现把按钮融入进去其实是很好的主意(其实我之前就想过了,但是怕难以达到预期效果),所以还是尝试了一下,也就成了现在的这个样子。

至于这个设计稿的制作过程,我就不详细讲解了,主要的技术还是那么多,大家都会。

我可能就把一些简单的步骤罗列一下吧。

 

设计教程01
设计教程02
 
 
大概就是这么多,当然了当中还有不少细节需要注意,各个小物件的制作也是需要比较小心的。我的一些心得就是,最好找到实物来临摹,当然自己的临摹能力就很重要了。这样颜色和质感上都能真实许多。
就这么多啦,希望对大家有帮助囖!继续努力!
 
原文:http://ysheen.com/?p=115
 

 

 

 收藏