UI设计项目教程 课件 学习单元1 项目二：草图绘制

学习单元1——岗前培训.UI设计项目教程机械工业出版社单元概述

UI设计是对软件的人机交互、操作逻辑、界面美观的整体设计，它包含了交互设计和视觉设计2个方面。本学习单元的项目1入职体验能够使学生对UI设计的工作内容形成整体的概念，再通过项目2UI设计草图绘制让学生学习自由手绘，提高学生的设计能力，并初步掌握UI设计师在进行设计时所必备的知识，打号基础。学习目标

1．了解UI设计的概念、UI设计师的工作流程、相关岗位及行业前景2．说出设计前期准备包含的内容3．能够根据设计要求绘制设计草图UI设计草图绘制项目2.Two项目描述

E-Design设计公司近期承接“怪物总动员”系列手机图标的设计项目。此项目是以电影《怪物总动员》中的人物为设计依据，设计面向青年人的一款手机图标应用。需要设计的图标属于应用程序类图标，风格要求有创意，凸显一定的新意。单击图标后会进入程序的欢迎页面。经过例会讨论，项目总监将任务分配给β小组，由Amy负责，助理设计师Sunny辅助Amy完成该项目。

在了解该项目的需求后，β小组根据项目要求如类型、尺寸、风格等，提炼出关键词及特征，接下来完成草图与矢量图的绘制，最后调整细节与整体平衡。1．核对分析项目需求查看文案文档需求，确定主题颜色、尺寸及开发标准等，重点从客户需求、产品需求和风格需求3个方面进行项目需求分析。2．收集资料，分析电影人物设计1）查找电影人物素材，分析人物性格特征。2）确定图标风格、按钮形态、元素大小。3．手绘工具准备1）铅笔：绘图铅笔的种类很多，一般根据铅芯的软硬不同而分类，B表示较软而浓，H表示轻淡而硬，HB表示软硬适中。2B及以上的较软绘图铅笔经常用于绘制徒手方案草图，自动铅笔亦可。2）签字笔（水性笔）：建议选择笔芯直径为0.7、0.5、0.3的签字笔各若干个，它是以后设计时常用的草图速写表现工具，可以购买专用笔芯以节约成本。3）辅助绘图工具：橡皮、素描纸、圆规一只（最好是能夹铅笔的那种）、直尺、削笔刀、PdTools笔记本（ICON图标标准辅助线草稿笔记本）。UI设计项目教程任务1：绘制前期准备UI设计项目教程任务2：设计草图绘制草图绘画技法1.在手绘表现图中，要根据对象的外形、材质等特征，有规律地排列线条，正确表达明暗，学会利用多种辅助工具画出理想形象。2.做到心中有数再动手，先从视觉重心着手，详细刻画，注意物体的质感表现，光影表现。笔触变化方面，不要平涂，要由浅到深刻画，注意虚实变化。3.起稿时分为徒手线和工具线。徒手线生动、用力微妙，可表现复杂、柔软的物体；工具线规则，宜于表现大块面积和平整、光滑的物体，在表现图形轮廓时可利用直尺、曲线尺、圆规等辅助工具。UI设计项目教程任务2：设计草图绘制UI设计项目教程任务2：设计草图绘制UI设计项目教程任务2：设计草图绘制UI设计项目教程任务2：设计草图绘制UI设计项目教程必备知识形体塑造常识光是形体塑造的基础。学习光的主要目的是要把光运用到设计当中，使物体的表现更加完美。1.立体塑造物体受光后被分为3个明暗区域：亮面、灰面、暗面，也就是生活中常说的“黑、白、灰”。亮面，指受光线照射较充分的一面；暗面，指背光的一面；灰面，指介于亮面与暗面之间的部分。把握住这三大面的明暗基本规律，就能比较准确地分析和表现物体的复杂形体变化和细节，使画面显现出立体感和空间感。2.细节层次物体受光所反射出的光的数量，也就是面的深浅程度。物体结构的起伏变化具有一定的规律性，形成错综