UI设计（拓展） UI界面设计的常用方法 ui界面设计2-UI设计的常用方法.pptVIP

4 如何配色 扁平化设计通常采用比其他风格更明亮、更炫丽的颜色。 5 最简单的交互方案 尽量简化设计方案，避免不必要的元素出现在设计中。 4. UI设计风格 6 似扁平化 把某一项特效融入到遍平化中，使其成为一种独特的效果。如在简单的按钮上加入一点渐变或阴影。 7 长投影 尽量简化设计方案，避免不必要的元素出现在设计中。 4. UI设计风格 4. UI设计风格 偏平化 拟物化 2 如果说扁平化设计是2D的，只有X轴、Y轴、颜色、形状、布局。 4. UI设计风格 拟物化则多出一个Z轴，还多出一个纹理和质感。 4. UI设计风格 卡通化 3 指对所表现的对象不使用写实与传统手法，而运用归纳、夸张、变形等方式处理的一切实用类视觉作品。 1 2 3 4 5 UI设计中的设计方法 UI设计中实用的构成方法 UI设计中实用的色彩搭配技巧 UI设计风格  能力拓展  目录 5.能力拓展 1 Photoshop CC中图层的应用 2 Photoshop中的蒙版 3 渐变工具 本章主要对UI界面设计常用风格进行了介绍；对界面设计的设计、构成、色彩搭配等方法进行了归纳；在Photoshop中对图层的知识、蒙版知识、渐变工具等进行介绍。通过本章的学习，将有助于在以后的设计过程当中系统把握设计方法，以提高设计制作的速度与效率。 本章小结 原色 原色是指不能用其他色混合而成的颜色。而原色则可以混合出许许多多其他的色彩。在依顿色相环中红、黄、蓝为三原色，他把这三种原色的标准定为： 　　红：不带蓝也不带黄味的红色。 　　黄：不带绿也不带红味的黄色。 　　蓝：不带绿也不带红味的蓝色。 　　间色 由任意两个原色混合后的色被称为间色。那么，三原色就可以调出三个间色来。它们的配合如下： 　　红+黄=橙 　　黄+蓝=绿 　　蓝+红=紫 　　以上原色色像混合所得的橙、绿、紫既是我们所说的间色。 　　复色 由一种间色和另一种原色混合而成的色，被称为复色。复色的配合如下： 　　黄+橙=黄橙 　　红+橙=红橙 　　红+紫=红紫 　　蓝+紫=蓝紫 　　蓝+绿=蓝绿 　　黄+绿=黄绿 　　所得得六种复色为：黄橙、红橙、红紫、蓝紫、蓝绿、黄绿。 　　这样由原色、间色、复色组成了一个有规律的12种色相的色相环，如同彩虹的接续，在这个色相环中，每一种色相都有它自己相应确定的位置。 * 6 对比构成 2. UI设计中实用的构成方法 对比构成：由性质相反的形态要素并置而形成的视觉效果强烈、鲜明的排列组合。 7 密集构成 2. UI设计中实用的构成方法 密集构成：由基本形的集合成为视觉焦点，与散布的基本形形成数量上的多与少，形态上的疏与密，感觉上的实与虚的对比效果，产生凝聚、分散、排斥、吸引的节奏感而形成。 8 自由构成 自由构成：是一种比较自由的组合构成形式。它是由基本形的随意排列为主，没有定律和规律可循。 3. UI设计中实用的色彩搭配技巧 七秒钟定律 UI常见的三元素：文字、图案、色彩 远看看色彩，近看看图案，细看看文字 1 2 3 4 5 UI设计中的设计方法 UI设计中实用的构成方法 UI设计中实用的色彩搭配技巧 UI设计风格  能力拓展  3. UI设计中实用的色彩搭配技巧 色彩的基本理论 1 五色观：青、赤、黄、白、黑 战国时期 七色：红、橙、黄、绿、青、蓝、紫 17世纪牛顿 颜色是光刺激眼睛，然后蔓延到大脑的视觉中心，并产生感觉 3. UI设计中实用的色彩搭配技巧 1 色彩的三属性 色相：是色彩的相貌，是用来区分颜色的一个重要标准。 色相、明度、纯度 6个基本色相：红、橙、黄、绿、蓝、紫 不同颜色给人带来不同感觉： 黄-------温暖 蓝-------冷 绿-------柔软 3. UI设计中实用的色彩搭配技巧 明度：指色彩显示的明暗程度。 白色 黄色 蓝色 黑色 高 低 取决于黑色和白色的成分含量 清新、充满活力 厚重、沉稳 3. UI设计中实用的色彩搭配技巧 纯度：指色彩的纯净、饱和的程度。 原色 间色 复色 高 低 鲜艳、兴奋 灰暗、含蓄 （红黄蓝） （橙绿紫） （黄橙、红橙、红紫、蓝紫、蓝绿、黄绿） 3. UI设计中实用的色彩搭配技巧 2 色彩的冷暖 冷色和暖色是一种色彩感觉。 冷色和暖色没有绝对的区分，在比较中才存在冷暖。 暖色系 冷色系 中性系 温暖、强烈、扩张 温柔 （红黄色系） （蓝紫色系） （绿色系） 寒冷、平静、收敛 3. UI设计中实用的色彩搭配技巧 2 色彩的分类 分类：有彩色系、无彩色系、土色系和极色系 有彩色系：包括光谱中可见的全部色彩 无彩色系：包括由黑、白和黑白之间的所有灰色所构成的色系，只有明度上的变化而没有色相与纯度的性质。 土色系：包括土色、咖啡色、土黄等色系，都是光谱上没有的混