新書推薦:
《
晋朝的死结
》
售價:HK$
101.2
《
文明的冲突:东西方文明的第一次交锋(第2版)
》
售價:HK$
82.8
《
神经形态光子学 Neuromorphic Photonics
》
售價:HK$
194.4
《
困顿与超越 : 心理学家的逆境人生与智慧指引
》
售價:HK$
67.9
《
Web3时代的AI战略:构建BASICs框架,引领企业数字化转型
》
售價:HK$
90.9
《
一岁一喜欢
》
售價:HK$
49.2
《
巨浪:生成式AI的史诗与现实
》
售價:HK$
91.9
《
萧条中的生存智慧与策略(套装2册)
》
售價:HK$
114.8
|
編輯推薦: |
全面解析三大智能手机系统(Android、iOS和Windows Phone)App用户界面(UI)的设计思路和制作过程。
适合智能手机App用户界面设计初学者阅读,也适合Photoshop用户、平面设计师和手绘App开发人员参考。
|
內容簡介: |
设计在我们的生活中无处不在,随着智能设备的快速发展,掀起了一股UI设计风,越来越多的人加入UI设计的大军,使这个行业变得越来越多彩。本书以3大智能手机系统(Android、iOS、Windows Phone)为主线,详细讲解App用户界面的设计思路和制作过程。 本书分为5章,从App界面基础知识讲起,然后详细讲解了UI界面设计色彩学、App行业规则及设计分析等内容,让读者了解App设计的精髓与行业规则。之后通过App基本元素绘制和App界面设计实战,讲解了常用几何图形绘制工具的使用和常见控件元素的绘制技巧,包括图形、控件、启动图标与图片的艺术处理等,通过对3个系统的UI设计实战分析,再现智能手机UI界面的设计思路与方法。本书的后配有附录,为读者推荐了UI设计的实用工具、杰出网站、UI常见名词释义和激发创作灵感的图标与界面欣赏。通过本书能帮助读者真正掌握并吸收UI设计中精华的部分,快速成为UI设计领域的精英。 本书附赠书中案例的素材文件和效果源文件,以及25段案例操作演示视频,特别适合智能手机UI界面设计的初学者学习使用。同时,可作为平面设计师和智能手机App开发人员的参考用书,也可以作为社会培训学校、大中专院校相关专业的教学参考书或上机实践指导用书。
|
關於作者: |
王红卫,毕业于郑州大学计算机专业。 在北京理工大学百事特电脑教育部做高级讲师6年。 创立水木风云工作室,以教材及店销书籍编写为主,从事编辑与广告、企业系列海报等设计工作。
|
目錄:
|
目录 第01章App界面基础知识 1.1 UI设计快速入门 8 1.1.1 UI设计概念 8 1.1.2 什么是App 9 1.1.3 手机UI与平面UI的不同 9 1.2 UI设计与产品团队合作流程关系 11 1.2.1 团队成员 11 1.2.2 UI设计流程 11 1.3 UI设计组成部分 12 1.3.1 ADS(Application DefinitionStatement) 12 1.3.2 画草图 13 1.3.3 低保真原型与高保真原型 14 1.3.4 Axure即 Axure RP 15 1.3.5 图形界面设计 16 1.4 常用UI设计单位解析 16 1.4.1 英寸(Inch) 16 1.4.2 分辨率(Resolution) 16 1.4.3 网点密度(DPI) 17 1.4.4 屏幕密度(Screen Densities) 17 1.5 UI设计常用图像格式 17 1.5.1 JPEG 17 1.5.2 GIF 18 1.5.3 PNG 18 1.5.4 ICO格式 19 1.5.5 ICL格式 19 1.5.6 IP格式 19 1.6 手机操作系统简介 19 1.6.1 Android系统 19 1.6.2 iOS系统 20 1.6.3 Windows Phone 22 1.7 UI界面设计常用的软件 22 1.7.1 Photoshop 23 1.7.2 Illustrator 23 1.7.3 CorelDRAW 23 1.8 UI设计原则 25 1.9 提升UI视觉效果的设计技巧 26 1.10 App界面组成说明 28 1.11 熟悉各系统组件 30 1.11.1 iOS的基础UI组件 30 1.11.2 Android的基础UI组件 39 1.11.3 Windows Phone的基础UI组件 47 第02章 UI界面设计色彩学 2.1 色彩学基础知识 52 2.1.1 颜色的概念 52 2.1.2 色彩的分类 53 2.1.3 色彩三要素 56 2.1.4 加法混色 62 2.1.5 减法混色 62 2.1.6 芒塞尔色彩系统(Munsell color system) 63 2.2 UI设计常见配色方案 64 2.2.1 单色搭配 64 2.2.2 近似色搭配 65 2.2.3 补色搭配 65 2.2.4 分裂补色搭配 66 2.2.5 原色的搭配 66 2.3 UI设计色彩学 66 2.3.1 色彩与生活 67 2.3.2 色彩意象 67 2.4 色彩的性格 72 第03章 App行业规则及设计分析 3.1 移动App按钮尺寸分析 75 3.1.1 一般规范标准 75 3.1.2 手指与尺寸大小 75 3.1.3 理想状态和特殊情况 76 3.2 常见界面设计解析 76 3.2.1 扁平化设计 76 3.2.2 写实设计 80 3.3 了解图标 82 3.3.1 图标的分类 82 3.3.2 图标的作用 83 3.3.3 图标和图像尺寸规范 84 3.4 UI界面设计尺寸标准 87 3.4.1 iPhone和Android设计尺寸 87 3.4.2 Android 系统换算及主流手机设置 90 第04章 App基本元素绘制 4.1 常用几何图形绘制 96 4.1.1 绘制工具分析 97 4.1.2 正方形、长方形 101 4.1.3 正圆、椭圆 103 4.1.4 圆角化处理 104 4.1.5 Squircle 106 4.1.6 虚线的绘制 107 4.1.7 多种形状组合 109 4.1.8 多种现有形状的绘制 110 4.2 App常见控件绘制 111 4.2.1 按钮 112 4.2.2 开关按钮 113 4.2.3 分段控件 118 4.2.4 滑块控件 120 4.2.5 泡泡对话框 124 4.2.6 文本框控件 127 4.3 App启动图标的制作 130 4.3.1 iOS启动图标制作 132 4.3.2 Windows Phone启动图标制作 136 4.3.3 Android启动图标制作 137 4.4 常见图片设计效果处理 142 4.4.1 色彩调节控制 143 4.4.2 一般投影的处理 147 4.4.3 镜面倒影的处理 148 4.4.4 镜面高光处理 150 4.4.5 画中画效果 152 4.4.6 翘边效果 156 4.4.7 经典白边框效果 158 4.4.8 App背景的处理 160 第05章 App界面设计实战 5.1 Android实例 168 5.1.1 页面模块分析 168 5.1.2 页面拆分详解 169 5.1.3 设计尺寸分析 171 5.1.4 如何设计 174 5.1.5 如何保存 174 5.2 iOS实例 177 5.2.1 新浪微博简介 177 5.2.2 拆分页面 178 5.2.3 未登录页面 178 5.2.4 注册页面 179 5.2.5 登录页面 180 5.3 Windows Phone实例 182 5.3.1 MixRadio页面模块分析 182 5.3.2 Windows Phone页面布局参数 185 附录 UI设计实用辅助工具 190 Axure 190 优秀国内外网站推荐 192 UI设计中常见名词释义 193 优秀炫酷图标赏析 196 经典拟物化图标 196 游戏类图标 198 质感类控件 199 扁平化界面 200 游戏界面 202 激发创作灵感的界面欣赏 203 iOS优秀界面欣赏 204 Android优秀界面欣赏 205 Windows Phone 优秀界面欣赏 206
|
|