VIP会员
内容简介
本书使用理论知识与操作案例相结合的教学方式，通过39个实际设计案例介绍了App UI设计基础、App UI光影设计、App UI字体设计、App UI简约ICON设计、App UI三维ICON设计、App UI多样图形设计、App UI控件设计、App UI基础界面设计、App UI导航列表设计等内容。为方便读者使用本书，编者还为本书录制了教学，读者扫码本书的二维码即可直接观看，大幅提率。 本书由一线设计师精心编撰，图文并茂，步骤详尽，实例丰富，尤其适合想从事UI设计的新手快速上手，也可以作为培训机构或大专院校相关专业的教学用书。
目录
目 录 第1章 App UI设计基础 11.1 App UI设计概述21.1.1 什么是UI设计21.1.2 什么是App UI设计21.1.3 App UI设计技术 41.2 Phtoshop软件的基本操作61.2.1 安装、卸载、启动和退出Photoshop61.2.2 图形图像文件的基本操作71.3 Photoshop系统界面调整121.3.1 界面组成121.3.2 调整界面161.4 App UI界面设计团队与流程161.4.1 App界面设计者与产品团队 161.4.2 App界面设计与项目流程 171.4.3 视觉设计181.5 App UI界面设计理论181.5.1 用户操作习惯 181.5.2 界面布局 191.5.3 操作简单 231.5.4 在操作方式上创新 241.5.5 在设计中投入情感 241.5.6 App UI的配色理论 241.6 App UI界面设计技巧271.6.1 完整的App UI 设计流程271.6.2 图标设计流程301.6.3 让图标更具吸引力30第2章 App UI光影设计322.1 UI设计师技能之颜色搭配332.1.1 简约配色设计332.1.2 混合设计342.1.3 具体案例 342.2 案例：玻璃质感图标设计352.2.1 设计构思352.2.2 操作步骤362.3 案例：仿真插座设计402.3.1 设计构思402.3.2 操作步骤402.4 案例：木纹质感设计422.4.1 设计构思432.4.2 操作步骤432.5 案例：绚丽光线界面设计572.5.1 设计构思572.5.2 操作步骤58第3章 App UI字体设计623.1 UI设计师技能之文字设计633.1.1 字号设计633.1.2 UI文字设计标准643.2 案例：斜面浮雕字体设计653.2.1 设计构思653.2.2 操作步骤653.3 案例：钻石字体设计693.3.1 设计构思693.3.2 操作步骤693.4 案例：碎裂岩石材质字体设计723.4.1 设计构思 723.4.2 操作步骤73第4章 App UI简约图标设计764.1 UI设计师技能之图标（ICON）设计774.2 案例：图标设计784.2.1 设计构思784.2.2 操作步骤784.3 案例：搜索图标设计804.3.1 设计构思804.3.2 操作步骤814.4 案例：照相机图标设计834.4.1 设计构思834.4.2 操作步骤844.5 案例：闹钟图标设计864.5.1 设计构思864.5.2 操作步骤864.6 案例：简约平面图标整套设计914.6.1 设计构思924.6.2 操作步骤92第5章 App UI三维图标设计995.1 UI设计师技能之三维图标设计1005.1.1 表现形态1005.1.2 图标特1015.1.3 图标设计的构思1015.2 案例：立体日历图标设计1025.2.1 设计构思1025.2.2 操作步骤1025.3 案例：立体录音器图标设计1055.3.1 设计构思1065.3.2 操作步骤1065.4 案例：立体时钟图标设计1085.4.1 设计构思1085.4.2 操作步骤1095.5 案例：立体勾选框图标设计1115.5.1 设计构思1125.5.2 操作步骤1125.6 案例：实体手机设计1145.6.1 设计构思1155.6.2 操作步骤115第6章 App UI多样图形设计1226.1 UI设计师技能之构图技巧1236.1.1 粗细对比1236.1.2 对比1236.1.3 疏密对比1246.1.4 静动对比1246.1.5 中西对比1246.1.6 古今对比1256.2 案例：个二维码扫描图形设计1256.2.1 设计构思1266.2.2 操作步骤1266.3 案例：徽标图形设计1286.3.1 设计构思1286.3.2 操作步骤1296.4 案例：个条形码设计1326.4.1 设计构思1326.4.2 操作步骤1326.5 案例：电影宣传海报设计1346.5.1 设计构思1356.5.2 操作步骤135第7章 App UI按钮设计1387.1 UI设计师技能之按钮设计1397.1.1 关系分组按钮1397.1.2 层级关系1397.1.3 善用阴影1407.1.4 圆角边界1407.1.5 强调1417.1.6 按钮尺1417.1.7 表述必须明确1417.2 案例：立体旋钮设计 1427.2.1 设计构思1427.2.2 操作步骤1427.3 案例：WIFI按钮设计1467.3.1 设计构思1467.3.2 操作步骤1467.4 案例：金属质感按钮设计1507.4.1 设计构思1507.4.2 操作步骤1507.5 案例：音量调节按钮设计1557.5.1 设计构思1567.5.2 操作步骤1567.6 案例：透明界面按钮设计1607.6.1 设计构思1607.6.2 操作步骤1617.7 案例：滑动控件设计1687.7.1 设计构思1687.7.2 操作步骤169第8章 App UI基础界面设计1718.1 UI设计师技能之界面设计1728.1.1 清晰地展现信息层级1728.1.2 采用一致的设计语言1728.1.3 在细节上给予惊喜1738.2 案例：游戏加载界面设计1738.2.1 设计构思1738.2.2 操作步骤1738.3 案例：拨号界面和等待接听界面设计1798.3.1 设计构思1798.3.2 操作步骤1808.4 案例：搜索结果页面设计1858.4.1 设计构思1858.4.2 操作步骤1858.5 案例：个报错页面设计1888.5.1 设计构思1898.5.2 操作步骤189第9章 App UI导航列表设计1949.1 UI设计师技能之交互设计1959.1.1 可视1959.1.2 反馈1959.1.3 限制1959.1.4 映射1969.1.5 一致1969.1.6 启发1969.2 案例：导航栏设计1969.2.1 设计构思1969.2.2 操作步骤1979.3 案例：透明列表页面设计1989.3.1 设计构思1999.3.2 操作步骤1999.4 案例：通话界面设计2049.4.1 设计构思2049.4.2 操作步骤2059.5 案例：食谱小部件页面的设计2079.5.1 设计构思2079.5.2 操作步骤208第10章 App综合案例设计21110.1 案例：引导页面设计21210.1.1 设计构思21210.1.2 操作步骤21310.2 案例：登录/注册界面设计21510.2.1 设计构思21610.2.2 操作步骤21610.3 案例：扁平化选择列表设计21810.3.1 设计构思21910.3.2 操作步骤21910.4 案例：欢迎界面设计22110.4.1 设计构思22210.4.2 操作步骤222
摘要与插图
本章导读
智能手机与以往能手机的大不同在于，它像计算机一样，拥有独立的操作系统，可由用户自行安装第三方应用程序，简称App。这些App通常都会拥有操作界面，或称之为用户界面，即UI（User Interfact），UI设计是指这些界面设计。本章首先介绍App UI设计基础、设计理论及一些设计技巧，以便为后续的App设计打好基础。
关键知识点
App UI设计概念
App UI设计风格
App UI界面布局
App UI设计要求
学习App UI配色
App UI设计流程
设计案例
1.1 App UI设计概述
1.1.1 什么是UI设计
UI（User Interface，用户界面）指人和机器互动过程中的界面，以手机为例，手机上的界面都属于用户界面，我们通过这个界面向手机发出指令，手机根据指令产生相应的反馈。设计这套界面视觉的人称为UI设计师，一般来说，我们把在PC端从事网页设计的人称为WUI（Web User Interface）设计师或者网页设计师，在移动端从事移动设计的人称为GUI（Graphics User Interface）设计师，如图1-1所示。
图1-1 UI、WUI和GUI
UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅要让软件变得有个、有品位，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。