UI界面设计（第3版）全套PPT课件.pptx

第1章 UI界面设计相关知识;;;;UI的本意是用户界面 是英文用户User和 界面Interface的缩写。;界面设计的内容包括：图形、文字、色彩、编排，使界面起到美化效果的作用。需要研究用户需求，研究目标用户。 ;2. UI设计的流程;3. UI界面设计的规范;Company Logo;UI界面设计视觉规范的构成;;Thank You !;第2章 UI界面设计的常用方法;;;;（1）突变方法论 （2）信息方法论 （3）系统方法论 （4）离散方法论 （5）智能方法论 （6）控制方法论 （7）对应方法论 （8）优化方法论 （9）寿命方法论 （10）模糊论方法 （11）艺术方法论;2. UI界面设计中实用的构成方法;统一总是和变化同时存在的。变化是各组成部分的区别， 统一是这些有变化的各部分经过有机的组织，使其从整体到得到 多样统一的效果. 对比：将不同的形态、色彩、或质感、大小等要素组合起来，突出个性，使用多种要素之间造成极大差异。 调和：在不同的造型要素中强调其共性，达到协调即为调和。 有韵律的构成具有积极的生气，有加强魅力的能量。  ;秩序构成;3. UI界面设计中实用的色彩搭配技巧;原色 无法用其它颜色调配出的颜色 红 黄 蓝 间色 两种原色混合所得出的颜色 橙 绿 紫 复色 三种原色和两种以上的间色按比例调配出的颜色 固有色 物体所固有的颜色 光源色 光照本身的颜色 环境色 物体所处环境的色彩对物体所产生的影响 补色 色相环上直径两端正对的颜色被称为互补色 ;无彩色;色彩的三属性;明度:色彩的明暗程度;纯度(彩度) :色彩的鲜艳程度用数值表示色的鲜艳或鲜明的程度;3. UI界面设计中实用的色彩搭配技巧;;5.能力拓展;Thank You !;第3章 UI设计的配色方法;结构 当你去处理一个复杂图形的时候，把它拆解 成简单的几何图形最容易理解，和控制。;我们是在二维世界里，去表现三维世界的空间。 所以理解了结构，就能理解很多其他东西。;也需要学习和了解透视原理;色彩原理：;3.1.1　色彩的基本理论;色彩的三属性：;UI 设计中国最常用的颜色模式就是:RGB与CMYK。;3.1.3　色彩的分类; ;3.2 色彩搭配 ;;界面中橙色的色彩情感;拓展阅读：精选国外以黄色调为主的网页设计欣???/uimakerhtml/uidesign/web/2020/1116/141767.html;;;;;;3.2.2 色彩搭配方法;3.2.3 色彩搭配的其他原则;;Thank You !;第4章 UI设计的常用工具;多才多艺的设计师就像一线城市的房价，尽管开价很高但还是供不应求。 学艺不精的设计师就像十八线城市的房价，在一路下跌的颓势再也硬不起来。 核心技能点是人才流通市场上永远的硬通货。;软件基础;Diagram;;;1.选区工具 2.选择菜单>色彩范围 3.路径描绘 4.通道;1.画笔调板的设置 2.颜色的选择 3.定义画笔 4.载入画笔;直径：设置笔刷大小 喷枪：按下此按钮后画笔的使用具有喷枪的属性，只要打开喷枪（按下鼠标左键）涂料一直喷出，颜色会越来越浓。;画笔调板：【窗口】/【画笔】（F5） ;画笔初始形状直径：设置画笔的大小尺寸 角度：设置画笔的旋转角度圆度：设置画笔的高度缩放比例硬度：设置画笔的边缘属性，数据越大边缘越硬，数据越小边缘越羽化、间距：设置点之间的距离。;形状动态属性;散步属性：控制画笔偏离鼠标移动路径的程度;双重画笔：用于将另外一种画笔叠加在当前画笔上。 色彩动态属性：用于控制色彩在前景色背景色之间变化属性 其他动态属性 不透明度、流速波动：控制色彩浓度波动。 控制方式：选项同前。渐隐方式指在一定距离内色彩浓度波动至透明。 杂点：勾选后为笔刷增添杂点。 湿边：勾选此项画笔具有中间浓度淡，边沿浓度深效果，铅笔不具备此项。 喷枪：同属性栏上喷枪。 平滑：勾选此项可以使画笔边缘较平滑。 保护纹理：选择此项可以确保使用复位画笔命令时当前画笔纹理保持不变;界面设计的常用工具-Illustrator;界面设计的常用工具-Illustrator;界面设计的常用工具-Illustrator;界面设计的常用工具-Illustrator;教学内容讲解及示范 1、初识illustrator与缩放工具练习 2、抓手工具练习 3、选择工具以及直接选择工具 4、线性工具和形状工具;对象的基础操作; 使用移动工具，然后按住ALT键拖动复制，同PS;界面设计的常用工具-Illustrator;界面设计的常用工具-Illustrator;;;所有形状除光晕工具外有都具有外观属性（填色、描边、不透明度）;作业：使用正圆、正多边形为基本图形各绘制以下界面;课堂演练实例;拓展分享：介绍一些