App 下载
注册
登录
|
搜索
正在搜索中...
首页
我的书架
我的主页
我的收藏
我的书评
本书站在一线设计师的视角,完整地展示了新媒体下的UI设计流程和细节技巧。通过主动沟通,素材的设计,草图的绘制,网页端、常用端、移动设备端设计及项目总结,引导读者在设计之路
……
[ 展开全部 ]
上可以举一反三,采用TIPs和实际案例结合的说明模式,让读者有更多思考的空间。
[ 收起 ]
作者:米田
出版社:电子工业出版社
定价:79
ISBN:9787121231933
给个评价
做个书摘
书摘 (21 )
评价 (1 )
查看所有书摘
按目录显示书摘
wslyfzok
2018-10-30 16:02:46 摘录
理查德·巴克明斯特·富勒说:“要想教给人们一种新的思维方式,就不要刻意教他们,而应当交给他们一种工具,通过使用工具培养新的思维方式。”
这种方法可以将零碎的灵感通过点一线结构组合成整体。简单来说,类似于拼图
游戏。不过在思维的过程中,不需要思考最终的画面效果,而是尽可能从中心点发散出各式各样的相关关键字。在这个过程里,任凭想象力奔驰,寻找相似
的答案,哪怕它只与主题有一丝联系。
行而上 一个作品,你要看的并非它的成像 而是作者背后的思路和逻辑 当你真正明白,以此可进行再创造
这条书摘已被收藏
0
次
+1
0
分享
收藏
0
条评价
wslyfzok
2018-10-30 12:11:59 摘录
视觉平衡 图像的轻重,色彩的浓淡冷暖,虚实,大小比例,位置排布.....都影响视觉平衡 感觉不对啊,这句话包含很多内容,到底是那个元素出现了问题,导致画面失衡,让人感觉总是差了那么一点。 需要认真考虑。或许调节位置,或许是颜色,大小。需要好好思考
这条书摘已被收藏
0
次
+1
0
分享
收藏
0
条评价
wslyfzok
2018-10-30 11:59:02 摘录
即使信息再多,用户一眼看去也知道你的大纲,并且轻松找到他想要的。 设计就是信息的传达有效化 做一个让人秒懂的界面,简洁的背后是严明的逻辑
这条书摘已被收藏
0
次
+1
0
分享
收藏
0
条评价
wslyfzok
2018-10-30 11:54:09 摘录
格式塔理论明确地提出,眼脑作用是一个不断组织、简化、统一的过
过程,正是通过这一过程,才产生出易于理解、协调的整体。我们的视觉系
自动对视觉输入构建结构,并且在神经系统层面上感知形状、图形和物体,而
不是只看到互不相连的边、线和区域。”
图2.17相似原理
连续与填充原则连续原则说的是我们的视觉倾向于感知连续的形式而不是零散的碎片。简单一点,人能自动将残缺的图形填充,这个原则常常被用做重塑字体。我们看到大部分的标志虽然缺少某些笔画,但是却能轻松地识别出来。根据以往的经验和视/知觉的整体意愿驱使,我们习惯性地将图形作为一个整体去观看,于是我们在脑袋里将缺少的形状补充进去之后,便形成最终识别
出来的图形效果。
7±2原则
人脑处理信息的能力有限,人们短期记忆每次能处理5~9件事情。1956年,乔治·米勒对短时记忆能力进行了定量研究,他发现人类头脑最好的状态能记忆7±2项信息块,在记忆了5~9项信息后人类的头脑就开始出错。与席克定律类似,神奇数字7+2原则也经常被应用在移动应用交互设计
上,如应用的选项卡不会超过5个图2.197±2原则
2秒原则
用户阅读时间很快,只用4秒就能完成页面浏览。我们没有足够的时间吸引用户并让他们继续浏览我们的网站。也就是说,我们应尽可能准确地描述设计的网站或产品的特征。如果它需要让用户花费更多的时间去想明白此网站或某个产品是关于什么的,用户宁可放弃并且会离开。
3次点击法则
如果用户在点击3次之后还没有找到他们想要的信息或了解网站的特色
他们就会离开
不过如果用户对系统的运作有全面的了解,那么点击多少次都是没关系的
清晰的导航、符合逻辑的结构和易于理解的网站层级是很重要的。
这条书摘已被收藏
0
次
+1
0
分享
收藏
0
条评价
点击加载更多
导购链接
×
做书摘
文字书摘
读图识字
至少还需要输入
10
字
保存原图片为书摘
上传图片
识别
最多输入
500
个字
上传图片
重新上传
写点笔记吧
至少还需要输入
10
字
章节(选填)
01 NO.写在前面的话 01
1.1 设计师的前世今生 03
1.2 主动带来的变化 05
02 NO.主动沟通的智慧 11
2.1 读心术――把握客户的真实需求 13
2.2 用户想要什么 26
03 NO.预见最终的产品 35
3.1 绘制高效的模型 37
3.2 什么样的线框草稿是合理的 38
3.3 草稿做到清晰即可 39
3.4 草稿的作用 41
3.5 草图绘制常用的工具 42
3.6 移动设备常用原型工具 45
3.7 原型总结 46
04 NO.素材收集 47
4.1 高效化的工具 49
4.2 提取关键字,让素材收集更精准 58
4.3 这样的素材,使用起来更方便 76
05 NO.网页端 95
5.1 Banner:专题图的九阴真经 97
5.2 二维码:新设计的方向 116
5.3 图表:信息垃圾的第二春 123
5.4 微博设计 130
5.5 专题:魅力专题如何炼成? 137
06 NO.移动设备设计 151
6.1 移动设备设计:Loading 友好的第一印象 153
6.2 界面:只要满足用户某个需求 158
6.3 移动设备设计: 图标 171
6.4 细节:视觉品质的升华 180
07 NO.常用端设计 193
7.1 PPT 设计:会说话的PPT 195
7.2 简历:你的最佳销售员 200
7.3 配色:色彩创造感觉 207
7.4 品牌:诉说自己的故事 222
7.5 图片:欲望点击不求人 230
08 NO.前端知识 237
8.1 设计师应该掌握的前端知识 239
8.2 视觉稿切片 239
8.3 HTML/CSS 重构细节 241
8.4 常用前端神器 244
09 NO.项目总结 247
9.1 给项目划上完美的句号 249
9.2 化繁为简――碎片记录 253
10 NO.后记 261
10.1 设计师不得不说的那些事 263
10.2 阅读至少不会让你变傻 26
页码(选填)
这本书已经添加了这些章节,请勾选或者新建你的书摘所属的章节
add
up
down
remove
01 NO.写在前面的话 01
1.1 设计师的前世今生 03
1.2 主动带来的变化 05
02 NO.主动沟通的智慧 11
2.1 读心术――把握客户的真实需求 13
2.2 用户想要什么 26
03 NO.预见最终的产品 35
3.1 绘制高效的模型 37
3.2 什么样的线框草稿是合理的 38
3.3 草稿做到清晰即可 39
3.4 草稿的作用 41
3.5 草图绘制常用的工具 42
3.6 移动设备常用原型工具 45
3.7 原型总结 46
04 NO.素材收集 47
4.1 高效化的工具 49
4.2 提取关键字,让素材收集更精准 58
4.3 这样的素材,使用起来更方便 76
05 NO.网页端 95
5.1 Banner:专题图的九阴真经 97
5.2 二维码:新设计的方向 116
5.3 图表:信息垃圾的第二春 123
5.4 微博设计 130
5.5 专题:魅力专题如何炼成? 137
06 NO.移动设备设计 151
6.1 移动设备设计:Loading 友好的第一印象 153
6.2 界面:只要满足用户某个需求 158
6.3 移动设备设计: 图标 171
6.4 细节:视觉品质的升华 180
07 NO.常用端设计 193
7.1 PPT 设计:会说话的PPT 195
7.2 简历:你的最佳销售员 200
7.3 配色:色彩创造感觉 207
7.4 品牌:诉说自己的故事 222
7.5 图片:欲望点击不求人 230
08 NO.前端知识 237
8.1 设计师应该掌握的前端知识 239
8.2 视觉稿切片 239
8.3 HTML/CSS 重构细节 241
8.4 常用前端神器 244
09 NO.项目总结 247
9.1 给项目划上完美的句号 249
9.2 化繁为简――碎片记录 253
10 NO.后记 261
10.1 设计师不得不说的那些事 263
10.2 阅读至少不会让你变傻 26
×
添加一个书摘本
搜索创建书摘本
搜索
正在搜索...
不对,换一下
书名
作者
出版社
备注
ISBN
*
*
×
编辑书摘
书摘
最少还需要输入
10
字
写点笔记吧
最少还需要输入
10
字
*
这条书摘是属于哪一章节的?
01 NO.写在前面的话 01
1.1 设计师的前世今生 03
1.2 主动带来的变化 05
02 NO.主动沟通的智慧 11
2.1 读心术――把握客户的真实需求 13
2.2 用户想要什么 26
03 NO.预见最终的产品 35
3.1 绘制高效的模型 37
3.2 什么样的线框草稿是合理的 38
3.3 草稿做到清晰即可 39
3.4 草稿的作用 41
3.5 草图绘制常用的工具 42
3.6 移动设备常用原型工具 45
3.7 原型总结 46
04 NO.素材收集 47
4.1 高效化的工具 49
4.2 提取关键字,让素材收集更精准 58
4.3 这样的素材,使用起来更方便 76
05 NO.网页端 95
5.1 Banner:专题图的九阴真经 97
5.2 二维码:新设计的方向 116
5.3 图表:信息垃圾的第二春 123
5.4 微博设计 130
5.5 专题:魅力专题如何炼成? 137
06 NO.移动设备设计 151
6.1 移动设备设计:Loading 友好的第一印象 153
6.2 界面:只要满足用户某个需求 158
6.3 移动设备设计: 图标 171
6.4 细节:视觉品质的升华 180
07 NO.常用端设计 193
7.1 PPT 设计:会说话的PPT 195
7.2 简历:你的最佳销售员 200
7.3 配色:色彩创造感觉 207
7.4 品牌:诉说自己的故事 222
7.5 图片:欲望点击不求人 230
08 NO.前端知识 237
8.1 设计师应该掌握的前端知识 239
8.2 视觉稿切片 239
8.3 HTML/CSS 重构细节 241
8.4 常用前端神器 244
09 NO.项目总结 247
9.1 给项目划上完美的句号 249
9.2 化繁为简――碎片记录 253
10 NO.后记 261
10.1 设计师不得不说的那些事 263
10.2 阅读至少不会让你变傻 26
*
页码
×
删除
您确定要删除吗?
这种方法可以将零碎的灵感通过点一线结构组合成整体。简单来说,类似于拼图
游戏。不过在思维的过程中,不需要思考最终的画面效果,而是尽可能从中心点发散出各式各样的相关关键字。在这个过程里,任凭想象力奔驰,寻找相似
的答案,哪怕它只与主题有一丝联系。
格式塔理论明确地提出,眼脑作用是一个不断组织、简化、统一的过
过程,正是通过这一过程,才产生出易于理解、协调的整体。我们的视觉系
自动对视觉输入构建结构,并且在神经系统层面上感知形状、图形和物体,而
不是只看到互不相连的边、线和区域。”
图2.17相似原理
连续与填充原则连续原则说的是我们的视觉倾向于感知连续的形式而不是零散的碎片。简单一点,人能自动将残缺的图形填充,这个原则常常被用做重塑字体。我们看到大部分的标志虽然缺少某些笔画,但是却能轻松地识别出来。根据以往的经验和视/知觉的整体意愿驱使,我们习惯性地将图形作为一个整体去观看,于是我们在脑袋里将缺少的形状补充进去之后,便形成最终识别
出来的图形效果。
7±2原则
人脑处理信息的能力有限,人们短期记忆每次能处理5~9件事情。1956年,乔治·米勒对短时记忆能力进行了定量研究,他发现人类头脑最好的状态能记忆7±2项信息块,在记忆了5~9项信息后人类的头脑就开始出错。与席克定律类似,神奇数字7+2原则也经常被应用在移动应用交互设计
上,如应用的选项卡不会超过5个图2.197±2原则
2秒原则
用户阅读时间很快,只用4秒就能完成页面浏览。我们没有足够的时间吸引用户并让他们继续浏览我们的网站。也就是说,我们应尽可能准确地描述设计的网站或产品的特征。如果它需要让用户花费更多的时间去想明白此网站或某个产品是关于什么的,用户宁可放弃并且会离开。
3次点击法则
如果用户在点击3次之后还没有找到他们想要的信息或了解网站的特色
他们就会离开
不过如果用户对系统的运作有全面的了解,那么点击多少次都是没关系的
清晰的导航、符合逻辑的结构和易于理解的网站层级是很重要的。