美文网首页每日一画
UI--小米手机主题设计(一)

UI--小米手机主题设计(一)

作者: Sophia的博客 | 来源:发表于2016-12-27 12:47 被阅读185次

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

    ICON诞生

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

    小米扁平icon.jpg

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

    定主题风格

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

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

    1. 无印良品风

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

    无印良品海报一.jpg 无印良品海报二.jpg 无印良品海报三.jpg

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

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

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

    卡通手机主题.jpg 小黄人手机主题.jpg

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

    • 色彩丰富度和饱和度不够;
    • 没有卡通形象太过于单调;
      前期没定位好啊,后来就找不到自己的位置啦。
    宜家风or现代感简约风

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

    宜家风格一.jpg 宜家风格二.jpg 宜家风格三.jpg

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

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

    相关文章

      网友评论

        本文标题:UI--小米手机主题设计(一)

        本文链接:https://www.haomeiwen.com/subject/czwlvttx.html