蓝色3D风UI设计培训课程教学

UI设计培训教学奥菲斯设计让设计更简单主讲人：奥菲斯UI设计(或称界面设计)是指多方面的整体设计目录CONTENT01020304UI设计设计的概念UI设计基本概念UI设计类别UI设计模块UI设计模块设计软件UI设计软件PS—UI界面世界设计设计原则设计思维更多设计PS套索工具PS画笔工具设计知识设计原则设计思维设计的概念1.设计行为一种具有美感、使用与纪念功能的造形活动2.艺术创作有目的进行有别于艺术的一种基于商业环境的艺术性的创造活动3.价值创造建立在商业和大众基础之上，从而产生商业价值和艺术价值4.艺术欣赏设计艺术的个人或部分群体性欣赏行为HOMECONTENTWORKEND第一单元UI设计基本概念基本概念：UI设计(或称界面设计)是指多方面的整体设计。探讨本质：通过需求的表层现象去思考本质，了解本质需求后才能够创造出更有价值的UI设计类别01图形设计应用于软件产品的产品"外形界面"设计02交互设计在于设计软件的操作流程、树状结构、操作规范04用户测试通过目标用户问卷等形式衡量UI设计的合理性、美观性03交互规范确立交互模型，交互规范，制定交互上规范文档UI设计模块原型设计原型设计、页面架构、原型绘制UI设计实现标注图例、产品输出展示原始需求梳理产品调研、竞品分析、需求文档视觉设计色彩搭配、动效设计、UI风格户体验设计色彩搭配、动逻辑设计、用户角色分析效设计、UI风格图标设计图标绘画、3D图标、扁平化、拟实化HOMECONTENTWORKEND第二单元PS—UI软件界面设计AIUI图标、ICON设计XD(Sketch)UI设计作图AXUER交互原型图设计AE交互动效设计Axure主要让定义需求和规格、设计功能和界面的专家（产品经理、UI设计师）能够快速创建应用软件或Web站的线框图、流程图、原型和规格说明文档。UI设计软件XDXD的专为UX、UI、原型、交互而生的矢量化图形设计软件，XD做图会非常快，拥有丰富的交互，界面设计规范，是专门为做UI设计工作开发的软件Illustrator主要学习Illustrator常用工具的使用、调和文字工具排版技法、icon设计、软件界面设计、企业徽标设计、更方便地进行UI设计UI设计原则01简易性界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择设计目标一致，元素外观一致，风格一致02一致性03可用性可理解、可达到、可控制在视觉效果上便于理解和使用UI设计原则04安全性用户能自由的作出选择，且所有选择为安全可靠05灵活性方便用户的使用互动多重性，不局限于单一形式06人性化高效率和用户满意度是人性化的体现02正向闭环正向操作流程形成闭环，页面的布局与排版，考虑整个操作是否形成闭环UI设计思维01探讨本质通过需求的表层现象去思考本质，了解本质需求后才能够创造出更有价值的UI设计思维03逆向闭环逆向思维，考虑反向路径来让整个流程真正的形成双向闭环04异常反馈整合所有可能发生异常状态的场景，复盘分析，回顾总结PS套索工具010203套索工具可任意按住鼠标不放并拖动进行选择一个不规则的选择范围，一般对于一些马虎的选择可用。多边形套索工具鼠标在图像上某点定一点，进行多线选中要选择的范围，没有圆弧的图像勾边可以用这个工具，所勾出的选择区域都是由多条线组成的。磁性套索工具不须按鼠标左键而直接移动鼠标，在工具处会出现自动跟踪的线，这条线总是走向颜色与颜色边界处，边界越明显磁力越强矩形选框工具鼠标在图像上某点定一点，进行多线选中要选择的范围，没有圆弧的图像勾边可以用这个工具，所勾出的选择区域都是由多条线组成的。04PS裁剪工具010203裁剪工具在画布上点击一次创建一个起始锚点，再次点击创建下一个锚点，直线会自动连接这两个锚点。如果需要绘制横平竖直的直线，可以在绘制时按住Shift键透视裁剪工具点击拖拽鼠标可以画出流畅的线条路径。右击路径，选择画笔勾选模拟压力（需先设置好画笔大小、硬度等）。切片工具将一张完整的图片切割成多个部分，并保存为【web所用格式】，选择【JPEG】图片类型，便于电商详情页或页设计。切片选择工具在切片基础上进行顶层、前移、后移、置底等操作，选中后拖动，调整大小用鼠标拖动切片的边缘或角落，右键选择“划分切片”进行进一步分割04PS画笔工具050607铅笔工具可以用来绘图及画线条等它与画笔不同之处是所画出的线条没有蒙边。画笔工具绘出边缘柔软的画笔效果,画笔的颜色为工具箱中的前景色运用非常广泛，鼠绘爱好者可以用来绘画。混合器画笔工具可以混合画布上的颜色笔刷上的颜色，也可以改变笔刷的湿度以模拟真实绘画的感觉。颜色替换工具在菜单栏中选择“图像”>“调整”>“替换颜色”，在弹出的对话框中，使用吸管工具点击需要替换的颜色，通过调整颜色容差来控制选择范围的大小。08可绘出边缘柔软的画笔效果,画笔的颜色为工具箱中的前景色。运用非常广泛，鼠绘爱好者可以用来绘画