APP设计进阶教程:善用图标风格设计宫格布局

在同等设计元素和设计要求的背景下,其实APP设计相对与web设计来说,相对容易一些。起码在设计的时间上是有优势的。

原因在于APP设计,只有遵循一些常用的设计规则和技巧,即可高效的完成移动端的列表设计或者是主页设计。

之前分享了《APP设计小技巧:如何进行APP按钮设计与排版》和《哪些APP界面使用了APP宫格设计,你还记得吗》 移动端快速布局设计文章。

 

这一节课,学堂君继续与大家分享如何利用图标的设计风格来,快速进行APP界面的宫格布局设计。

1、先看几个善用图标风格设计宫格布局的案例:

【一】cnzz的界面设计六宫格设计方案:

APP宫格布局设计

 

【二】巧用独特的图标设计风格来布局宫格设计。

善用图标风格设计宫格布局2

 

目前移动APP图标设计风格可以大致的分为以下三大类:

1、线性图标设计风格

2、插画设计风格

3、扁平化设计风格(色块化为主)

APP图标风格

线性图标是一种简约,概括,可以说跟早期的印象主义有一些关系。细节相对比较少,一般都是线条来体现图标。

细节比较丰富,有一些装饰元素、描边风格、色块填充,材质填充等一系列图标风格都可以说是插画图标。

扁平化图标让整个APP界面干净整齐,使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。去掉多余的透视,纹理,渐变等等能做出3D效果的元素等。

 

所以,有些APP设计师非常的大胆,采用自己独特的图标设计风格 + 宫格布局设计,非常快速的完成一个APP界面的设计工作。如下图的APP界面设计欣赏:

善用图标风格设计宫格布局1 善用图标风格设计宫格布局3

善用图标风格设计宫格布局4

上面这三张APP界面设计作品,都是以图标设计为主,采用宫格对称的布局方式来完成的。

我想大家也很快识别了这三张分别采用了哪些APP图标设计风格来完成的吧!

这里,25学堂只是给大家收集了这些优秀的APP设计界面作品,让大家更加容易理解和去设计自己的APP。

 

每天更新,
全站高品质素材免费下载!