UI--小米手机主题设计（一）

本来没打算写这篇文章的，因为还没有做完，思路也并不明确。但是无奈前期各种各样的不顺利，先是软件的bug，后是账号的问题，还有其他细枝末节意想不到的事情（家里竟然还停水），所以就导致了今天这篇文章的提前诞生，希望后续的一切都能顺利。

ICON诞生

大概两个月前，我按照MIUI8的设计规范和要求，制作了一套并不完整的手机ICON。当时由于刚开始学习PS和AI，技能并不熟练，而且对于整套主题没有完整的思路，所以暂时搁浅。下面是我的那套ICON。

小米扁平icon.jpg

可以看到，只有16个常用的图标，做的相对简洁和扁平。颜色虽然说红绿搭配，常识中最ugly和大俗，但是尝试做了色相、饱和度和灰度的调整，整体给人感觉还算和谐和温馨。整套图标共用了黑、白、红、绿四种色相，调出了深浅不同的搭配方式，所以并不单调。
实话实说，这种色彩搭配不是我原创，是从国外的另一套办公图标里吸取的颜色。是不是很诡异？办公图标和我的图标完全不是一种风格，看来在色彩构成相似的情况下，平面构成不同真的可以实现不同的风格和调性。抱歉那张参考图标我的电脑里始终再也找不到了，不然可以做一个对比的。

定主题风格

看了一些主流网站上的主题分享，发现每一套优秀的主题都有自己的一个主题风格，甚至每一个图标都有自己的故事。唉，好头大，我在做图标的时候，根本就没有想过这么多，当时仅想做的好看，协调，没想到在做主题的时候就出现了大问题。

于是我开始找各种主流的设计风格能不能套用在这套图标之上：

1. 无印良品风

这种风格很多人并不陌生，对设计稍有些了解或者对日本稍有些了解的人都知道。它使用大量的无彩色，用黑白灰构造着自己的整个设计体系，而且极其简约、淳朴、归真。有些有趣的人也管这种风格叫性冷淡风格。

无印良品海报一.jpg

无印良品海报二.jpg

无印良品海报三.jpg

了解了这种风格后，觉得并不合适，原因如下：

• 无印良品色彩过于简单、天然，而我的色彩搭配相对丰富，尽管饱和度也不高；
• 无印良品整体色调偏冷，而我的偏暖；
• 无印良品构成元素都非常的简约，而我的相对复杂；
  所以，不合适。

卡通可爱风

这种风格色彩丰富而且色彩饱和度极高。通常会有一到两个卡通形象来丰富主题，图标也可以采用卡通形象亦或者卡通形象的所有物，使整个主题浑然一体。

卡通手机主题.jpg

小黄人手机主题.jpg

看了又看，好像如果归入卡通可爱风格的主题又缺了点什么：

• 色彩丰富度和饱和度不够；
• 没有卡通形象太过于单调；
  前期没定位好啊，后来就找不到自己的位置啦。

宜家风or现代感简约风

上个周刚刚去过一次浦东的宜家，它家的家具和生活品风格一向简约、大气、实用，而且北欧由于所处的纬度偏低，气温冷资源少，所以设计的器物都非常实用而且耐用。宜家本身面向的就是家居用品系列，所以整个使用的色彩还是偏向于暖色调，营造温馨舒适之感。

宜家风格一.jpg

宜家风格二.jpg

宜家风格三.jpg

暂且定为宜家风格，其实有点牵强，但貌似是这几种风格里面最适合的一种。

总之在设计前期确定风格和定位是相当相当重要的，简而言之就是要有明确的目标和方向。