《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门.pptxVIP

SummaryOfMacaronsColorMatchingWork第1章UI快速入门1《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

章前导读随着UI设计行业在全球的兴起和迅猛发展，国内外众多大型IT企业（如百度、腾讯、微软、苹果等）均已成立专业的UI设计部门，这使得UI设计人才的需求量逐年增加，UI设计行业的前景也一片光明。本章首先介绍UI设计的基础知识和工作流程，介绍UI设计的风格、色彩搭配和文字运用，最后介绍UI设计的行业发展和学习UI设计的方法，以帮助读者快速了解UI设计，为今后的设计之路打下坚实的基础。022《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

ReviewOfWorkContent学习目标?了解UI设计的分类和常用软件?了解UI设计的工作流程?了解UI设计的风格掌握UI设计中色彩和文字的运用技巧?了解UI设计的行业发展掌握UI设计的学习方法3《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

第1章UI快速入门1.11.21.31.41.51.61.7如何学习文字的运用行业发展概述工作流程风格色彩搭配4《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

1.1UI设计概述UI即userinterface的简称，泛指用户界面，是系统和用户交互的媒介。优秀的UI设计不仅美观，还能在实际应用中体现严密的逻辑性，让用户操作起来得心应手。5《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

01用户研究：用户研究包括两方面内容：一是研究用户的喜好和使用习惯，使界面更易于用户使用、学习和记忆，以提高产品的可用性；二是通过发掘用户的潜在需求，为技术创新提供新的思路和方法。02交互设计：交互设计主要研究用户在和产品的交互过程中的心理模式和行为模式。03界面设计：界面设计又称视觉界面设计，主要指界面外观的设计。1.1.1从广义上来说，UI设计包括以下三方面内容6《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

1.1.2UI设计的分类根据载体的不同，可以把UI设计分为移动UI设计、PC端UI设计、其他UI设计三大类。移动UI设计：是针对移动设备（手机、平板电脑、智能手表等）的界面设计，如图1-1所示。移动设备的系统和型号繁多，设计时要遵守一定的设计规范，优先考虑界面和图标的适配问题。7《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

图1-1App界面和智能手表界面8《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

PC端UI设计：是针对电脑的界面设计。PC端UI设计主要包括网页设计和应用软件的界面设计，如图1-2所示。PC端屏幕尺寸大，设计规范较少，视觉效果更突出。软件界面网页界面9《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

其他UI设计：受界面载体的形状、尺寸和技术等因素限制，此类发展较慢，载体通常是一些小众或目前正处于发展阶段的智能设备，如车载设备、VR（虚拟现实技术）设备、AR（增强现实技术）设备、智能电视等。如图1-3所示为车载设备的界面。图1-3车载设备的界面10《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

1.1.3UI设计的常用软件“工欲善其事，必先利其器”。要做好UI设计，常用的工具软件是必须掌握的，下面介绍几个UI设计常用软件，如图1-4所示。PhotoshopAxureRPSketchIllustratorAfterEffects图1-4UI设计常用软件11《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

1.2UI设计的工作流程一个项目从启动到上线，一般需要经历策划设计、开发测试和运营维护等环节，它们由产品部门、设计部门、开发部门、测试部门、市场部门和运营部门协作完成。UI设计介于策划设计和开发测试之间，主要负责视觉设计和一些简单的交互设计，如图1-5所示。1-5产品开发的流程12《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

下面从UI设计师的角度，简单介绍一下其工作流程。步骤1需求梳理和分析。步骤3制作关键界面线框图。步骤2寻找灵感，收集素材。步骤4关键界面视觉设计。步骤5制作全部界面线框图。步骤7标注切图，对接前端。步骤6全部界面视觉设计。步骤8项目跟进与总结。13《UI视觉设计案例教程》PPT课件(共6章)第1章-UI快速入门

1.3UI设计风格