教学课件2-6 扁平化图标的绘制_第1页
教学课件2-6 扁平化图标的绘制_第2页
教学课件2-6 扁平化图标的绘制_第3页
教学课件2-6 扁平化图标的绘制_第4页
教学课件2-6 扁平化图标的绘制_第5页
已阅读5页，还剩26页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

在扁平化设计中可以通过颜色的对比、大小不同的字号，让设计中重要的信息放在首要位置，不重要的元素有所弱化。这样的设计让使用者可以很容易地将注意力集中在产品和信息上，而不会被设计界面中其他的视觉元素所干扰，从而突出核心信息和操作，这些都能够增强设计的可读性。扁平化蔬菜图标设计

3、简洁清晰

简洁的设计总是让人喜爱的。在一个设计简洁、逻辑清晰的界面中，用户不仅能够很快找到自己所需要的内容，而且能够在使用过程中减少误操作，从而提高用户体验。如图2-122所示，这三张手机界面采用干净利索的版面设计，没有过多的不必要元素。简洁清晰的手机界面设计

4、方便修改

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

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论