序
前言
第1章 移动互联网UI设计
1.1 移动端UI设计概念
1.2 移动UI的特性
1.3 移动产品界面设计的常用工具
1.4 UI设计尺寸
第2章 什么是Photoshop
2.1 初识UI设计软件之Photoshop
2.2 Photoshop应用领域
2.2.1 在UI设计领域上的一把手
2.2.2 在数码图像处理上的佼佼者
2.2.3 在动画与图像后期制作上的认可
2.3 色彩模式的认识
2.3.1 RGB色彩模式
2.3.2 CMYK色彩模式
2.3.3 灰度色彩模式
2.3.4 通道色彩模式
2.3.5 色彩模式的选择2.3.6色彩模式的切换
2.4 基本单位的认识
2.4.1 像素
2.4.2 分辨率
2.4.3 位图图像
2.4.4 矢量图图像
2.4.5 位图与矢量图的区别
2.5 储存格式的应用
2.5.1 PSD格式
2.5.2 JPEG格式
2.5.3 GIF格式
2.5.4 PNG格式
第3章 界面设定
3.1 界面介绍
3.1.1 界面组成部分
3.1.2 活动面板的使用
3.1.3 图层面板初识3.2文档基本操作
3.2 文档基本操作
3.2.1 新建空白画布
3.2.2 存储使用格式
第4章 建立选区
4.1 建立正常规则选框
4.1.1 矩形选框组
4.1.2 移动变换选框
4.1.3 选框布尔运算
4.1.4 选框快捷键组合
4.2 建立随意不规则选区
4.2.1 套索和多边形套索工具的使用
4.2.2 磁性套索的使用及抠图
4.2.3 iWatch抠图案例详解
4.2.4 人物复杂边缘抠图案例详解
4.2.5 魔棒工具使用方法
4.2.6 容差值设定
4.2.7 手机抠图之魔棒操作
4.2.8 快速选择工具
4.3 羽化和消除锯齿
4.3.1 选定羽化范围
4.3.2 羽化参数设置
4.3.3 羽化的使用方法
4.3.4 优化选区参数操作
第5章 图层深度剖析
5.1 图层组成
5.1.1 图层的使用
5.1.2 图层的分类
5.1.3 新建图层的快捷方式
5.1.4 删除图层的快捷方式
5.1.5 图层的隐藏与显示
5.2 图层填色
5.2.1 前(背)景色填充快捷操作
5.2.2 选区的优先级填色
5.2.3 图层不透明度的调整
5.3 图层顺序调整
5.3.1 图层层级关系
5.3.2 图层置底操作
5.3.3 图层置顶操作
5.4 层编组使用
5.4.1 新建组与子图层
5.4.2 编组方式的快捷运用
第6章 矢量路径操作
6.1 路径和锚点初识
6.1.1 绘制开放路径
6.1.2 绘制闭合路径
6.2 锚点的删除与添加
6.2.1 锚点的添加
6.2.2 锚点的删除
6.3 曲线路径的绘制
6.3.1 把手初识
6.3.2 曲线绘制
6.4 曲线路径分类
6.4.1 直线绘制
6.4.2 贝塞尔S形曲线绘制
6.4.3 贝塞尔C形曲线绘制
6.4.4 贝塞尔U形曲线绘制
6.4.5 Z形曲线绘制
6.4.6 对称水滴形曲线绘制
6.5 路径选择
6.5.1 路径选择工具
6.5.2 直接选择工具
6.5.3 把手及锚点的调整使用
6.6 路径应用
6.6.1 路径转选区
6.6.2 路径转蒙版
6.6.3 路径转形状
6.7 路径抠图方法
6.7.1 瓷器路径抠图
6.7.2 家具路径抠图
第7章 形状操作
7.1 形状工具组
7.1.1 矩形工具
7.1.2 圆角矩形工具
7.1.3 椭圆工具
7.1.4 多边形工具
7.1.5 直线工具
7.1.6 自定义形状工具
7.2 形状工具布尔运算
7.2.1 加法运算
7.2.2 减法运算
7.2.3 相交运算
7.2.4 排除重叠形状运算
7.2.5 合并形状组件
7.3 路径的对齐操作
7.3.1 路径的对齐方式
7.3.2 路径的分布方式
7.4 移动主题图标设计
7.4.1 计算机扁平图标设计
7.4.2 图库扁平图标设计
7.4.3 日历扁平图标设计
第8章 UI设计中文字的应用
8.1 文字工具初识
8.1.1 横排文字
8.1.2 直排文字
8.1.3 横排文字蒙版工具
8.1.4 直排文字蒙版工具
8.2 文字面板参数设置
8.2.1 字符面板
8.2.2 段落面板
8.2.3 文字调整快捷键
8.2.4 文字消除锯齿方式
8.3 文字在画册排版中的应用
8.3.1 标题的排版
8.3.2 版式的设计
第9章 图层样式
9.1 混合选项组
9.1.1 斜面和浮雕
9.1.2 投影与内阴影
9.1.3 内发光与外发光
9.1.4 叠加
9.1.5 描边
9.1.6 光泽
9.2 渐变的样式
9.2.1 线性渐变
9.2.2 径向渐变
9.2.3 角度渐变
9.2.4 对称渐变
9.2.5 菱形渐变
9.3 创建剪贴蒙版
9.3.1 剪贴蒙版的定义
9.3.2 剪贴蒙版与图层蒙版的区别
9.3.3 剪贴蒙版的作用机理
9.3.4 剪贴蒙版的使用方式
9.3.5 剪贴蒙版的使用技巧
9.3.6 剪贴蒙版的快捷操作
9.4 炫酷微拟物UI图标设计
9.4.1 手电筒图标设计
9.4.2 设置图标设计
9.4.3 钟表图标设计
第10章 使用画笔
10.1 画笔的选用
10.1.1 硬度和大小的设置
10.1.2 画笔的快捷键组合
10.1.3 画笔的预设参数
10.2 超写实破壳鸡蛋绘制
第11章 图层蒙版的应用
11.1 初识图层蒙版
11.1.1 图层蒙版的定义
11.1.2 图层蒙版的作用
11.1.3 图层蒙版的建立与删除
11.1.4 图层蒙版的应用与停用
11.2 城市夜景图层蒙版合成案例
第12章 滤镜的高级应用
12.1 素描画像制作
12.2 女人海报—3D
第13章 其他工具应用
13.1 图案的使用
13.1.1 图案的定义
13.1.2 图案的填充方式
13.2 修复工具组
13.2.1 修复画笔工具
13.2.2 修补工具
13.2.3 污点修复画笔工具
13.2.4 内容感知移动工具
13.2.5 红眼工具
13.3 调整色彩
13.3.1 亮度与对比度
13.3.2 曲线和色阶
13.3.3 色相/饱和度
13.3.4 色彩平衡
13.3.5 反相和去色
第14章 综合案列应用
14.1 图像合成
14.1.1 制作逼真木质纹理
14.1.2 制作禁烟公益海报
14.2 肖像处理
14.2.1 欧美人物磨皮教程
14.2.2 人物素描效果制作
14.3 网页设计应用
14.3.1 网站设计的页面构成
14.3.2 网页的设计原则
14.3.3 互联网网页的首页设计
14.4 移动App界面设计
14.4.1 移动界面设计规范
14.4.2 移动界面设计布局
14.4.3 UI界面设计方式
第15章 UI界面设计之Illustrator
15.1 初识AI
15.1.1 AI的界面认识
15.1.2 AI的应用领域
15.1.3 AI的快捷键
15.1.4 AI的文件格式与保存
15.2 矢量图形的绘制
15.2.1 矩形与椭圆的绘制
15.2.2 矩形转圆角
15.2.3 QQ邮箱图标的制作
15.3 描边的应用
15.3.1 剪刀工具的使用
15.3.2 刻刀工具的使用
15.3.3 MBE风格图标的应用
15.4 绘制多彩拟物图标
15.4.1 形状、路径查找器的应用
15.4.2 渐变工具的应用
15.4.3 制作渐变小图标
15.4.4 制作绚丽相册
第16章 AI的高级应用
16.1 扭曲、变换的使用
16.2 变形的使用
16.3 风格化的使用
第17章 UI界面设计之Sketch进阶(一)
17.1 了解Sketch
17.1.1 界面认识
17.1.2 Sketch图层
17.2 Sketch图形
17.2.1 图形概述
17.2.2 矩形与圆角矩形
17.2.3 三角形
17.2.4 椭圆和直线
17.2.5 五角星和多边形
17.2.6 图形转换点操作
17.2.7 布尔运算
17.3 Text文本
17.3.1 文本概述
17.3.2 文本检查器
17.3.3 文本渲染
17.3.4 文本样式
17.4 Image图片
17.4.1 图片概述
17.4.2 位图编辑
17.4.3 色彩矫正
17.5 Styling样式
17.5.1 样式概述
17.5.2 填充
17.5.3 边框
17.5.4 阴影
17.5.5 模糊
17.5.6 渐变
第18章 UI界面设计之Sketch进阶(二)
18.1 Symbols符号定义
18.2 Styling样式
18.3 UI界面中符号和样式的重要应用
18.4 前端开发导出
18.5 导出倍率关系适配
18.6 让设计更加直观、便捷
18.7 iOS Mirror概述
18.8 iOS Mirror设置及使用
第19章 三大利器结合应用
19.1 AI与PS紧密衔接
19.1.1 字体设计(一)
19.1.2 字体设计(二)
19.1.3 AI中快速实现Low Poly制作
19.1.4 移动界面中Low Poly界面设计应用
19.2 AI与PS的跨软件合作之麦克风
19.3 Sketch实现电商类App界面设计
19.4 通过AI进行logo设计
后记2100433B
《移动UI设计三大利器:Photoshop Illustrator Sketch》一书主要阐述了UI设计必备的三大软件:众所周知的绘图软件Photoshop、矢量图形绘制软件Illustrator、苹果系统专用的绘图软件Sketch。本书立足于互联网行业,对三大UI设计软件进行了全面的讲解。本书内容结合UI设计制作中常用的绘图工具及绘图手法,并将其落实到每一个工具中,一一分析讲解,从而引出UI设计方法论。 《移动UI设计三大利器:Photoshop Illustrator Sketch》适合UI界面视觉设计师,以及想从事这个方向的读者学习使用。
第2版前言第1版前言第1章 土方工程1.1 土的分类与工程性质1.2 场地平整、土方量计算与土方调配1.3 基坑土方开挖准备与降排水1.4 基坑边坡与坑壁支护1.5 土方工程的机械化施工复习思考题第2...
前言第一章 现代设计和现代设计教育现代设计的发展现代设计教育第二章 现代设计的萌芽与“工艺美术”运动工业革命初期的设计发展状况英国“工艺美术”运动第三章 “新艺术”运动“新艺术”运动的背景法国的“新艺...
第一篇 综合篇第一章 绿色建筑的理念与实践第二章 绿色建筑评价标识总体情况第三章 发挥“资源”优势,推进绿色建筑发展第四章 绿色建筑委员会国际合作情况第五章 上海世博会园区生态规划设计的研究与实践第六...
柜号 序号 G1 1 G1 2 G1 3 G2 4 G2 5 G2 6 G2 7 G2 8 G2 9 G1 10 G2 11 G2 12 G2 13 G2 14 G1 15 G1 16 G1 17 G2 18 G2 19 G2 20 G1 21 G3 22 G3 23 G3 24 G3 25 G3 26 G3 27 G1 28 G1 29 G3 30 G3 31 G2 32 G2 33 G2 34 G2 35 G2 36 G2 37 G2 38 下右 39 下右 40 下右 41 下右 42 下右 43 下右 44 下右 45 下右 46 下右 47 下右 48 下右 49 下右 50 下右 51 下右 52 下右 53 下左 54 下左 55 下左 56 下左 57 下左 58 下左 59 下左 60 下左 61 下左 62 下左 63 下左 64 下左 65 下左 66 下左 67 下
1 工程常用图书目录(电气、给排水、暖通、结构、建筑) 序号 图书编号 图书名称 价格(元) 备注 JTJ-工程 -24 2009JSCS-5 全国民用建筑工程设计技术措施-电气 128 JTJ-工程 -25 2009JSCS-3 全国民用建筑工程设计技术措施-给水排水 136 JTJ-工程 -26 2009JSCS-4 全国民用建筑工程设计技术措施-暖通空调 ?动力 98 JTJ-工程 -27 2009JSCS-2 全国民用建筑工程设计技术措施-结构(结构体系) 48 JTJ-工程 -28 2007JSCS-KR 全国民用建筑工程设计技术措施 节能专篇-暖通空调 ?动力 54 JTJ-工程 -29 11G101-1 混凝土结构施工图平面整体表示方法制图规则和构造详图(现浇混凝土框架、剪力墙、框架 -剪力墙、框 支剪力墙结构、现浇混凝土楼面与屋面板) 69 代替 00G101
本书紧扣用户界(UI)面设计趋势,主要讲解了什么是UI设计,UI设计的原则与理念,图标设计方法、移动端界面UI设计布局和iOS规范五大方面的内容。本书结构清晰、内容翔实,为广大读者详细解读了UI的设计理念与方法,是一本UI设计的入门级教材。本书能够提高图标设计人员、UI设计师、平面设计师、用户体验设计师等的设计技能,可以帮助他们打开创意灵感之门。本书也适合想要从事UI设计相关工作的读者学习使用;也可作为高校和培训机构视觉传达和多媒体设计等相关专业的教材和参考书。
文章来源:UI中国专业体验设计平台
汽车仪表盘UI设计算是UI设计当中比较特殊的一种,有着行业标准要去遵循,有着很多限制条件。
相较于移动端UI设计类,汽车仪表盘信息系统UI的功能需求是很明确也比较稳定的,整个信息架构也很成熟,不会那么轻易就增删功能也不会随便就去构架一个新的信息架构。毕竟汽车仪表盘从诞生到今天已经有非常悠久的历史了,伴随科技的发展经过时间的沉淀已经算是很成熟的产品了。自然而然的对仪表盘信息系统UI的要求就着重落在了主界面的视觉风格上,整体上与车型风格内饰风格相符合。
当然未来伴随着人工智能在汽车行业的应用,也许汽车仪表盘UI设计就会有大的改变。但是事物的发展是一步一步来的,甚至也是迭代出来的。本文只写一些对于当下主流的汽车仪表盘UI设计的见解。
在我在汽车仪表厂做汽车仪表盘UI设计工作的那一年里,画过很多的仪表盘UI而且每次主画的都是主界面,除非要去做模拟仪表运行动画视频效果的时候才会考虑到一些交互的东西。关于这一方面的交互设计,其实也可以从结构认知、状态认知、效率加速这三方面逐一去分析考虑。
结构认知
关于结构认知,就是要快速地让用户理解当前的系统。这是由于人的大脑决定的,认识一个新事物首先要有一个大的结构认知,这是干什么的。
由于汽车已经被千家万户使用,用户对仪表盘UI也是很熟悉的,在结构认知上并没有什么问题。都知道汽车仪表盘是反映车辆各系统工作状况的装置,一般有车速里程表、转速表等等。大体的结构如下图。
而且到目前,关于汽车仪表盘UI这一块已经有不少约定俗成的标准也就是行业规范,如各种报警提示该用像素多大形状是怎么样的图标来展示,而且不同报警状况下又该用哪种颜色等等都是有规范的,也得按照规范去做。只有在很少情况下,如比以往增加了一个小功能需要一个新的图标,这时候才需要重新设计一个图标,但是新设计的图标的大小以及颜色也是不能乱来的。
做UI有一个很重要的原则就是一致性原则,色彩一致性、操作一致性、反馈一致性、文字一致性。其实这个原则也应用在汽车仪表盘UI设计中,尤其汽车工作状况提示以及操作菜单这一块。要保持一致性,就需要规范去指导。在仪表盘UI设计这一块,规范已经形成了一个行业标准,去遵循就可以了不需要全部都重新设计,就算是一些新的小功能也得有规范来约束的。
状态认知
关于状态认知,就是让用户通过仪表盘UI快速了解汽车工作系统处于何种状态。
那首先就得了解在汽车工作过程中反应到仪表盘UI上的状态会有多少种,正常时和非正常时的状态,每种状态用何种形式表达出来能让用户明白。
如:车主用户从启动汽车关闭车门挂档换挡加速减速开关空调开关窗等一系列行为发生后通过什么样的形式在UI上表现出来告知用户目前是何种状态,让车主知道自己是在控制整辆车。当然也包括汽车某系统发生故障时的状态等等,还包括预防用户犯错也就是及时反馈避免用户进一步犯错。
对于菜单的设计也是如此。在梳理状态时,跟着流程一点一点梳理就不会有遗漏,这也是一个很费时间的过程。庆幸的是,汽车仪表盘UI需要呈现多少种状态已经是一个可以明确的事情,因为车企内部已积累有这方面的经验,已经很成熟了的,而且对于汽车这种超级复杂并且还涉及到生命安全的产品,是不能轻易就去改动一些功能的也就不会随便多增加一些状态展示的。所以设计UI的时候往往需要的是更新一下表现形式将状态表现出来。
效率
关于效率,在汽车仪表盘UI这一块更多的是解决等待问题,如开机动画如何进行情感化设计以让车主等待起来不那么难受,还有菜单这一块有些高频一些的任务不要设计得层级过深等。但是相对于整个仪表盘信息系统来说,这些并不是最重要的那一部分。
总结
以上从结构认知、状态认知以及效率这三方面来分析汽车仪表盘信息系统UI的设计,就会发现汽车仪表盘信息系统因为已经有行业规范了,而且车企内也积累有自己的交互标准了,没有大的变革就不太可能有大的变动。但是不同车型往往还不能配同样的仪表盘用户界面,那就得在视觉上下功夫了,甚至是拟定不同的主题来设计不同的主界面。所以做这一方面的设计师中的后来者就只能在视觉上展拳脚了,交互形式不会轻易改变,就算改变也是在一段时间内改变一小点,除非刚好遇上了改革的转折点那就是另一回事了。
一个产品有80%是共性,20%是个性。把这句话再放在仪表盘UI视觉这个范围内甚至再将它放在仪表盘的主界面内,就会发现要设计不同的主界面能施展的空间是有多么小,所以汽车仪表盘UI也不会有千变万化的视觉风格出现。但是施展的空间再小也得设计出不一样的UI来。
倒计时1天 | 世界杯扫盲指南
关于友衷
用户界面是所有屏幕产品的重要组成部分,是用户与产品交流的直接媒介。本书邀请了全球50位UI设计师, 展示了他们精彩而独特的设计作品,并且从产品特征、创作目的、目标用户、色彩含义和使用字体等角度对作品加以解析。每位设计师还分享了他们从业多年的经验和心得,提出了有效而实用的建议。
本书适用于UI设计、交互设计、用户体验设计的初学者和从业者,能够帮助他们迅速提升专业技能并获得创作灵感。
度本图书,专注于艺术设计类图书的设计、编辑、策划与出版,成立至今已在国内、外出版多种语言版本的畅销图书,其作品以品质精良、专业化而著称。