从零开始学UI设计:思路与技法

本书特色

[

本书在全面介绍UI设计基础知识、设计流程与策略的基础之上，从临摹图标到原创图标，再到GIF动画、插画等UI中**的基础技能，都进行详细的讲解。本书语言风趣，通俗易懂，书中每一个案例都侧重设计思路的讲解，不是机械地讲解怎样做，而是给读者点拨设计思路和技巧，告诉大家设计时如何思考，如何谋划。

本书适合UI设计爱好者自学，也可作为高等院校与培训机构平面设计、网页设计、游戏设计以及相关专业的教材和参考书，还可以作为设计人员以及相关从业人员的参考用书。

]

内容简介

[

本书在全面介绍UI设计基础知识、设计流程与策略的基础之上，从临摹图标到原创图标，再到GIF动画、插画等UI中推荐的基础技能，都进行详细的讲解。本书语言风趣，通俗易懂，书中每一个案例都侧重设计思路的讲解，不是机械地讲解怎样做，而是给读者点拨设计思路和技巧，告诉大家设计时如何思考，如何谋划。
本书适合UI设计爱好者自学，也可作为高等院校与培训机构平面设计、网页设计、游戏设计以及相关专业的教材和参考书，还可以作为设计人员以及相关从业人员的参考用书。

]

目录

第1章 UI介绍1.1 什么是UI 11.2 UI设计师就业前景 21.3 UI设计的思路/遵循原则 4第2章图标设计基础2.1 图标的概念 82.2 图标的分类 92.2.1 启动图标 92.2.2 功能图标 92.3 图标设计原则 102.3.1 识别性原则 102.3.2 统一性原则 112.3.3 差异性原则 122.3.4 原创图标 132.3.5 “潜规则” 142.4 常见图标设计风格 142.4.1 剪影图标 142.4.2 扁平图标 162.4.3 微扁平和轻写实图标 172.4.4 写实风格图标 172.5 图标网格系统 18第3章图标设计进阶3.1 启动图标 213.1.1 启动图标的灵感来源 223.1.2 常见的几种启动图标设计手法 243.2 功能图标的灵感来源 263.2.1 吉祥物 273.2.2 启动图标特征 283.2.3 VI色 293.2.4 直接引用 293.3 建立统一风格的图标 303.3.1 描边样式 303.3.2 色值 313.3.3 圆角半径 323.3.4 图标大小 323.3.5 使用相同的元素 323.3.6 其他细节 333.4 字体图标 333.4.1 什么是字体图标 333.4.2 如何绘制字体图标 343.5 评估图标的设计质量 393.5.1 识别性 393.5.2 统一性 403.5.3 吸引力 40第4章图标设计实战4.1 PS中的设置 414.1.1 工具设置 414.1.2 单位与标尺 424.1.3 对齐边缘 424.1.4 钢笔工具 434.1.5 网格和参考线 434.1.6 新建文档 444.2 布尔运算 454.2.1 新建图层 454.2.2 合并形状 454.2.3 减去顶层形状 464.2.4 与形状区域相交 464.2.5 排除重叠形状 464.2.6 合并形状组件 464.3 图标设计流程 474.3.1 设定需求，明确创作方向 474.3.2 头脑风暴，列举关键字 474.3.3 从关键字中联想造型，寻找灵感 474.3.4 手绘草图 484.3.5 软件绘制初稿 484.3.6 确定风格 484.3.7 视觉设计，完善细节 494.3.8 切图输出 504.4 剪影图标的绘制及设计思路 504.5 扁平图标的绘制及设计思路 514.6 微扁平图标/轻写实图标的绘制及设计思路 534.7 写实图标的绘制及设计思路 634.8 节日图标 874.9 关于创作 894.9.1 利用品牌视觉元素 894.9.2 “参考”和“模仿” 894.10 AI导入PS没有虚边 91第5章 UI设计基础5.1 产品思维导图 925.2 主流设计界面介绍 935.3 App页面类型 945.3.1 聚合类 945.3.2 列表类 955.3.3 内容类 955.3.4 功能类 965.4 App包含哪些界面 975.4.1 启动页 975.4.2 引导页 975.4.3 首页 995.4.4 登录/注册 1005.4.5 无数据界面 1005.4.6 出错界面 1015.4.7 反馈界面 1025.5 UI界面设计的布局 1055.5.1 状态栏 1065.5.2 导航栏 1065.5.3 主体内容 1065.5.4 标签栏 1065.5.5 图标设计的规范 1075.6 UI界面设计的字体 1085.7 UI界面设计的间距 1105.7.1 全局边距 1105.7.2 卡片间距 1115.7.3 内容间距 1125.8 UI界面设计的颜色 1135.8.1 通过各类App采集色彩 1135.8.2 通过Dribbble等网站采集色彩 1135.8.3 通过摄影作品采集色彩 1135.8.4 从电影中采集色彩 1155.8.5 提高审美，增强个人赏析力 1165.9 从低保真到高保真 1165.10 UI界面的逻辑关系 1225.11 UI切图规则 1245.11.1 马克鳗 1245.11.2 Parker 1245.11.3 CUTTERMAN—免费的PS切图插件 1245.11.4 Design Mirror—*好用的设计稿手机预览工具 1265.11.5 命名规则 1275.11.6 Android切图 1295.11.7 iOS切图 1305.12 信息架构 1305.12.1 减少目录级数 1325.12.2 功能的排布要有逻辑，分类要清晰，命名要准确、易懂 1325.12.3 减少操作次数、减少界面跳转层级 1325.12.4 操作要顺畅，界面跳转符合用户心理预期 1335.13 视觉层次 1345.14 用户研究 1375.14.1 用户画像 1385.14.2 用户画像制作 1385.14.3 用户讨论 1395.14.4 前期调查 1395.14.5 可行性测试 1405.14.6 大数据分析和用户的反馈 1405.14.7 使用场景 1405.14.8 操作手势 1405.14.9 格式塔心理学 1425.14.10 情感化设计 1445.15 UI交互八原则 145第6章 UI设计进阶6.1 开始做一个产品 1496.2 和甲方斗智斗勇 1506.3 UI设计的思路 1516.3.1 颜色 1526.3.2 字体（以下提到的是都在iPhone 5的尺寸下面设计的字号） 1526.3.3 分割线 1526.3.4 图标 1526.3.5 排版 1536.4 UI设计配色 1536.4.1 UI色彩认知 1536.4.2 配色原则 1546.4.3 App配色欣赏 1556.4.4 配色工具 1556.4.5 颜色搭配6-3-1法则 1566.4.6 推荐几款有用的颜色工具 1576.5 和程序员沟通 1586.6 什么是UX 1596.7 物理尺寸与视觉尺寸 1616.8 视觉对齐与形状 1646.9 视觉圆角 167第7章 UI设计实战7.1 绘制思维导图 1707.2 设计UI低保真界面 1717.3 设计UI高保真界面 175第8章 PS视频时间轴动画8.1 帧的概念 1808.2 视频时间轴面板介绍 1818.2.1 播放控件 1818.2.2 音频播放控制按钮 1818.2.3 设置按钮 1828.2.4 在播放头处拆分 1838.2.5 过渡效果 1838.2.6 当前时间指示器 1848.2.7 时间标尺 1858.2.8 工作区域指示器 1858.2.9 面板选项卡 1868.2.10 向轨道添加媒体 1868.2.11 图层持续时间条 1878.2.12 向轨道添加音频 1878.2.13 时间轴视图缩放控件 1878.2.14 帧速率 1888.2.15 当前时间 1898.2.16 渲染视频 1898.2.17 转为帧动画 1908.2.18 关键帧导航器 1908.2.19 启用/移除关键帧 1908.2.20 折叠/展开图层关键帧选项 1918.3 为什么要做动画？ 1918.4 小汽车动画（位移动画） 1928.5 消失的飞碟（不透明度动画） 1958.6 凹陷的掌印（图层样式动画） 1988.7 loading加载（缩放动画） 2028.8 找找找（蒙版动画） 2048.9 镜头切换（过渡动画） 2088.10 播放器动画（综合案例） 2108.10.1 思路构想 2108.10.2 软件实现 211第9章 PS帧动画9.1 面板介绍 2189.2 “吐司小哥”表情包设计 2199.2.1 思路构想 2199.2.2 软件实现 220第10章 UI设计也要小插画10.1 插画的概念 22610.2 插画灵感的获取 22610.2.1 采集 22710.2.2 重构 22810.3 Adobe Illustrator简介 22810.3.1 工作界面（本文中的AI版本为CC 2018） 22910.3.2 文档新建和输出 22910.3.3 钢笔工具 23110.3.4 剪刀工具 23210.3.5 形状工具 23210.3.6 吸管工具 23210.3.7 混合工具 23310.3.8 渐变工具 23410.3.9 对齐面板 23810.3.10 变换面板 23910.3.11 路径查找器 24110.3.12 图像描摹 24210.3.13 实时上色 24510.4 信手拈来的素材—写生 24610.5 宁波街景—重构在插画中的运用 25910.6 办公室的爱恋—让小插画富有故事性 26210.7 可爱的耳环—重构和写生的结合 26410.8 如何让插画形成系列 27210.8.1 《带你去旅行》 27410.8.2 《小红帽的冰雪之旅》 27510.8.3 《假如我是老板》 27610.8.4 假面骑士Redesign（再设计） 28010.9 对插画的补充 28110.9.1 不可忽视的绘画能力 28110.9.2 练习手绘的好处 28210.9.3 透视 283写在结尾的一些话 286参考文献 288

封面

书名:从零开始学UI设计:思路与技法

作者:沈学渊.陈仕 编著

页数:288

定价:¥128.0

出版社:化学工业出版社

出版日期:2020-06-01

ISBN:9787122355942

PDF电子书大小:99MB 高清扫描完整版