UI新印象/中文版Sketch图标与UI界面设计实例教程

本书特色

[

这是一本讲解Sketch图标与UI界面设计的实例教程。全书根据日常生活中移动App界面的常见功能,分类讲解UI图标与界面设计的技巧与方法。 全书共6章,以案例的形式分别讲解了图标设计、引导页设计、主页设计、图表页设计、个人中心页设计及登录页设计。针对图标的设计,分为线性图标、扁平图标和拟物图标的绘制;针对界面的设计,分为插画类型的引导页、不同功能的主页、色感强烈的图表页、不同形式的个人中心页及不同风格的登录页的制作。本书实战案例均配有拓展练习,同时提供了案例设计源文件及一套独立视频课程,目的是帮助UI设计学习者了解和掌握UI设计的规范、配色思路及具体的设计方法,同时使有一定UI设计经验的人得到提升。 本书适合UI设计初学者、有一定设计经验的UI设计师和交互设计师阅读。

]

内容简介

[

这是一本讲解Sketch图标与UI界面设计的实例教程。全书根据日常生活中移动App界面的常见功能,分类讲解UI图标与界面设计的技巧与方法。
全书共6章,以案例的形式分别讲解了图标设计、引导页设计、主页设计、图表页设计、个人中心页设计及登录页设计。针对图标的设计,分为线性图标、扁平图标和拟物图标的绘制;针对界面的设计,分为插画类型的引导页、不同功能的主页、色感强烈的图表页、不同形式的个人中心页及不同风格的登录页的制作。本书实战案例均配有拓展练习,同时提供了案例设计源文件及一套独立视频课程,目的是帮助UI设计学习者了解和掌握UI设计的规范、配色思路及具体的设计方法,同时使有一定UI设计经验的人得到提升。
本书适合UI设计初学者、有一定设计经验的UI设计师和交互设计师阅读。

]

作者简介

[

陈晓历(Kiki) 曾参与《爸爸去哪儿》《宫爆老奶奶》手游UI项目设计,以及《火影疾风坛》网页游戏项目设计。 曾负责“星巴克”小程序设计项目。 搜狗签约皮肤设计师,作品多次被UI中国首页推荐。

]

目录

第1 章 图标设计 0171.1 实战:绘制一套日记App 的线性图标 0181.1.1 绘制“私信”图标 0181.1.2 绘制“定位”图标 0201.1.3 绘制“相机”图标 0201.1.4 绘制“分享”图标 0221.1.5 绘制“对话”图标 0231.1.6 绘制“心”图标 0241.1.7 绘制“个人”图标 0261.1.8 绘制“支付”图标 0261.1.9 绘制“闹钟”图标 0271.1.10 绘制“Wi-Fi”图标 0281.1.11 绘制“点赞”图标 0291.1.12 绘制“图片”图标 0311.1.13 绘制“购物车”图标 0321.1.14 绘制“删除”图标 0331.1.15 绘制“设置”图标 0351.1.16 绘制“手机”图标 0361.1.17 绘制“放大镜”图标 0371.1.18 绘制“天气”图标 0381.1.19 绘制“锁”图标 0391.1.20 绘制“包”图标 040拓展练习:绘制一套线性图标 0411.2 实战:绘制一套社交App 的扁平图标 0421.2.1 绘制“相机”图标 0421.2.2 绘制“旋转”图标 0451.2.3 绘制“圆形”图标 0471.2.4 绘制“聊天”图标 0481.2.5 绘制“闪电”图标 0491.2.6 绘制“多色气泡”图标 050拓展练习:绘制一个扁平化图标 0521.3 实战:绘制一套工具类型的拟物图标 0531.3.1 绘制“钟表盘”图标 0541.3.2 绘制“按钮”图标 0581.3.3 绘制“渐变色开关”图标 0621.3.4 绘制“相机”图标 067拓展练习:绘制一个拟物图标 078第2 章 引导页设计 0792.1 实战:“ 心沟通”引导页的制作 0802.1.1 绘制背景 0802.1.2 绘制图形装饰背景 0802.1.3 绘制心形图案 0812.1.4 添加文字 0822.1.5 绘制翻页元素 0822.1.6 制作立体效果 083拓展练习:绘制一个以实物图为背景的引导页 0832.2 实战:“ 爱护鲸鱼”引导页的制作 0842.2.1 绘制背景 0842.2.2 绘制鲸鱼 0872.2.3 绘制桥头 0892.2.4 绘制小女孩 0912.2.5 添加倒影 0922.2.6 添加文字和斜线 0932.2.7 制作立体效果 093拓展练习:绘制一个“鲸鱼”主题的引导页 0932.3 实战:“ 海上日出”引导页的制作 0942.3.1 绘制波浪 0942.3.2 绘制太阳 0982.3.3 绘制浪花 0992.3.4 添加文字 1002.3.5 制作立体效果 100拓展练习:绘制一个与案例同类型的引导页 1002.4 实战: “萌胖减重”引导页的制作 1012.4.1 绘制海浪 1012.4.2 绘制救生圈 1032.4.3 绘制卡通人物 1042.4.4 添加小黄鸭 1062.4.5 添加文本 1072.4.6 制作立体效果 108拓展练习:绘制一个“中秋赏月”主题的引导页 108第3章 主页设计 1093.1 实战:相机主页的制作 1103.1.1 绘制背景 1103.1.2 绘制操作栏图标 1113.1.3 制作立体效果 112拓展练习:绘制一个黑色效果的相机主页 1123.2 实战:酷炫音乐播放器主页的制作 1133.2.1 绘制背景 1133.2.2 编辑图片 1133.2.3 绘制状态栏和操作栏的图标 1143.2.4 绘制播放器 1153.2.5 制作立体效果 117拓展练习:绘制一个紫色炫酷类型的播放器主页 1173.3 实战:音乐播放器主页的制作 1183.3.1 绘制背景 1183.3.2 编辑图片 1183.3.3 绘制顶部操作栏 1193.3.4 绘制播放器 1203.3.5 制作立体效果 121拓展练习:绘制一个极简风格的播放器主页 1213.4 实战:微故事主页的制作 1223.4.1 绘制背景 1223.4.2 绘制标题 1223.4.3 绘制卡片 1233.4.4 制作立体效果 124拓展练习:绘制一个卡片类型的电影App主页 1243.5 实战:推荐文章主页的制作 1253.5.1 绘制背景 1253.5.2 绘制页边 1253.5.3 绘制状态栏 1263.5.4 绘制底部操作栏 1263.5.5 添加正文 1263.5.6 制作立体效果 128拓展练习:绘制一个图文混排的好文章分享App主页 1283.6 实战:直播App主页的制作 1293.6.1 绘制背景 1293.6.2 绘制操作栏图标 1293.6.3 制作立体效果 132拓展练习:绘制一个渐变效果的视频剪辑App主页 132第4章 图表页设计 1334.1 实战:简约水波图表页的制作 1344.1.1 绘制背景 1344.1.2 绘制顶部水纹 1344.1.3 绘制定界框并放入图标 1364.1.4 绘制圆圈部分图标 1364.1.5 添加文本 1384.1.6 绘制底部列表 1394.1.7 完善细节 1404.1.8 制作立体效果 141拓展练习:绘制一个渐变发光效果的数据图表页 1414.2 实战:渐变互动指数图表页的制作 1424.2.1 绘制背景 1424.2.2 绘制定界框 1434.2.3 添加文本 1434.2.4 绘制指数图部分 1444.2.5 制作立体效果 145拓展练习:绘制一个蓝紫色的图表页 1454.3 实战:渐变活力评分图表页的制作 1464.3.1 绘制背景 1464.3.2 绘制操作栏 1484.3.3 绘制圆环部分 1484.3.4 绘制卡片部分 1494.3.5 制作立体效果 153拓展练习:绘制一个极简风格的图表页 1534.4 实战:渐变业绩图表页的制作 1544.4.1 绘制背景 1544.4.2 绘制状态栏 1544.4.3 绘制卡片部分 1554.4.4 绘制列表 1564.4.5 制作立体效果 158拓展练习:绘制一个卡片样式的图表页 158第5章 个人中心页设计 1595.1 实战:居中形式的个人中心页制作 1605.1.1 绘制背景 1605.1.2 绘制定界框 1605.1.3 绘制用户信息 1615.1.4 添加图标 1625.1.5 添加数据信息 1625.1.6 添加底部图片 1635.1.7 制作立体效果 164拓展练习:绘制一个居中形式的个人中心页 1645.2 实战:侧边形式的个人中心页制作 1655.2.1 绘制背景 1655.2.2 绘制定界框 1655.2.3 添加用户头像 1665.2.4 添加文本 1665.2.5 制作立体效果 167拓展练习:绘制一个侧边栏样式的个人中心页 1675.3 实战:斜边形式的个人中心页制作 1685.3.1 绘制背景 1685.3.2 绘制定界框 1695.3.3 绘制图标 1705.3.4 添加用户信息 1705.3.5 绘制列表 1715.3.6 添加按钮 1725.3.7 制作立体效果 173拓展练习:绘制一个左对齐形式的个人中心页 1735.4 实战:中心展示类的个人中心页制作 1745.4.1 制作用户信息 1745.4.2 制作列表信息 1755.4.3 绘制“提示”按钮 1755.4.4绘制“关闭”按钮 1765.4.5 制作立体效果 176拓展练习:绘制一个中心展示形式的个人中心页 176第6章 登录页设计 1776.1 实战:时尚不规则卡片登录页的制作 1786.1.1 绘制背景 1786.1.2 绘制卡片 1796.1.3 绘制定界框 1796.1.4 添加登录信息 1806.1.5 添加细节 1806.1.6 制作立体效果 181拓展练习:绘制一个极简登录页 1816.2 实战:极简风格登录页的制作 1826.2.1 绘制背景 1826.2.2 添加导航栏信息 1826.2.3 绘制头像 1836.2.4 绘制“相机”图标 1836.2.5 绘制列表 1846.2.6 绘制按钮 1846.2.7 制作立体效果 185拓展练习:绘制一个极简风格的卡片登录页 1856.3 实战:透气建筑风格登录页的制作 1866.3.1 绘制背景 1866.3.2 绘制定界框 1886.3.3 添加装饰色块 1886.3.4 添加登录信息 1886.3.5 添加按钮 1886.3.6 制作立体效果 189拓展练习:绘制一个建筑风格的登录页 1896.4 实战:渐变小弹框登录页的制作 1906.4.1 绘制背景 1906.4.2 绘制卡片 1906.4.3 添加文本 1916.4.4 制作立体效果 192拓展练习:绘制一个卡片类型的登录页 192

封面

UI新印象/中文版Sketch图标与UI界面设计实例教程

书名:UI新印象/中文版Sketch图标与UI界面设计实例教程

作者:陈晓历

页数:192

定价:¥59.0

出版社:人民邮电出版社

出版日期:2020-07-01

ISBN:9787115522221

PDF电子书大小:44MB 高清扫描完整版

百度云下载:http://www.chendianrong.com/pdf

发表评论

邮箱地址不会被公开。 必填项已用*标注