写在前面的话。将此篇作为酷九合金社的第一篇文章，是觉得风格是视觉设计的灵魂，表面来看只是一个产品的外衣，

而好的外衣应该能体现其本身的气质与个性。不在乎设计的有多美，而在乎设计的有多合适。

今天，咱就从这可爱的手机主题说起，聊聊风格设定的事儿。

前期主题构想

各大设计平台上有很多优秀的设计，不同的风格，看着真心好，可我应该做一个什么样的风格主题呢？

纠结纠结看看资料，再纠结纠结，再看看资料，确一直无从下手。。。

我相信，很多人都会有这感触，可时间就这样流走了，如同我的青春。

其实你可以这样做！

在做你第一个主题时，建议选择自己最喜欢的风格，

什么？不知道自己最喜欢什么风格？那请移步至UI.CN and 其他若干设计平台，

当你看见某张图片让你心跳加快时，那就是它了！跟谈恋爱是一样一样地~~但是！！

说回本主题吧，本主题诞生之前，低建模风格日趋流行，新鲜玩意儿我们也想试试，

于是各种低建模的资料搜集起来，资料收集到一定程度，基本网络上好看的同类风格图片都收了，

然后要做一个归纳跟梳理，这里就不详解了，给大家留个念想吧~

首先，由于设计师自身就很偏爱低建模的小动物，但是立体的太耗时间跟精力3D能力又不够，

明智果断的选择平面的方式，通过切面颜色的变化适当的体现明暗关系。

结论就是风格关键词设定为低建模 切面 可爱 卡通

主题内容

接下来我们得想主题的内容了，这个可以是最近流行的电影，事件等。也可以从一些卡通插画，动漫素材里找一些故事灵感。

看到这张图片的时候，兴趣点来了，造型跟颜色，质感都有些特别，设计师想借鉴借鉴，

尝试之后发现很难跟低建模风格结合，就果断放弃了，

这里我想说的，不是你喜欢的图片风格你就一定能做出类似的出来，眼高手低的问题要适当避免，认清自己当下能力。

请选择喜欢并可驾驭的吧！（同理于处对象）

是在大的风格定位前提下，可以有很多的尝试，在变成大神之前是很难一稿确定的，

只有在不断的尝试，放弃，换思路，再尝试的过程中，沉淀出自己的精华。

在尝试无果之后，也需要总结一下为什么失败。这点很重要！

设计师这次是选了小鸡，蛋，农场，树林，等场景元素，为什么？谁都不会告诉你是因为设计师不擅长太复杂的卡通！

但这正是设计师最聪明的一点，利用自己的强项（配色能力），避免展示自己的弱项（有时候也别跟自己太较劲）。



然后~~~



小鸡，蛋，农场，飞机，天空，能发生哪些故事场景，这些元素可以用在界面的什么地方？

需要发挥想象力多画一些草稿跟提取关键词，让元素在界面中表现出关联性和故事性。

比如原本干涸的土地涨出得河水的动画用来体现充电模式，小树上的三团树叶用来放音乐控制按钮等。

把蛋设置成拨号按键，按一下蛋炸开露出蛋黄。。这些都是设计师精心考虑，设置一些小惊喜的彩蛋环节。

配色方案

因为对主题的定位是走可爱路线，所以主配色都是饱和度不会太高的色彩。

在前期的准备工作中，搜集了一些可爱插画作为参考，从中提炼出一些想要的颜色进行主题基色调组合。

当然这个并不是非常精确，

在后期的界面与图标设计时会慢慢打磨配色。设计师可以从单张图片中提取配色，也可以从多张中吸取精华。

这个方式是比较适合无法独立设定配色体系的设计师。

在这些颜色中，需要找出1-2个主打的配色，其他的颜色做为局部的辅助色，丰富界面与图标。

图标设计

既然已经选定了切面的手法，那图标就相对比较容易处理了，将形状做出多边形，

内部颜色用切面和明暗变化来处理。风格就可以很好的统一。

让收音机来举个栗子！搜索收音机图片，可以看见古今中外的款式，我们提炼最有代表性元素：天线 长方形机身 喇叭

图标设定是多边形切面风格，那就把长方形拍成多边形吧！原则就是绝不出现圆弧！

下面就可以画草稿了，这个草稿长相。。。谁叫你们小时候不好好学画画的！谁叫你们学了计算机专业，化学专业却要跑来做UI设计师的！

好的草稿当然赞了！画不好得勤练！可这并不表示非美术出身的就不能画草稿不能画图标！















一开始画的不好没关系，得敢跨出这一步，画出这一笔，画多了自然可以练出来。

草稿的作用在于梳理结构，比例布局形状。可以快速得知怎样是可行的，比直接在PS上摸索要好很多。

必须强调，草稿很重要，不管你画的好不好都得画！

画完一个图标还远远不够，下次我们聊聊如何做一套风格统一的图标吧。

有机会，多跟有经验的人聊，有时候，别人一句话可以让你茅塞顿开，可以解决你困扰N久的小问题。

如需查看相关设计稿请移步至http://www.c9-d.com/Cuicuidan.html