UI设计(全彩慕课版)
认识UI设计/ 11.1UI设计概述/21.1.1什么是UI设计/ 21.1.2UI设计的用户体验/ 41.1.3UI设计的常用工具/ 61.2UI设计的运用/81.2.1移动App界面设计/ 81.2.2网页界面设计/ 91.2.3游戏界面设计/ 101.2.4应用软件界面设计/ 111.3UI设计的发展趋势/111.3.1人工智能产品界面设计/ 111.3.2AR产品界面设计/ 121.3.3VR产品界面设计/ 131.4UI设计的原则/131.4.1适用性/ 131.4.2规范性/ 141.4.3易操作性/ 151.4.4统一性/151.4.5层级性/161.5UI设计的流程/171.5.1分析设计需求/171.5.2明确视觉定位/171.5.3绘制原型图/181.5.4绘制效果图/191.5.5标注与切图/201.6项目实训/21项目一 天气类应用软件界面的素材搜集与制作/21项目二 分析大型网络游戏界面的UI设计原则/22思考与练习/ 23第 2章UI设计要素/ 242.1点、线、面/252.1.1点/252.1.2线/262.1.3面/272.1.4分析案例——“网易云音乐”App播放页界面分析/282.2色彩/292.2.1色彩的属性/292.2.2色彩的对比/312.2.3主色、辅助色与点缀色/322.2.4UI设计中常见的色彩搭配/332.2.5分析案例——对“普通话学习”App界面进行色彩分析/342.3字体/352.3.1UI设计常用字体类型/352.3.2UI设计字体规范/372.3.3UI设计中的字体排版/392.3.4设计案例——小游戏App界面中的文字设计/402.4风格/442.4.1界面风格的设计要点/442.4.2界面常见的设计风格/442.4.3设计案例——插画风格的网站登录界面设计/462.5项目实训/53项目一 分析网站首页的UI设计/53项目二 设计读书App启动页界面/54思考与练习/ 54第3章UI设计规范/563.1了解UI设计规范/573.1.1UI设计规范的原则/573.1.2UI设计规范包括的 内容/583.2不同操作系统的UI设计规范/603.2.1iOS的UI设计规范/603.2.2Android操作系统的UI设计规范/613.2.3Windows操作系统的UI设计规范/633.3UI设计的图片规范/633.3.1图片的格式/643.3.2图片的使用规范/643.4项目实训——分析某App界面中的UI设计规范/65思考与练习/ 66第4章UI设计布局与构图/ 674.1UI设计的布局元素/684.1.1留白/684.1.2视觉层次/704.1.3分析案例——分析“佰草集”官方网站界面的布局元素/724.2UI设计的布局原则/734.2.1对齐原则/734.2.2对比原则/744.2.3重复原则/754.2.4平衡原则/754.2.5节奏与韵律原则/764.2.6分析案例——分析手机App界面的布局原则/774.3UI设计的构图方法/784.3.1平衡构图/784.3.2放射式构图/794.3.3九宫格构图/804.3.4三角形构图/814.3.5F形构图/814.3.6S形构图/824.3.7设计案例——用三角形构图设计App登录界面/824.4项目实训/86项目一 分析“自然堂”官方网站界面的布局与构图/86项目二 设计App引导页界面/88思考与练习/89第5章网页界面设计/ 915.1认识网页界面/925.1.1网页界面的组成/925.1.2常见的网页界面布局方式/945.1.3网页界面的设计要求/965.2网页界面Logo和按钮设计/965.2.1Logo设计标准与样式/975.2.2按钮的类型和特点/985.2.3设计案例——设计旅行网Logo/985.2.4设计案例——设计网页登录按钮/1035.3网页界面设计/1055.3.1网页首页界面的主要功能/1055.3.2网页内页界面设计的注意事项/1065.3.3设计案例——制作网页首页界面/1065.3.4设计案例——制作网页内页界面/1125.4项目实训——设计“多肉微观世界”登录页界面/114思考与练习/116第6章App界面设计/ 1186.1认识App界面/1196.1.1App基本界面构成/1196.1.2App界面布局形式/1206.1.3App界面设计要点/1256.2App界面图标设计/1256.2.1认识App界面图标/1256.2.2App界面图标类型/1266.2.3App界面图标设计要点/1276.2.4设计案例——设计“书画应用”2.5D图标/1296.3App首页界面设计/1336.3.1App首页界面类型/1336.3.2App首页界面设计要点/1356.3.3设计案例——设计美食App首页界面/1366.4App列表页界面设计/1426.4.1App列表页界面类型/1426.4.2App列表页界面设计原则/1426.4.3设计案例——设计美食App列表页界面/1436.5App其他界面设计/1466.5.1App其他界面类型/1466.5.2设计案例——设计美食App关注页界面/1476.5.3设计案例——设计美食App个人中心页界面/1506.6项目实训——设计旅游App搜索页界面/154思考与练习/155第7章界面的标注、切图与动效制作/ 1577.1界面的标注/1587.1.1界面标注的作用/1587.1.2界面标注的内容/1587.1.3界面标注的规范/1607.1.4界面标注的常用工具/1617.1.5设计案例——标注App首页界面/1617.2界面的切图/1677.2.1切图的原则/1677.2.2切图的要点/1677.2.3切图的命名规则/1687.2.4设计案例——对App首页界面进行切图/1697.3界面的动效制作/1717.3.1界面动效的作用/1727.3.2界面动效的类型/1727.3.3设计案例——制作加载动效/1737.4项目实训——标注App关注页界面/180思考与练习/182第8章综合案例——电商主题界面设计/ 1838.1家居网案例分析/1848.1.1家居网项目定位/1848.1.2家居网设计思路/1858.1.3绘制家居网界面原型图/1868.2家居网界面设计/1888.2.1设计家居网Logo/1888.2.2设计家居网首页界面/1898.2.3设计家居网内页界面/1958.3家居网App界面设计/1988.3.1设计家居网App首页界面/1988.3.2设计家居网App发现页界面/2018.3.3设计家居网App详情页界面/2028.3.4设计家居网App商品结算页界面/2048.3.5设计家居网App个人中心页界面/2068.3.6设计家居网App登录页界面/208思考与练习/209