新書推薦:
《
视觉美食家:商业摄影实战与创意解析
》
售價:NT$
602.0
《
中国经济发展的新阶段:机会与选择
》
售價:NT$
454.0
《
DK月季玫瑰百科
》
售價:NT$
959.0
《
为你想要的生活
》
售價:NT$
301.0
《
关键改变:如何实现自我蜕变
》
售價:NT$
352.0
《
超加工人群:为什么有些食物让人一吃就停不下来
》
售價:NT$
454.0
《
历史的教训(浓缩《文明的故事》精华,总结历史教训的独特见解)
》
售價:NT$
286.0
《
不在场证明谜案(超绝CP陷入冤案!日本文坛超新星推理作家——辻堂梦代表作首次引进!)
》
售價:NT$
265.0
|
編輯推薦: |
UI设计界高人气设计师、MICU设计公众号创办人王铎倾力打造!360设计总监、Boss直聘设计总监、UI中国联合创始人、抖音设计总监联袂推。 本书从UI设计的基础入手,结合大量的案例分析和针对性实战(界面设计、字体设计、图标设计、Logo设计、界面切图以及二维码制作),全面而深入地阐述了UI设计的界面类型、界面构图、版面布局、元素运用、界面用色、设计原则与规范、切图与标注、图标设计以及艺术二维码设计等方面的内容。
|
內容簡介: |
这是一本全面介绍UI设计的书,是帮助初级和中级读者快速学习UI设计知识、技巧和操作的参考书。 本书从UI设计基础入手,结合大量的案例分析和针对性实战,全面深入地阐述了UI设计的界面类型、界面构图、版面布局、元素运用、界面用色、设计原则与规范、切图与标注、图标设计及艺术二维码设计等方面的内容。 本书共9章,每章分别介绍一个板块的内容,讲解细致,案例分析与实战数量丰富。通过丰富的实战练习,读者可以轻松而高效地掌握UI设计的相关技术。 本书讲解模式新颖,非常符合读者学习新知识的思维习惯。书中附带所有实战的源文件(完成文件)和素材文件,以方便读者练习。 本书适合UI设计师、准备转入UI设计方向的平面设计师,以及相关专业的高校学生阅读。
|
關於作者: |
王铎,先后服务于腾讯、奇虎360、jin日头条等知名公司,人民网特邀讲师。 参与项目手机QQ、360儿童卫士、360空气净化器及360防丢卫士、老虎地图、内涵段子等产品。 第五届国际大学生动画节漫画插画类作品奖 创意紫峰优秀作品奖中国包装创意设计大赛 优秀奖中国之星设计艺术大奖获 中国绿化基金会绿色爱心设计师称号。
|
目錄:
|
第 1章界面类型009
1.1闪屏页010
1.1.1品牌宣传型 010
1.1.2节假关怀型 011
1.1.3活动推广型 012
1.2引导页013
1.2.1功能介绍型(基础型) 013
1.2.2情感带入型(中级型) 014
1.2.3搞笑型(高级型) 015
1.3浮层引导页 016
1.4空白页 017
1.4.1首次进入型 017
1.4.2错误提示型 018
1.5首页 019
1.5.1列表型 019
1.5.2图标型 020
1.5.3卡片型 020
1.5.4综合型 021
1.6个人中心页 022
1.7列表页 024
1.7.1单行列表 024
1.7.2双行列表 025
1.7.3时间轴 025
1.7.4图库列表 026
1.8播放页面 027
1.9详情页 028
1.10可输入页面 029
1.11实战:两步打造炫酷界面 030
1.11.1绘制基础图形 030
1.11.2添加颜色与细节 032
第 2章界面构图035
2.1九宫格构图 036
案例分析 037
2.2圆心放射构图 038
案例分析 039
2.3三角形构图 041
案例分析 041
2.4S形构图 043
案例分析 044
2.5F形构图 047
案例分析 047
2.6实战:用多种构图方式制作运动App 048
2.6.1用放射构图设计运动页面 048
2.6.2用倒三角形构图设计地图页面 053
2.6.3用三角形构图设计个人页面 056
第3章版面布局 059
3.1界面版率 060
3.1.1单色块填充 061
3.1.2多色块组合 062
3.1.3穿插填充 062
3.1.4关键词图形化 063
3.1.5放大文字 064
3.2抠图法 065
案例分析 065
3.3破界法 066
案例分析 066
3.4局部提取 069
案例分析 069
3.5对齐原则 070
3.5.1界面中常用的对齐方式 070
3.5.2小米的登录页 072
3.5.3苹果的登录页 073
3.6间距使用 074
案例分析 074
3.7视觉层次 077
案例分析 077
3.8实战:设计智能空气净化器界面 080
3.8.1对页面进行整体布局 080
3.8.2设计较差页面 082
3.8.3设计良好页面 086
第4章元素之道 087
4.1点线面 088
案例分析 088
4.2极简至上 093
案例分析 093
4.3品牌灵魂 095
案例分析 095
4.4形象灵魂化 096
案例分析 096
4.5运动赋予生命 099
案例分析 099
4.6菜单设定 100
案例分析 100
4.7实战:快速制作晶格化界面 101
4.7.1制作圆形头像 101
4.7.2制作晶格背景 102
4.7.3制作界面细节 104
第5章色诱用户 107
5.1感知色彩 108
5.1.1红色 109
5.1.2橙色 110
5.1.3黄色 110
5.1.4绿色 111
5.1.5蓝色 111
5.1.6粉色 112
5.1.7黑色 112
5.2色不过三 113
案例分析 113
5.3主色、辅助色及点睛色 116
5.3.1主色 116
5.3.2辅助色 117
5.3.3点睛色 118
5.4如何配色 119
5.4.1互补色搭配 119
5.4.2冷暖对比搭配 121
5.5实战:设计一款色彩统一的界面 123
5.5.1设计页面图标 123
5.5.2设计个人中心页 128
5.5.3设计聊天页面 132
第6章设计原则及规范 135
6.1iOS的五大设计原则 136
6.1.1凸显内容原则 137
6.1.2统一化原则 139
6.1.3适应化原则 140
6.1.4层级性原则 144
6.1.5易操作性原则 145
6.2iOS界面尺寸及控件设计规范 147
6.2.1界面尺寸 147
6.2.2控件规范 149
6.3Android设计原则及规范 154
6.3.1Android的设计原则 154
6.3.2Android的控件设计规范 158
6.3.3Android的设计尺寸及单位 163
6.4常用字体规范 165
6.4.1成也字,败也字 165
6.4.2字不过三 166
案例分析 166
6.4.3字与背景要分明 168
6.4.4字体与气氛要匹配 168
案例分析 168
6.4.5常用字体类型 169
6.4.6界面字体规范 172
6.4.7字体常用颜色 174
6.5建立一套设计规范 175
6.5.1色彩控件规范 176
6.5.2按钮控件规范 177
6.5.3分割线规范 177
6.5.4头像规范 177
6.5.5提示框规范 178
6.5.6文字规范 179
6.5.7间距规范 180
6.5.8图标规范 181
6.6实战:打造毛笔字风格的登录页 182
6.6.1制作基础字体 182
6.6.2用笔刷设计细节 184
第7章切图与标注 189
7.1高效切图 190
7.1.1iPhone屏幕与Android手机屏幕的关系 190
7.1.2Android的常用单位 191
7.1.3通用切图法 192
7.1.4Android点九切图法 194
7.2界面标注 197
7.2.1标注软件 197
7.2.2标注规范 198
7.3实战:为一款首页界面切图 201
7.3.1切图分析 201
7.3.2iOS切图 203
7.3.3Android切图 205
第8章图标设计207
8.1图标创意 208
8.1.1卡通形象化 208
8.1.2关键词图形化 208
8.1.3字体直观化 209
案例分析 209
8.2图标类型 210
8.2.1像素图标 210
案例分析 211
8.2.2拟物化图标 212
8.2.3扁平化图标 212
案例分析 214
8.2.4线性图标 215
案例分析 215
8.2.5立体图标 217
案例分析 217
8.3实战:绘制功能图标 219
8.3.1功能图标设计规范 219
8.3.2功能图标绘制过程 220
8.4实战:制作立体图标 227
8.4.1制作透视网格 227
8.4.2制作立体字 228
8.4.3制作灯泡 229
8.4.4制作光晕 230
8.5实战:快速制作线条流畅的Logo 231
8.5.1制作Logo形状的辅助线 231
8.5.2生成Logo路径形状 232
8.5.3将辅助线设置为虚线 234
第9章高端艺术二维码 235
9.1原理结构 236
9.2动态二维码的表现 239
9.2.1MICU二维码航行 239
9.2.2MICU二维码音乐节 240
9.2.3MICU二维码清凉夏日 241
9.2.4MICU二维码UI疫苗站 241
9.2.5MICU二维码设计乐园 242
案例分析 242
9.3实战:制作宝马春节艺术二维码 245
9.3.1制作原码 245
9.3.2设计二维码 246
9.3.3制作动效 249
9.4实战:快速制作界面动态展示图 253
9.4.1导入GIF并转为智能对象 253
9.4.2制作透视展示图 254
|
|