UI设计——创意表达与实践全套配套课件肖文婷配套 教学课件2-6 扁平化图标的绘制.ppt

《UI设计——创意表达与实践全套配套课件肖文婷配套 教学课件2-6 扁平化图标的绘制.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、扁平化图标的绘制授课教师：肖文婷平化设计从其字面含义上理解是指设计的整体效果趋向于扁平、无立体感。扁平化设计的核心是在设计中摒弃高光、阴影、纹理和渐变等装饰性效果，通过符号化或简化的图形设计元素来表现。在扁平化设计中去除了冗余的效果和交互，其交互核心在于突出功能本身的使用。扁平化金融图标设计【扁平化设计的概念】1、快速而高效快速运转的现代社会，时间就是金钱，信息的更新之快是互联网时代需要有效高效地传递信息。这是扁平化设计出现一个重要的基因，也是很多交互设计为什么选择扁平化设计的原因之一。扁平化手机操作界面设计【扁平化设计的优点】2、信息突出在扁平化设计中可以通过颜

2、色的对比、大小不同的字号，让设计中重要的信息放在首要位置，不重要的元素有所弱化。这样的设计让使用者可以很容易地将注意力集中在产品和信息上，而不会被设计界面中其他的视觉元素所干扰，从而突出核心信息和操作，这些都能够增强设计的可读性。扁平化蔬菜图标设计3、简洁清晰简洁的设计总是让人喜爱的。在一个设计简洁、逻辑清晰的界面中，用户不仅能够很快找到自己所需要的内容，而且能够在使用过程中减少误操作，从而提高用户体验。如图2-122所示，这三张手机界面采用干净利索的版面设计，没有过多的不必要元素。简洁清晰的手机界面设计4、方便修改很多设计都需要定期进行改版或者信息更新，从而保持

3、新鲜感。使用扁平化设计，可以在最短的时间对设计内容进行更新与修改，甚至只需要更新下颜色值就可以让画面焕然一新，大大地节约了项目时间和成本。不同的色彩方案网站更新1、常规基础图标。不添加任何的渐变、阴影、高光等体现图标透视感的图形元素，而是通过极其简约的基本形状图形、符号等表现图标主题。【扁平化图标的常用设计技法】2、为剪影图标加底。3、彩色拼贴图标。4、折纸风格图标。5、长投影图标。6、透明质感图标。7、渐变伪扁平轻质感图标。以实例给读者完成当下最热门的四种扁平化表现手法：常规扁平化、长投影、投影式、渐变式。【绘制四种扁平化风格的播放器图标实例】新建文档并设置背景

4、色设置参考线绘制圆矩形绘制白色圆环常规扁平图标完成绘制长投影基本形完善三角形的长投影完善圆环的长投影长投影图标绘制完成添加渐变叠加图层样式渐变式图标完成图投影式图标完成图四种扁平化风格的播放器图标完成【绘制扁平化相机图标实例】新建文档并绘制圆角矩形为圆角矩形添加图层样式绘制镜头部分绘制相机顶部与红点扁平化相机图标完成图Thanks