万本电子书0元读

万本电子书0元读

顶部广告

新印象——中文版Sketch图标与UI界面设计实例教程电子书

优设网主编 程远 站酷推荐设计师/《网页设计那些事儿》作者 王晖 《大话设计师》作者影天酱,百度前UI 设计师 王东 深圳市知行一信息技术有限公司联合创始人 袁宗保 UI中国认证推荐设计师/站酷百万人气设计师/ 百度设计师 黄俊杰 “菜园子”产品经理社区创始人/蜻蜓FM产品总经理/万达网络科技产品总经理/微软互联网研究院产品经理 /SAP中小企业部门的产品负责人 生菜众多大咖联袂推荐; 软件操作,设计理念,设计方法相辅相成的UI界面设计书; 配备案例源文件 独立视频课程实战+拓展练习,更快更好学会。

售       价:¥

纸质售价:¥44.20购买纸书

52人正在读 | 0人评论 6.2

作       者:陈晓历

出  版  社:人民邮电出版社

出版时间:2020-07-01

字       数:6.4万

所属分类: 科技 > 计算机/网络 > 软件系统

温馨提示:数字商品不支持退换货,不提供源文件,不支持导出打印

为你推荐

  • 读书简介
  • 目录
  • 累计评论(0条)
  • 读书简介
  • 目录
  • 累计评论(0条)
这是一本讲解Sketch图标与UI界面设计的实例教程。全书根据日常生活中移动App界面的常见功能,分类讲解UI图标与界面设计的技巧与方法。 全书共6章,以案例的形式分别讲解了图标设计、引导页设计、主页设计、图表页设计、个人中心页设计及登录页设计。针对图标的设计,分为线性图标、扁平图标和拟物图标的绘制;针对界面的设计,分为插画类型的引导页、不同功能的主页、色感强烈的图表页、不同形式的个人中心页及不同风格的登录页的制作。本书实战案例均配有拓展练习,同时提供了案例设计源文件及一套独立视频课程,目的是帮助UI设计学习者了解和掌握UI设计的规范、配色思路及具体的设计方法,同时使有一定UI设计经验的人得到提升。 本书适合UI设计初学者、有一定设计经验的UI设计师和交互设计师阅读。<br/>【推荐语】<br/>优设网主编 程远 站酷推荐设计师/《网页设计那些事儿》作者 王晖 《大话设计师》作者影天酱,百度前UI 设计师 王东 深圳市知行一信息技术有限公司联合创始人 袁宗保 UI中国认证推荐设计师/站酷百万人气设计师/ 百度设计师 黄俊杰 “菜园子”产品经理社区创始人/蜻蜓FM产品总经理/万达网络科技产品总经理/微软互联网研究院产品经理 /SAP中小企业部门的产品负责人 生菜众多大咖联袂推荐; 软件操作,设计理念,设计方法相辅相成的UI界面设计书; 配备案例源文件 独立视频课程实战+拓展练习,更快更好学会。<br/>【作者】<br/>陈晓历(Kiki) 曾参与《爸爸去哪儿》《宫爆老奶奶》手游UI项目设计,以及《火影疾风坛》网页游戏项目设计。 曾负责“星巴克”小程序设计项目。 搜狗签约皮肤设计师,作品多次被UI中国首页推荐。<br/>
目录展开

版权页

目录

内容提要

精彩案例展示

推荐

前言

资源与支持

第1章 图标设计

1.1 实战:绘制一套日记App的线性图标

1.1.1 绘制“私信”图标

1.1.2 绘制“定位”图标

1.1.3 绘制“相机”图标

1.1.4 绘制“分享”图标

1.1.5 绘制“对话”图标

1.1.6 绘制“心”图标

1.1.7 绘制“个人”图标

1.1.8 绘制“支付”图标

1.1.9 绘制“闹钟”图标

1.1.10 绘制“Wi-Fi”图标

1.1.11 绘制“点赞”图标

1.1.12 绘制“图片”图标

1.1.13 绘制“购物车”图标

1.1.14 绘制“删除”图标

1.1.15 绘制“设置”图标

1.1.16 绘制“手机”图标

1.1.17 绘制“放大镜”图标

1.1.18 绘制“天气”图标

1.1.19 绘制“锁”图标

1.1.20 绘制“包”图标

拓展练习:绘制一套线性图标

1.2 实战:绘制一套社交App的扁平图标

1.2.1 绘制“相机”图标

1.2.2 绘制“旋转”图标

1.2.3 绘制“圆形”图标

1.2.4 绘制“聊天”图标

1.2.5 绘制“闪电”图标

1.2.6 绘制“多色气泡”图标

拓展练习:绘制一个扁平化图标

1.3 实战:绘制一套工具类型的拟物图标

1.3.1 绘制“钟表盘”图标

1.3.2 绘制“按钮”图标

1.3.3 绘制“渐变色开关”图标

1.3.4 绘制“相机”图标

拓展练习:绘制一个拟物图标

第2章 引导页设计

2.1 实战:“心沟通”引导页的制作

2.1.1 绘制背景

2.1.2 绘制图形装饰背景

2.1.3 绘制心形图案

2.1.4 添加文字

2.1.5 绘制翻页元素

2.1.6 制作立体效果

拓展练习:绘制一个以实物图为背景的引导页

2.2 实战:“爱护鲸鱼”引导页的制作

2.2.1 绘制背景

2.2.2 绘制鲸鱼

2.2.3 绘制桥头

2.2.4 绘制小女孩

2.2.5 添加倒影

2.2.6 添加文字和斜线

2.2.7 制作立体效果

拓展练习:绘制一个“鲸鱼”主题的引导页

2.3 实战:“海上日出”引导页的制作

2.3.1 绘制波浪

2.3.2 绘制太阳

2.3.3 绘制浪花

2.3.4 添加文字

2.3.5 制作立体效果

拓展练习:绘制一个与案例同类型的引导页

2.4 实战:“萌胖减重”引导页的制作

2.4.1 绘制海浪

2.4.2 绘制救生圈

2.4.3 绘制卡通人物

2.4.4 添加小黄鸭

2.4.5 添加文本

2.4.6 制作立体效果

拓展练习:绘制一个“中秋赏月”主题的引导页

第3章 主页设计

3.1 实战:相机主页的制作

3.1.1 绘制背景

3.1.2 绘制操作栏图标

3.1.3 制作立体效果

拓展练习:绘制一个黑色效果的相机主页

3.2 实战:酷炫音乐播放器主页的制作

3.2.1 绘制背景

3.2.2 编辑图片

3.2.3 绘制状态栏和操作栏的图标

3.2.4 绘制播放器

3.2.5 制作立体效果

拓展练习:绘制一个紫色炫酷类型的播放器主页

3.3 实战:音乐播放器主页的制作

3.3.1 绘制背景

3.3.2 编辑图片

3.3.3 绘制顶部操作栏

3.3.4 绘制播放器

3.3.5 制作立体效果

拓展练习:绘制一个极简风格的播放器主页

3.4 实战:微故事主页的制作

3.4.1 绘制背景

3.4.2 绘制标题

3.4.3 绘制卡片

3.4.4 制作立体效果

拓展练习:绘制一个卡片类型的电影App主页

3.5 实战:推荐文章主页的制作

3.5.1 绘制背景

3.5.2 绘制页边

3.5.3 绘制状态栏

3.5.4 绘制底部操作栏

3.5.5 添加正文

3.5.6 制作立体效果

拓展练习:绘制一个图文混排的好文章分享App主页

3.6 实战:直播App主页的制作

3.6.1 绘制背景

3.6.2 绘制操作栏图标

3.6.3 制作立体效果

拓展练习:绘制一个渐变效果的视频剪辑App主页

第4章 图表页设计

4.1 实战:简约水波图表页的制作

4.1.1 绘制背景

4.1.2 绘制顶部水纹

4.1.3 绘制定界框并放入图标

4.1.4 绘制圆圈部分图标

4.1.5 添加文本

4.1.6 绘制底部列表

4.1.7 完善细节

4.1.8 制作立体效果

拓展练习:绘制一个渐变发光效果的数据图表页

4.2 实战:渐变互动指数图表页的制作

4.2.1 绘制背景

4.2.2 绘制定界框

4.2.3 添加文本

4.2.4 绘制指数图部分

4.2.5 制作立体效果

拓展练习:绘制一个蓝紫色的图表页

4.3 实战:渐变活力评分图表页的制作

4.3.1 绘制背景

4.3.2 绘制操作栏

4.3.3 绘制圆环部分

4.3.4 绘制卡片部分

4.3.5 制作立体效果

拓展练习:绘制一个极简风格的图表页

4.4 实战:渐变业绩图表页的制作

4.4.1 绘制背景

4.4.2 绘制状态栏

4.4.3 绘制卡片部分

4.4.4 绘制列表

4.4.5 制作立体效果

拓展练习:绘制一个卡片样式的图表页

第5章 个人中心页设计

5.1 实战:居中形式的个人中心页制作

5.1.1 绘制背景

5.1.2 绘制定界框

5.1.3 绘制用户信息

5.1.4 添加图标

5.1.5 添加数据信息

5.1.6 添加底部图片

5.1.7 制作立体效果

拓展练习:绘制一个居中形式的个人中心页

5.2 实战:侧边形式的个人中心页制作

5.2.1 绘制背景

5.2.2 绘制定界框

5.2.3 添加用户头像

5.2.4 添加文本

5.2.5 制作立体效果

拓展练习:绘制一个侧边栏样式的个人中心页

5.3 实战:斜边形式的个人中心页制作

5.3.1 绘制背景

5.3.2 绘制定界框

5.3.3 绘制图标

5.3.4 添加用户信息

5.3.5 绘制列表

5.3.6 添加按钮

5.3.7 制作立体效果

拓展练习:绘制一个左对齐形式的个人中心页

5.4 实战:中心展示类的个人中心页制作

5.4.1 制作用户信息

5.4.2 制作列表信息

5.4.3 绘制“提示”按钮

5.4.4 绘制“关闭”按钮

5.4.5 制作立体效果

拓展练习:绘制一个中心展示形式的个人中心页

第6章 登录页设计

6.1 实战:时尚不规则卡片登录页的制作

6.1.1 绘制背景

6.1.2 绘制卡片

6.1.3 绘制定界框

6.1.4 添加登录信息

6.1.5 添加细节

6.1.6 制作立体效果

拓展练习:绘制一个极简登录页

6.2 实战:极简风格登录页的制作

6.2.1 绘制背景

6.2.2 添加导航栏信息

6.2.3 绘制头像

6.2.4 绘制“相机”图标

6.2.5 绘制列表

6.2.6 绘制按钮

6.2.7 制作立体效果

拓展练习:绘制一个极简风格的卡片登录页

6.3 实战:透气建筑风格登录页的制作

6.3.1 绘制背景

6.3.2 绘制定界框

6.3.3 添加装饰色块

6.3.4 添加登录信息

6.3.5 添加按钮

6.3.6 制作立体效果

拓展练习:绘制一个建筑风格的登录页

6.4 实战:渐变小弹框登录页的制作

6.4.1 绘制背景

6.4.2 绘制卡片

6.4.3 添加文本

6.4.4 制作立体效果

拓展练习:绘制一个卡片类型的登录页

累计评论(0条) 0个书友正在讨论这本书 发表评论

发表评论

发表评论,分享你的想法吧!

买过这本书的人还买过

读了这本书的人还在读

回顶部