具体描述
国内著名UI 论坛的产品交互版版主兼特攻队UI 讲师,数据调研及数据分析师,
上海UIF 分部负责人之一,圈内称雪姐。插画中国- 版主,游戏论坛UI 版版主。曾在日企工作4 年,有8 年手机UI 从业经验,并有2 年网站建设和运营经验,参与过20 个内置手机APP 软件的产品交互设计及图形界面设计;并负责过Android 平台、iOS 平台、展讯和MTK 等手机系统的深度定制项目,参与或主导中国移动、摩托罗拉、腾讯手机桌面合作业务,以及阿里云、康佳、海尔、波导、金立、朵唯和宇信小辣椒等国内外多家手机品牌的项目。
作者简介
本书是火星时代倾情打造的第一本关于UI 设计的图书,作者来自UI 设计一线。本书以UI 设计师的视角及丰富的工作经验,并通
过具体的案例,全面讲解UI 的具体应用。
全书分为4 篇共26 课。第1 篇介绍UI 的概念、分类、图形界面的发展史,以及UI 行业的发展前景等;第2 篇介绍UI 设计师的必
备技能、UI 设计的工作流程等;第3 篇介绍图标设计、界面设计、系统控件设计、LOGO 与Banner 设计、产品包装的设计,以及UI 质
感表现、色彩构图、元素风格等;第4 篇介绍了产品需求分析、交互设计、用户体验、手机应用APP 等。
随书附赠1 张DVD9 多媒体教学光盘,视频包括书中大部分内容的具体讲解,以及案例的制作过程,时长约12 小时,素材内容包括所有案例的工程文件。
本书不仅适合从事UI 行业的读者阅读,也可以作为高等院校平面设计、网站设计、游戏设计等相关专业的教辅图书及相关教师的参考图书。
目录信息
第1 课 UI 名词的由来..................................................................1
第2 课 UI 的分类.........................................................................3
第3 课 图形界面发展史................................................................8
3.1 电脑操作系统界面................................................................................... 10
3.1.1 Windows 操作系统........................................................................................ 10
3.1.2 苹果操作系统................................................................................................... 13
3.2 手机与系统界面....................................................................................... 14
第4 课 UI 行业发展前景............................................................ 17
4.1 UI 设计师薪酬等统计数据..................................................................... 18
4.2 三大手机APP Store 数据...................................................................... 19
4.3 未来UI 新领域......................................................................................... 20
第2 篇 必需的UI 装备你有吗.............................. 23
第5 课 常用软件介绍................................................................. 23
第6 课 设计师必备技能 ............................................................ 25
6.1 了解UI 设计师职业规划 ....................................................................... 26
6.2 必须掌握的3 个基本技能 ..................................................................... 26
第7 课 UI 设计工作流程 ........................................................... 29
7.1 自主软件产品开发流程 .......................................................................... 30
7.2 外包公司开发流程 .................................................................................. 30
7.3 网站推出流程 .......................................................................................... 31
7.4 什么在影响着你的设计 .......................................................................... 31
第3 篇 设计看似很简单...................................... 34
第8 课 图标设计....................................................................... 34
8.1 图标设计的基础理论............................................................................... 35
8.2 36 种图标概念设计的灵感来源............................................................. 36
8.3 像素图标的绘制....................................................................................... 37
8.4 剪影2D 图标............................................................................................ 39
8.5 扁平化图标................................................................................................ 41
8.6 写实图标.................................................................................................... 42
8.7 3D 图标..................................................................................................... 43
8.8 手机系统主题图标................................................................................... 45
第9 课 界面设计........................................................................ 46
9.1 界面设计之APP ..................................................................................... 47
9.2 界面设计之Web 设计............................................................................ 56
第10 课 系统控件设计.............................................................. 66
10.1 为何要有控件......................................................................................... 67
10.2 常见的控件元素 .................................................................................... 70
10.3 桌面主题风格......................................................................................... 71
10.4 经验分享................................................................................................. 72
第11 课 LOGO 和Banner 设计............................................... 73
11.1 黄金分割................................................................................................. 74
11.2 LOGO 设计............................................................................................. 74
Ⅰ
11.3 Banner 的元素...................................................................................... 76
第12 课 产品包装设计.............................................................. 78
第13 课 质感表现精讲............................................................. 81
13.1 光线对物体表现的影响........................................................................ 82
13.2 9 类材质表现.......................................................................................... 82
第14 课 色彩与构图精讲.......................................................... 86
14.1 色彩.......................................................................................................... 87
14.2 构图元素................................................................................................. 95
14.2.1 设计中的构图要素......................................................................................... 95
14.2.2 视觉引导......................................................................................................... 97
14.3 色彩与构图范例..................................................................................... 99
第15 课 元素风格精讲............................................................ 100
15.1 网页UI 常用风格.................................................................................101
15.2 游戏UI 常用风格.................................................................................103
第16 课 优秀案例赏析 ........................................................... 108
第17 课 扁平化UI ................................................................. 113
17.1 什么叫UI 扁平化.................................................................................114
17.2 为什么要用UI 扁平化........................................................................114
17.3 其他类型的UI 设计 .....................................................................114
17.4 UI 扁平化未必适合所有产品.............................................................115
17.5 UI 扁平化的趋势..................................................................................116
第4 篇 与我一起升华UI 之道 ........................... 117
第18 课 产品需求分析 ........................................................... 117
18.1 需求分析...............................................................................................118
18.1.1 需求的基本概念...........................................................................................118
18.1.2 5W3H(八何分析法).............................................................................119
18.1.3 思维导图(MindMap)...........................................................................120
18.2 如何做竞品分析...................................................................................121
第19 课 交互设计入门 ........................................................... 123
第20 课 用户体验入门 ........................................................... 128
20.1 用户体验的定义及其最终目的..........................................................129
20.2 头脑风暴与故事板...............................................................................130
20.3 积极与消极的用户体验......................................................................131
20.4 用户分类...............................................................................................132
20.5 潜在用户心中的疑问...........................................................................133
20.6 用户测试...............................................................................................134
20.7 数据可视化...........................................................................................134
20.8 SEO 优化(Search Engine Optimization)..............................134
第21 课 交互动态特效........................................................... 137
第22 课 Android 和iOS 平台规范 ........................................ 141
22.1 Android 平台 .....................................................................................142
22.2 iOS 平台 ..............................................................................................147
22.3 WIN METRO 风格设计 ....................................................................151
第23 课 手机应用APP 的设计 ............................................... 156
目录
CONTENTS
Ⅱ
23.1 写在3 个实践篇之前 .........................................................................157
23.2 APP 的UI 设计 ...................................................................................160
第24 课 专题网站的UI 设计 .................................................. 167
24.1 操作步骤 ..............................................................................................168
24.2 与客户沟通的步骤 .............................................................................169
第25 课 什么人闯进UI 设计 .................................................. 171
25.1 关于UI 设计师 ....................................................................................172
25.2 关于UI 的20 个问题 ........................................................................172
第26 课 不得不说的秘密 ........................................................ 179
附录 ...................................................................................... 184
光盘目录
UI 设计基础 (总时长09:55:16)
1.........................................................自我介绍: 00:09:23
2.............. UI 设计所在公司运营内容及职能: 00:08:23
3.......................................UI 设计师必备技能: 00:11:30
4.......................................UI 设计师常逛网站: 00:09:42
5..........UI 设计师具体工作内容及职业规划: 00:10:13
6....................... UI 产品设计流程和影响因素: 00:11:55
7...............................................PS 画剪影图标: 00:15:58
8............................. 做好扁平化的10 条建议: 00:10:40
9................................做好拟物化的6 条建议: 00:11:50
10..............................关于抄袭、临摹与借鉴: 00:09:23
11...............................关于色感和用色技巧1: 00:08:55
12...............................关于色感和用色技巧2: 00:09:14
13..........................关于竞品分析和交互架构: 00:09:24
14............. 光对材质表面和纹理质感的影响: 00:10:19
15............. 设计思维的形成和人脑记忆结构: 00:08:41
16.. 历史对UI 风格的影响,做有故事的设计: 00:09:35
17.......................................... 切图的概念讲解: 00:06:31
18..............................效果图、平台和分辨率: 00:09:03
19.......................................... 实际的切图案例: 00:07:48
20.......................................................开关控件: 00:08:27
21...............................................两个扁平图标: 00:13:22
22...............................................糖果质感按钮: 00:03:13
23.......................................................黑板图标: 00:07:18
24.......................................................简约相机: 00:13:34
25...............................................酷炫耳机图标: 00:06:12
26.......................................................彩虹加载: 00:04:12
27...................................................荧光加载圈: 00:03:12
28.......................................... 立体小房子图标: 00:07:29
29.......................................................宝石质感: 00:05:38
30...............................................可爱冰棍图标: 00:07:02
31...................................................拟物望远镜: 00:16:34
32.......................................................铅笔图标: 00:03:39
33...................................................小黄鸭图标: 00:19:07
34..............................3D 扁平APP 商城图标: 00:11:40
35...................3D 天气LOWPOlY 风格图标: 00:13:05
36............. 网页界面设计需要做的前期工作: 00:09:45
37............. 网页界面设计需要做的中期工作: 00:09:06
38............. 网页界面设计需要做的后期工作: 00:10:07
39.................................. 网站资源源文件展示: 00:05:01
40..............................活动页和电商产品页面: 00:09:13
41.................................. 优秀的网页交互赏析: 00:06:06
42............................... 响应式WEB 交互设计: 00:10:42
43..............................任务流程和线框图跳转: 00:09:42
44..........................用户分类及用户调研手法: 00:10:19
45......................................APP 设计注意事项: 00:09:22
46...................... 电商瀑布流AXURE 线框图: 00:10:44
47.................. 购物车列表AXURE 线框原型: 00:10:44
48.................. 小楼老师的AXURE 部件加载: 00:06:31
49................ AXURE 加载iOS7 部件库方法: 00:06:05
50............................. APP 扁平圆形导航页面: 00:09:58
51..............................................APP 聊天界面: 00:15:15
52......................................APP 界面图片模糊: 00:06:10
53..............................................APP 登录界面: 00:07:38
54............................APP 页面METRO 风格: 00:09:54
55...........................餐馆点评APP 界面设计: 00:05:45
56...........................蛋糕订购APP 界面设计: 00:07:23
57...........................即时通信APP 界面设计: 00:06:55
58...........................清透登录APP 界面设计: 00:09:23
59...........................可爱摄影APP 界面设计: 00:13:42
60...........................音乐播放APP 界面设计: 00:15:51
61.........LOGO 和BANNER 设计注意事项: 00:09:27
62.................................. 产品包装和新手指引: 00:09:35
基础软件操作(总时长01:40:23)
1..................... 做UI 需在PS 软件中的设置: 00:05:07
2................ PS 钢笔路径形状图层布尔运算: 00:08:15
3...................... 图层蒙版路径蒙版剪切图层: 00:08:24
4..................................... PS 选区的巧妙运用: 00:06:36
5...........................图层命名规则图层文件夹: 00:05:07
6.......................................图层属性图层样式: 00:12:17
7........................................... 如何标坐标切图: 00:03:58
8........................................ CTRL_T 网格变换: 00:03:58
9...............................液化涂抹加深减淡工具: 00:06:52
10.............................边缘透明度和精确对齐: 00:06:50
11....................................... PS 制作GIF 动画: 00:03:41
12.............................曲线色相亮度调节技巧: 00:06:28
13................................................PS 常用滤镜: 00:04:58
14.............................AI 和PS 协同路径作业: 00:08:07
15....................................AI 里网格渐变功能: 00:05:48
· · · · · · (收起)
读后感
这是一本IT互联网业内,UI设计,交互类专业实用的优秀教科书!极大地填补了目前业内教科书的空白,本书不仅是一本教程书籍,同时其丰富的知识涵盖面使其又能成为一本极具参考价值的优秀工具书。我已经买了一本,同时推荐给同事们也买了好几本了,几乎人手一本。
这是一本IT互联网业内,UI设计,交互类专业实用的优秀教科书!极大地填补了目前业内教科书的空白,本书不仅是一本教程书籍,同时其丰富的知识涵盖面使其又能成为一本极具参考价值的优秀工具书。我已经买了一本,同时推荐给同事们也买了好几本了,几乎人手一本。
这本书非常的不错,内容非常易懂。非常的适合像我这种新手菜鸟。没接触到这本书之前。我学习UI碰到了很多难题。。现在有了这本书。。我这些难题,在书中都能找到。对我的帮助非常的大,所以我想推荐给各位还是新手菜鸟的人们。。不要错过了这本书哟。必须给上一百赞赞赞喲~~...
因为我之前是美术设计类的设计师,听说UI设计师起薪普遍高所以想转型做UI,进入UI行业之后才发现做起来不知道规范,很吃力,总是需要返工。有一次在京东逛发现了这本《UI设计必修课》,在打折期间比平时价格还要便宜,果断入了一本。 读完后感觉真心受益良多,原来在...
这本书非常的不错,内容非常易懂。非常的适合像我这种新手菜鸟。没接触到这本书之前。我学习UI碰到了很多难题。。现在有了这本书。。我这些难题,在书中都能找到。对我的帮助非常的大,所以我想推荐给各位还是新手菜鸟的人们。。不要错过了这本书哟。必须给上一百赞赞赞喲~~...
用户评价
这本书真的给了我很多启发!我一直对如何在这个快速变化的时代保持自己的独特性感到困惑,而《潮流》这本书,虽然我还没来得及深入阅读(我指的是它所探讨的那些更深层次的理论和概念,比如社会心理学在时尚传播中的作用,或者个体如何在群体认同中找到自己的位置),但仅仅是封面设计和标题就让我产生了极大的兴趣。我特别期待书中对“潮流”这个概念的解读,是不是会像一道闪电划破夜空,瞬间点亮我们对当下流行文化的理解?我脑海里已经勾勒出了各种可能的场景:或许是关于那些引领风潮的设计师的访谈,他们是如何捕捉到时代脉搏,将抽象的灵感转化为具象的设计的?又或许是关于普通人如何被潮流裹挟,又如何反过来影响潮流的循环过程?我喜欢思考这些现象背后的逻辑,而这本书似乎提供了一个绝佳的切入点。我希望它能帮助我理解,为什么有些东西会突然变得“流行”,而另一些则被迅速遗忘。我尤其对书中可能会提及的“反潮流”或者“小众文化”如何最终影响主流潮流的部分感到好奇,这其中的张力和演变过程一定非常精彩。我已经准备好沉浸其中,让这本书带我踏上一场关于流行、个性与社会互动意义非凡的探索之旅。
我最近在网上看到一本叫做《潮流》的书,名字就很有意思,一下子就抓住了我的眼球。我平时就对很多新鲜事物和流行文化很感兴趣,尤其喜欢研究它们是如何形成的,以及为什么会吸引那么多人。这本书的封面设计就很有现代感,看起来非常吸引人,我脑海里已经脑补了很多它可能包含的内容,比如对当今社会各种新兴趋势的分析,从服站到科技,再到生活方式,它是不是会像一面镜子,照出我们所处的时代变迁?我特别想知道书中会不会探讨那些在大众媒体上被渲染的“潮流”,是否真的反映了人们内心深处的渴望,还是仅仅是一种被精心策划出来的表象。我希望这本书能够提供一些更深入的视角,帮助我分辨什么是真正的创新,什么是转瞬即逝的泡沫。这本书给我的第一印象就是它一定充满活力和时代感,可能还会涉及一些关于个体如何在众声喧哗中保持独立思考,以及如何找到属于自己的独特风格的讨论。我很期待能从这本书中获得一些关于如何看待和理解当下各种“潮流”的新鲜观点,让我在面对信息爆炸的时代,不再感到迷茫。
拿到《潮流》这本书,我第一反应就是它绝对不是一本枯燥的学术著作。从名字上看,它就充满了一种动感和活力,让人联想到那些不断变化、令人兴奋的事物。我普段就喜欢关注社会上的各种新现象,尤其是那些能够引起广泛关注的“潮流”。我很好奇这本书会不会去解构这些潮流背后的驱动力,比如经济因素、技术革新,或者仅仅是人类群体心理的某种共通性。我设想书中可能包含很多生动的案例分析,讲述一些过去和现在非常具有代表性的“潮流”是如何兴起,又是如何衰落的。我尤其想知道,作者是如何定义“潮流”这个概念的,它是否仅仅局限于物质层面,还是会深入到思想、价值观的层面。这本书就像一个充满未知宝藏的盒子,我迫不及待地想打开它,看看里面隐藏着哪些关于我们这个时代的智慧。我希望它能够提供一种全新的视角,让我能够更深刻地理解那些在我们身边不断涌现的“潮流”,并从中找到属于自己的坐标。
读到《潮流》这本书的书名,我就觉得它非常符合我的兴趣。我一直认为,所谓的“潮流”不仅仅是表面的流行,更是时代精神的体现,是社会文化变迁的缩影。这本书让我充满了期待,我猜想它可能会深入探讨那些引领时代风向标的事件、人物或产品,分析它们为什么能够在某个特定时期成为焦点,又为何会被新的事物所取代。我脑海中已经浮现出无数的可能性:这本书或许会像一位敏锐的观察者,捕捉到社会最前沿的脉搏,解读那些看似随意却暗含深意的变化。我特别好奇书中会不会涉及到一些关于“模仿”与“创新”之间微妙界限的讨论,以及个体如何在追随潮流的同时,不失自我。我希望这本书能够帮助我理解,为什么有些文化现象会迅速传播,成为主流,而另一些则可能被淹没在历史的长河中。它给我的感觉是,这本书将是一次关于时代脉搏的深刻解析,也是一次关于个体如何在时代洪流中定位的精彩思考。
《潮流》这个名字,一下子就击中了我的好奇心。我总觉得,那些所谓的“潮流”,往往是社会情绪、技术进步和文化交融的综合体现。这本书给我的初步印象,就是它可能是一个关于“当下”的透视镜,让我能够更清晰地看到我们生活在一个怎样的时代。我一直在思考,那些风靡一时的元素,究竟是如何在人群中扩散开来的?是什么样的心理机制,让我们对某些事物产生趋之若鹜的冲动?我猜想,这本书会不会深入到个体心理层面,去解析为什么我们会受到潮流的影响,以及我们在追逐潮流的过程中,又扮演了怎样的角色。我希望能从这本书中找到一些关于“集体智慧”或者“群体共识”如何在“潮流”的形成中发挥作用的线索。它给我的感觉,是一本能够帮助读者理解“变”的本质,以及如何在变化中保持清醒认知的好书。我已经迫不及待地想翻开它,看看这本书会给我带来怎样的惊喜和启发。
在学校图书馆发现一口气读完的,讲了挺多东西,慢慢消化
适合新人,内容容易理解,覆盖面广,想入行UI设计的人员必备手册
太基础了,毫无重点,没干货。
内容非常基础,但是非常全。附送的光盘里包括火星老师的一些小课程,有 GUI 和 AE。
写的很系统,对于入门者很有用。