掌握这5个技巧,从零开始掌握UI界面的亮点设计

一、全文速览图

掌握这5个技巧,从零开始掌握UI界面的亮点设计

不管甲方给多少钱,哪怕一张界面的预算只有几十块,他也想要设计亮点,但是很多同学的设计又非常平庸!

为什么你做的设计没有特点,其实原因很简单,你没有用过行业属性这一招,只要学会这一招,完全够用!

先解释下,什么行业属性:

比如你做的 App 是音乐类,那就把音乐类事物或图形提炼出来植入到设计中,比如音符、麦克风等等!

比如你做 App 是体育类,那就把体育类的图形提炼出来植入到设计中,比如跑步、篮球等等!

这样一结合,就可以做的有一定的特点!

但是相关图形或事物的植入也分层次,我个人分了五个层次:

二、第一个层次:直接表达

如果你做的产品是体育类,下面这种方式,就和体育相关:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

但是这种方式就是直接表达,你是篮球,就画个篮球,是网球就画个网球,是不需要思考的,只要把设计做到精致即可。

再比如下面这个:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

你是唱歌,就用麦克风来表达,都是不需要思考的,直接表达即可!

三、第二个层次:勉强拼凑

接下来就需要有一点思考了,但是思考的不多,就是如何把图形放在你原有的设计中。

比如下面这个转化图标:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

如果中间我们加入的飞机的标识,那就是知道,这是买飞机票的产品:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

这时候主要考验的就是飞机的表达形式,你可以是正面的飞机,也可以是侧面的飞机。

掌握这5个技巧,从零开始掌握UI界面的亮点设计

还有下面唱吧这种:本来没有任何属性的空页面:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

中间加上音符,音乐app的属性就有了:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

这种都属于勉强拼凑,主要就是把相关图形去掉之后,这个设计也还可以用,那就证明并不算是巧妙结合!

四、第三个层次:巧妙结合

接下来就需要一定的思考了,比如行程这个图标:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

这里面就将飞机和轮船结合到了一起,二者的组成结构,就是这个图标的门槛,而不是之前那种直接拼到一起或者贴上去。

再比如下面这个编辑任务图标,把正常的一个竖线变成树叶,也需要一定的思考和巧妙结合:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

你也能够知道,这个图标是和环保或者健康相关的!

五、第四个层次:意境传达

这个层次主要是抽象的表达,需要有一定的创意内核,比如像飞猪这种旅游相关的:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

空页面采用打开窗户,多去外面看看世界的创意,来进行行业属性关联!

这种就是意境抽象的表达方式!

六、第五个层次:动态加持

最后一种就是除了以上内容外,你还可以增加动态的部分,把现实中真实的动态进行加持,那创意效果就会更加显著!

比如像这种播放音乐时候的 cd 唱片机:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

再比如运动相关的,能把吉祥物与球体相关联,直接做出运球的动作:

掌握这5个技巧,从零开始掌握UI界面的亮点设计

这种都属于动态加持,创意和独特性都会比较好。

七、总结

好了,以上就是今天和大家分享的,运用行业属性增加设计亮点与独特性,一共分了5个层次,分别为:

  1. 第一层次:直接表达
  2. 第二层次:勉强拼凑
  3. 第三层次:巧妙结合
  4. 第四层次:意境传达
  5. 第五层次:动态加持

学废了,点个赞,一天天的!

欢迎关注作者的微信公众号:「菜心设计铺」

掌握这5个技巧,从零开始掌握UI界面的亮点设计

收藏 1
点赞 23

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。