新書推薦:
《
逝去的武林(十周年纪念版 武学宗师 口述亲历 李仲轩亲历一九三零年代武人言行录)
》
售價:NT$
250.0
《
唐代冠服图志(百余幅手绘插画 图解唐代各类冠服 涵盖帝后 群臣 女官 士庶 军卫等 展现唐代社会风貌)
》
售價:NT$
398.0
《
知宋·宋代之科举
》
售價:NT$
454.0
《
那本书是(吉竹伸介与又吉直树 天才联动!)
》
售價:NT$
454.0
《
传播的跃迁:人工智能如何革新人类的交流
》
售價:NT$
505.0
《
纯粹·古代中国的历史与制度
》
售價:NT$
286.0
《
生活来来往往 别等来日方长 新版(伍佰:“讲好了这一辈子,再度重相逢。”别等,别遗憾!珍惜当下才是最好的解药)
》
售價:NT$
265.0
《
一个英国军事顾问眼中的二战
》
售價:NT$
1265.0
編輯推薦:
目前移动设备产品日益增多,移动应用程序的市场呈现出百花齐放的胜景。为了能够迎合用户、提高用户体验,越来越多的移动应用程序产品开始提倡“以用户为中心”的设计理念,这就要求移动UI视觉设计师们要有敏锐的设计嗅觉和完整的设计流程及思维。设计师如何才能设计出让人过目不忘且实用美观的界面呢?在本书中你可以找到答案。
本书是《Photoshop CC 移动UI界面设计与实战(第2版)》的全新升级。鉴于Photoshop软件的新版本已经发布,iOS和Android系统的设计变化较大,本书进行了以下升级:将书中的手机界面替换为全面屏手机界面;对iOS和Android系统设计部分更新文字和图例;将书中使用的Photoshop软件版本 升级到Photoshop CC 2020。
本书除了配套案例视频、素材、源文件,还免费赠送了增值资源,如配套教学PPT、Photoshop教学视频。本书适用于移动设备UI视觉设计的初学者学习和参考,也可作为相关院校的专业培训的教材使用。
內容簡介:
本书从移动UI视觉设计的基础知识出发,通过分析和讲解iOS和Android两大移动操作系统的设计规范和设计技巧,将移动UI视觉设计中的创意思路与操作案例有机地结合在一起,力求在帮助读者提高UI界面制作能力的同时,拓展移动UI视觉设计的创造思路。本书中包含了大量精美的界面元素、应用程序界面视觉设计的案例,利用较为详细的布局规划、创意思维、配色方案、组件分析等部分来对案例的创作思路进行阐述,告诉读者移动UI视觉设计的创作技巧。
本书包含3篇,共12个部分的内容。第1篇(Part 1~Part 3)介绍移动UI视觉设计的基础知识,Photoshop软件的常用操作功能,以及移动UI界面中基础元素的设计规范;第2篇(Part 4、Part 5)分别对iOS和Android两大移动操作系统进行有针对性的讲解,通过相关的案例介绍移动UI视觉设计的制作方法和技巧;第3篇(Part 6~Part 12)以完整的App界面设计为主要内容,展示出不同风格移动UI界面设计的特点和制作方法。
本书赠送了配套资源,其中不仅提供了书中实例的源文件、素材文件和视频,还赠送了 Photoshop软件教学视频(解决读者对软件学习的需求)和教学PPT(方便教师授课使用)。本书适合移动设备UI视觉设计的初学者,同时对Photoshop使用者、平面设计师和App开发设计人员也有较高的参考价值。
關於作者:
创锐设计,由优秀的平面设计师与图形图像资深编辑队伍组成。出版过众多优秀的图形图像方面的专业书籍,不仅在国内处于领先地位,还有大量作品输出过海外版权,备受读者青睐。在课程教材方面,由于他们拥有多年教育培训的经验,因此十分了解初学读者的心理需求,从而研究出了一套行之有效的教学方法;此外,他们又参加过多个商业项目的设计工作,熟悉行业规范、了解客户需求,拥有较高的设计水平,积累了丰富的制作经验、为专业进阶读者指出了技术进阶的明路;在他们的图书中,选择的实例不仅融会贯通了软件技法,更能通过分享图像处理经验,激发读者的灵感、迸发创意火花,达到事半功倍的效果。
目錄 :
Part 1 移动UI设计基础 / 1
1.1 UI设计存在的意义 / 2
1.1.1 人机交互的桥梁 / 2
1.1.2 操作逻辑系统的展现 / 3
1.1.3 展现系统的整体风格 / 3
1.2 Photoshop在移动UI设计中的常用功能 / 4
1.2.1 视觉一致性原则 / 4
1.2.2 视觉简易性原则 / 5
1.2.3 从用户的习惯考虑 / 6
1.2.4 操作的灵活性及人性化 / 8
1.3 两大主流操作系统的特点对比 / 9
1.4 不同系统UI视觉的主要组成要素及特征 / 10
1.4.1 iOS系统中的组成要素及特征 / 10
1.4.2 Android系统中的组成要素及特征 / 12
1.5 认识移动终端的分辨率和像素 / 14
1.6 移动UI的创意与灵感收集 / 16
1.6.1 各种经验和灵感的记录 / 16
1.6.2 将对象抽象化 / 17
1.6.3 设计灵感的转移 / 18
1.7 移动UI的视觉设计流程 / 20
Part 2 PS在移动UI设计中的常用功能简介 / 23
2.1 绘图工具的介绍 / 24
2.1.1 规则形状的绘制 / 24
2.1.2 自定义形状的绘制 / 25
2.1.3 绘制任意所需的形状 / 27
2.2 图层样式的运用 / 28
2.2.1 增强立体感的图层样式 / 28
2.2.2 发光效果的图层样式 / 30
2.2.3 更改色彩的图层样式 / 31
2.3 蒙版的编辑 / 33
2.3.1 图层蒙版 / 33
2.3.2 剪贴蒙版 / 34
2.4 文字的添加 / 36
2.4.1 文字的添加与设置 / 36
2.4.2 文字的高级编辑 / 37
Part 3 移动UI界面中基本元素的制作 / 39
3.1 按钮 / 40
3.1.1 按钮设计的基础知识 / 40
3.1.2 扁平化按钮的设计 / 41
3.2 开关 / 45
3.2.1 开关设计的基础知识 / 45
3.2.2 简易色块开关的设计 / 47
3.3 进度条 / 49
3.3.1 进度条设计的基础知识 / 49
3.3.2 扁平化进度条的设计 / 49
3.3.3 层次感强烈的进度条设计 / 52
3.4 搜索栏 / 56
3.4.1 搜索栏设计的基础知识 / 56
3.4.2 扁平化搜索栏的设计 / 58
3.5 列表框 / 63
3.5.1 列表框设计的基础知识 / 63
3.5.2 简易列表框的设计 / 64
3.5.3 立体化列表框的设计 / 68
3.6 标签栏 / 70
3.6.1 标签栏设计的基础知识 / 70
3.6.2 线性化标签栏设计 / 71
3.6.3 木纹质感的标签栏设计 / 72
3.7 图标栏 / 75
3.7.1 图标栏设计的基础知识 / 75
3.7.2 线性化图标栏设计 / 76
3.7.3 纸箱纹理的图标栏设计 / 79
Part 4 iOS系统及其组件的设计 / 83
4.1 iOS系统的发展及其特点 / 84
4.1.1 iOS系统的发展 / 84
4.1.2 iOS 10 系统的设计特点 / 86
4.2 iOS系统设计的规范 / 89
4.2.1 设计原则 / 89
4.2.2 色彩和字体 / 92
4.2.3 图标的设计 / 96
4.3 iOS系统界面设计实训 / 100
4.3.1 扁平化图标的设计 / 100
4.3.2 半透明效果的界面设计 / 108
Part 5 Android系统及其组件的设计 / 113
5.1 Android系统的特点 / 114
5.2 Android系统的设计规范 / 116
5.2.1 度量单位 / 116
5.2.2 字体的使用标准 / 116
5.2.3 色彩的应用规范 / 119
5.2.4 四种类型的图标 / 122
5.3 六种标准的Widget规范 / 124
5.3.1 Widget框架简介 / 124
5.3.2 Widget框架的标准尺寸 / 126
5.3.3 4×1的Widget框架设计 / 127
5.3.4 3×3的Widget框架设计 / 131
5.3.5 2×2的Widget框架设计 / 135
5.3.6 4×1的加长Widget框架设计 / 138
5.3.7 3×3的横向Widget框架设计 / 142
5.3.8 2×2的横向Widget框架设计 / 147
5.4 Android系统界面设计实训 / 152
5.4.1 立体化的图标设计 / 152
5.4.2 超强立体感的界面设计 / 161
Part 6 孕妈帮手App设计 / 173
界面布局规划 / 174
创意思路剖析 / 174
确定配色方案 / 175
定义组件风格 / 176
制作步骤详解 / 176
Part 7 美食网站App设计 / 187
界面布局规划 / 188
创意思路剖析 / 188
确定配色方案 / 189
定义组件风格 / 190
制作步骤详解 / 190
Part 8 篮球运动App设计 / 203
界面布局规划 / 204
创意思路剖析 / 204
确定配色方案 / 205
定义组件风格 / 205
制作步骤详解 / 206
Part 9 流量银行App设计 / 219
界面布局规划 / 220
创意思路剖析 / 220
确定配色方案 / 221
定义组件风格 / 221
制作步骤详解 / 222
Part 10 藏宝游戏App设计 / 233
界面布局规划 / 234
创意思路剖析 / 234
确定配色方案 / 235
定义组件风格 / 236
制作步骤详解 / 236
Part 11 音乐播放App设计 / 249
界面布局规划 / 250
创意思路剖析 / 250
确定配色方案 / 251
定义组件风格 / 252
制作步骤详解 / 252
Part 12 旅游资讯App设计 / 269
界面布局规划 / 270
创意思路剖析 / 270
确定配色方案 / 271
定义组件风格 / 272
制作步骤详解 / 272
內容試閱 :
在当前科技高速发展的今天,移动设备已经成为人们生活和娱乐的必需品之 一,移动设备的用户界面及体验越来越受到用户的关注。对一款优秀的App而言,其界面的视觉设计将起着关键性的作用,它是除交互式设计外,用户能够直接接触到的部分。如果把App的功能比作人的肌肉和骨骼,那么移动UI的视觉设计就是人的外貌和品格,是一款成功的App必不可少的重要组成部分。设计师如何才能设计出让人过目不忘且实用美观的界面呢?在本书中你可以找到答案。
本书从移动UI界面设计的基础开始,针对iOS和Android两大移动操作系统,讲述移动UI视觉设计的创意收集、设计重点、制作规范等一系列的知识,将理论与实践进行有机结合,通过从无到有、从局部到整体的方式讲解App的界面设计,帮助读者建立正确、实用的移动UI视觉设计的思路与方法。
本书内容梗概
鉴于Photoshop软件的新版本已经发布,iOS和Android系统的设计变化较大,本书相对于《Photoshop CC 移动UI界面设计与实战(第2版)》进行了以下升级:将书中的手机界面替换为全面屏手机界面;对iOS和Android系统设计部分更新文字和图例(因为这两大手机系统升级了好几个版本,与《Photoshop CC 移动UI界面设计与实战(第2版)》中的内容区别很大);将书中使用的Photoshop软件版本升级到Photoshop CC 2020;除了配套案例视频、素材、源文件,还免费赠送了增值资源,如配套教学PPT、Photoshop教学视频。
第1篇 (Part 1~Part 3):介绍移动UI视觉设计的基础知识,讲解移动UI视觉设计所使用到的Photoshop软件的常用操作功能,以及移动UI界面中基础元素的设计规范。
第2篇 (Part 4~Part 5):对iOS和Android两大移动操作系统进行有针对性的讲解,从界面的图标、设计风格等角度入手,讲述其各自的区别与特点,并利用相关的案例来介绍移动UI视觉设计的制作方法和技巧。
第3篇 (Part 6~Part 12):以完整的App界面设计为主要内容,通过对界面布局、创意、配色和组件等进行详细的分析,用不同功能的App的创作思维和制作步骤来展示不同风格的移动UI界面设计的特点和制作方法。
本书特色分析
全面而系统的知识体系:书中对两大主流系统的设计规范和风格进行了详细的介绍,通过图文并茂、层次清晰的方式直观地展示出全面而系统的移动UI视觉设计相关知识,帮助读者了解和掌握与移动UI视觉设计相关的概念和的基础知识。
精辟的设计思路剖析:在本书的案例中,针对案例设计的创意思路、设计来源等进行了详细的阐述,帮助读者形成自己的设计思维,并将设计创意分析与软件操作相互结合,让读者在提升移动UI界面制作技能的同时,拓展创意和设计思维。
呈现精美的设计案例:书中包含了大量精美的App设计案例,每个案例都根据不同类型和功能的App进行构思和创作,并将平面设计的知识和软件应用的知识贯穿其中,可以帮助读者快速提高设计的思维灵活性和软件操作技能。
海量而完善的配套资源:在本书的附赠资料中不仅提供了书中实例的源文件、素材文件和视频,还赠送了Photoshop软件教学视频和教学PPT。读者可以边看边练习,即学即用。
尽管笔者在编写过程中力求准确、完善,但是书中难免会存在疏漏之处,恳请广大读者批评与指正。也欢迎大家加入QQ群(QQ群号码:111083348)进行交流。