术与道 移动应用UI设计必修课

术与道移动应用UI设计必修课读书笔记模板01思维导图读书笔记作者介绍内容摘要目录分析精彩摘录目录0305020406思维导图设计必修课设计方法移动读者相关应用设计图标系统图片栏方法标签像素控件列表界面本书关键字分析思维导图内容摘要内容摘要这是一本系统介绍移动设计知识的书籍，全书分为上下两篇，上篇为术之篇，主要讲解了移动应用设计相关的基础知识。通过基础知识的学习，使大家了解手机屏幕显示的原理及各种手机硬件的传感器使用方法。通过讲解基本的设计规范及图标设计方法，使读者初步掌握移动应用设计知识。下篇为道之篇，是进阶应用设计知识，详细讲解了从如何组建设计规范，到各种组件的功能介绍及应用设计方法，使读者完整掌握移动应用的设计方法和流程。本书通过大量的案例演示，使读者可以灵活运用设计方法理论。本书适合想要从事和已经从事UI设计行业相关工作的读者学习使用，也可以作为高校平面设计和页设计等相关专业和相关培训机构的教学参考书。读书笔记读书笔记适合刚入门，想了解ui设计的人入门读物。于振华前辈从事ui行业十余年，把自己所有的经验和知识倾注在术与道这本书中，干货满满。目录分析1.1什么是UI设计1.2什么是App1.3智能手机的屏幕1.4点密度与像素密度01术之篇基础知识1.5常见手机屏幕规格1.7智能手机的传感器1.6iPhone6Plus的屏幕01术之篇基础知识1.1什么是UI设计1.1.1UI的相关概念1.1.2UI的学习方法1.2什么是App1.2.1App的概念1.2.2App的开发流程1.3智能手机的屏幕1.3.1英寸（Inch）1.3.2像素（Pixel）1.3.3分辨率（Resolution）1.4点密度与像素密度1.4.1点密度（DPI）1.4.2像素密度（PPI）1.4.3DPI与PPI1.4.4逻辑分辨率与像素倍率1.4.5视膜屏幕1.5常见手机屏幕规格1.5.1热门手机规格1.5.2热门手机分辨率1.7智能手机的传感器1.7.1摄像头1.7.2麦克风1.7.3GPS1.7.4电子罗盘1.7.5重力感应器1.7.6加速度传感器1.7.7光线传感器1.7.8距离传感器1.7.9气压传感器2.1风格2.2颜色2.3如何选择颜色2.4字体02术之篇设计风格2.1风格2.1.1什么是设计风格2.1.2如何确立设计风格2.2颜色2.2.1认识色彩2.2.2RGB与HSB2.2.3颜色搭配基础2.3如何选择颜色2.3.1常见App的颜色2.3.2颜色的性格2.4字体2.4.1衬线体和无衬线体2.4.2系统内置字体2.4.3什么时候选择内嵌字体2.4.4如何使用内嵌字体3.1App图标特点3.2App图标设计流程3.3App图标设计方法3.4iOS图标规范3.5Android图标规范3.6设计线性图标01030204050603术之篇图标与图片3.8图片的使用3.7像素对齐03术之篇图标与图片3.1App图标特点3.1.1独特的图形3.1.2表意准确3.1.3谨慎用色3.1.4避免使用大量文字3.1.5避免使用照片3.1.6适应不同场景3.2App图标设计流程3.2.1第一步：寻找隐喻3.2.2第二步：抽象图形3.2.3第三步：竞品分析3.2.4第四步：确定风格3.2.5第五步：调整细节3.2.6第六步：场景测试3.3App图标设计方法3.3.1正负形组合3.3.2折叠图形3.3.3局部提取3.3.4线性图标3.3.5透明渐变3.3.6色块拼接3.3.7图形复用3.3.8背景组合3.4iOS图标规范3.4.1iOS图标适配3.4.2iOS图标标准3.5Android图标规范3.5.1Android图标适配3.5.2图标的视觉统一3.5.3Android图标标准3.6设计线性图标3.6.1线性图标的风格3.6.2线性图标的绘制方法3.7像素对齐3.7.1像素为什么要对齐3.7.2像素如何对齐3.7.3像素缩放的对齐3.7.4像素对齐的微调3.8图片的使用3.8.1矢量图与位图3.8.2图片的格式3.8.3图片的使用3.8.4图片的存储3.8.5图片的比例4.1栏4.3临时视图4.2内容视图04术之篇iOS系统界面4.1栏4.1.1状态栏4.1.2导航栏4.1.3标签栏4.1.4工具栏4.2内容视图4.2.1表格视图4.2.2文本视图4.2.3Web视图4.3临时视图4.3.1对话框4.3.2操作列表5.1导航机制5.2界面布局5.3消息推送5.4操作方式5.5Android系统的插件1234505术之篇Android系统界面5.1导航机制5.1.1硬件特性5.1.2iOS导航机制5.1.3Android导航机制5.2界面布局5.2.1结构差异5.2.2操作栏5.2.3多任务5.3消息推送5.3.1推送方式5.3.2通知方式5.4操作方式5.4.1编辑5.4.2选择5.4.3复制粘贴5.4.4删除5.5Android系统的插件5.5.1桌面插件5.5.2设计趋势6.1组建规范6.3文字规范6.2颜色规范06道之篇建立规范6.5图片规范6.4布局06道之篇建立规范6.1组建规范6.1.1设计规范的目的6.1.2规范的组成6.2颜色规范6.2.1为什么选择HSB6.2.2创建调色板6.2.3调色板应用6.3文字规范6.3.1iOS系统6.3.2Android系统6.3.3系统字号6.4布局6.4.1框架6.4.2顶部导航栏6.4.3顶部标签栏6.4.4底部标签栏6.5图片规范6.5.1用户头像6.5.2商品图片6.5.3无数据图片7.1控制元素7.2筛选器7.3表单控件7.4按钮规范7.5其他组件1234507道之篇设计组件7.1控制元素7.1.1活动指示器7.1.2进度指示器7.1.3页码控制器7.1.4刷新控件7.1.5滑动器7.1.6开关7.1.7步进器7.2筛选器7.2.1选择器7.2.2日期时间选择器7.2.3分段控件7.2.4选项卡7.2.5排序7.2.6地区选择7.3表单控件7.3.1单选框7.3.2复选框7.3.3文本框7.3.4下拉框7.3.5表格7.4按钮规范7.4.1背景+文字7.4.2背景+图标7.4.3图标+文字7.4.4文字7.5其他组件7.5.1加载更多7.5.2非模态浮层7.5.3模态浮层8.1扁平导航8.2内容主导式导航8.3列表式导航8.4其他导航08道之篇导航设计8.1扁平导航8.1.1标签导航8.1.2舵式导航8.1.3宫格式导航8.2内容主导式导航8.2.1陈列式导航8.2.2旋转木马式导航8.3列表式导航8.3.1列表式8.3.2抽屉式8.4其他导航8.4.1点聚式导航8.4.2瀑布式导航9.1首页9.2列表页9.3详情页9.4个人中心09道之篇界面设计9.6引导页9.5启动页09道之篇界面设计9.1首页9.1.1搜索栏9.1.2标签栏9.1.3卡片式设计9.1.4楼层设计9.2列表页9.2.1消息列表9.2.2横向卡片9.2.3瀑布流9.3详情页9.3.1全局按钮9.3.2快速通道9.4个人中心9.4.1头像区域9.4.2个人信息9.4.3功能模块9.5启动页9.5.1品牌宣传类9.5.2首页样式类9.5.3情感故事类9.5.4节日氛围类9.6引导页9.6.1功能介绍类9.6.2使用说明类9.6.3情感故事类10.1iOS系统适配10.3iOS系统适配Android系统10.2Android系统适配10道之篇设计适配10.4标注设计10.6切图10.5点九图10道之篇设计适配10.1iOS系统适配10.1.1设计基准10.1.2设计适配10.1.3适配规则10.2Android系统适配10.2.1密度独立像素10.2.2设计基准10.2.3适配方法10.3iOS系统适配Android系统10.3.1设计目的10.3.2换算关系10.3.3适配方法10.4标注设计10.4.1标注基准10.4.2标注方法10.5点九图10.5.1什么是点九图10.5.2如何制作点九图10.6切图10.6.1界面切图10.6.2图标切图10.6.3命名规则11.1为什么使用手势11.3手势设计禁忌11.2常用手势操作11道之篇手势应用11.2常用手势操作11.2.1单击11.2.2双击11.2.3上下滑动11.2.4左右滑动11.2.5拖曳11.2.6张开/闭合11.2.7长按11.2.8摇晃11.