设计教程 ·

扁平化图标设计教程:面与线的组合造型

这节课25学堂跟大家开门见山,不知道大家知道扁平化图标设计有哪些常见的方法:

APP扁平化设计

常见的设计方法:纯平面图标设计、轻折叠图标设计、轻质感图标设计、折纸风图标设计、长投影图标设计、立体化和厚度感图标设计等

常见的四种设计风格常规扁平化、长投影、投影式、渐变式。

后续帮大家补上这方面的教程:

有兴趣的可以学习:http://www.wzsky.net/html/Photo/psjc/otherps/122645.html

 

今天跟大家讲的重点是:如何运用面与线的组合造型

扁平化图标大部分无非就是剪影表现,而这里为什么重点是讲图标的形状设计,而非色彩,因为一切先有形才考虑下一步。形不好再怎么营造整体风格都白费力,好比建筑造型与装修的关系,而色彩等营造的风格都可另起文章分析 。

图标造型表现上无非就是典型的2种:面与线 。

运用这两种基础元素去造型也可以进行多种组合不同的表现 。组合造型一般有单体造型、多个元素组合造型,线与面之间的独立与结合的变化。

 

第一种:微写实图标

这类通常是彩色一体表现,造型和组合上较写实,不是纯剪影,是写实过渡来的简化,又接近剪影,扁平简化设计,这里主要是利用面和颜色来进行造型的设计。

案例赏析:APP图标设计教程:扁平化设计风格分析

设计案例解读:信封图标的设计

面与线的组合造型

因为元素越多越复杂,所表达的含义也就越多,同时也会影响造型的调动。不管多少个元素总有一个最重要的对象,其他为辅助图形,在塑形大小复杂度上有区别。

 

第二种:正负形剪影图标

这类通常是单色表现,当然也有综合彩色的。其更加简洁抽象, 言简意赅,高度提炼精华,讲究表象意境,具有理解的门槛。所以这才是最难设计的一关。

负形图标:以线绘制的图形,高度的轮廓概括,就跟画骨骼一样的要求精准到位,也叫线形图标。负形剪影是所有图标中最讲究也最难表达型的一种风格,如果画不好就很容易俗气和简陋。

APP图标之负形图标

正形图标:以面绘制的图形,也有和线综合表现情况,自己根据需要进行创造变化吧。通常与负形图标之间做当前状态的转换,手机tab上最常见,如ios7。

APP图标之正行图标

优点:简洁清新优雅;极具现代感(虽然远古时代就有高度概括的符号表达,这里指的范围是互联网上的全新应用);具有设计与涵义综合的拓展性;还可以完成一些抽象词汇的图形传达。

典型的面与线的组合造型就是上面两种,然后在实际绘制中根据自己的喜好和设计来进行融合,可以得出更加丰富的表现。

上面的内容来源:UI中国 http://www.ui.cn/detail/26753.html

参与评论