在线客服
多设备时代的UI设计法则:打造体验的用户界面图书
人气:30

多设备时代的UI设计法则:打造体验的用户界面

前 本书针对用户界面的设计而撰写,梳理了网站与应用程序的设计方法和思维方式。我们 通常看到"设计"一词,都会直觉性地认为指的是视觉设计,而其实它原本更贴切的意 义是"计划、规划"。在我的工作经历中,及时次...

内容简介

本书从网站架构、设备界面、体验设计三个方面,系统地提炼出72条适合当下多设备时代的UI设计方法,以期为用户打造的使用体验。同时,讲解思路也不拘泥于界面设计,除UI设计师外,本书同样适合产品经理、信息架构师、交互设计师等阅读。

编辑推荐

进入到多设备时代,网站或是APP的设计往往需要考虑适配个人电脑、智能手机、平板电脑,乃至智能电视、手表等各种终端设备。而各个设备的屏幕尺寸与交互方式所存在的差异,也给UI设计师们提出了更为严苛的挑战。本书着眼于多设备时代的UI设计法则,从PC到智能终端,无论网站还是APP,一本书即教你打造易用的用户界面与的用户体验!

作者简介

(日)原田秀司,日本平面设计师协会会员。1974年生于东京都,东京大学工学部毕业。曾在网站制作公司担当设计总监。目前为自由职业者,从事网页设计与运维工作。

目录

第1章 网站架构

垂直、水平、前后的空间架构

01 链接带来的影响

02 考虑网站的空间立体结构——垂直、水平、前后的关系

03 四个元素判定"身在何处"

04 视觉化页面的前后关系

05 利用互动的表现形式呈现页面的前后关系

06 通过视觉设计判断当前位置

07 标签体现层次的深度与广度

页面版式

08 什么是版式?

09 一栏式版式

10 变化丰富的一栏式版式

11 两栏式版式第1章 网站架构

垂直、水平、前后的空间架构

01 链接带来的影响

02 考虑网站的空间立体结构——垂直、水平、前后的关系

03 四个元素判定"身在何处"

04 视觉化页面的前后关系

05 利用互动的表现形式呈现页面的前后关系

06 通过视觉设计判断当前位置

07 标签体现层次的深度与广度

页面版式

08 什么是版式?

09 一栏式版式

10 变化丰富的一栏式版式

11 两栏式版式

12 三栏式版式

13 两栏式与三栏式版式的变化

14 网格式设计

15 响应式网页设计

导航栏

16 导航扮演的角色

17 导航栏的类型

18 常驻于页面的页首与页尾

19 面包屑导航代表位置和路径

20 面包屑导航的类型

21 全域导航栏与区域导航栏

22 可从其他地方返回的关联性导航栏

23 垂直型与水平型的区域导航栏

24 层次可以通过区域导航栏来显示

25 系统可以通过区域导航栏来显示

26 树状区域导航栏的位置

27 主要内容区域的位置

28 固定导航栏的位置与内容

一致性

29 一致性与灵活性的关系

30 一致性的效果

31 为什么会"迷路"?

第2章 设备界面

物理性限制

32 什么是设备的多元性

33 屏幕大小的影响

34 用户与屏幕距离的影响

35 屏幕的方向性影响

36 输入方式造成的影响

软性限制

37 文字资料的特性

38 图片文档的特质

39 图片文档的纯文字化与矢量化

40 浏览平台不同而产生的差异

滚动的方向性

41 什么是自然的滚动方向

42 滚动文字造成的影响

43 屏幕形状对页面滚动的影响

44 元素形状对页面滚动的影响

45 元素间距对页面滚动的影响

46 垂直与水平方向并存的滚动方式

47 页面滚动与翻页的关系

与设备互动

48 互动与反馈的关系

49 鼠标操作产生的反馈

50 由触摸屏产生的反馈

51 由遥控器操作产生的反馈

无缝界面

52 什么是无缝界面?

53 覆盖式界面

54 嵌入式界面

55 滑动式界面

56 加载滚动界面

57 加载翻页界面

58 加载平移界面

59 滚动播放式界面

60 无缝步骤

第3章 体验设计

理解与体验

61 平面结构与立体结构的差别

62 从平面考察

63 用立体的视角了解网站的结构

64 利用局部原型进行体验

65 真机体验

设计的讲究

66 将界面变得简明

67 可以自然操作的界面

68 活用共通概念

69 运用颜色来辨别效果

70 标准化版型与页面元件

71 避免冗长

72 运用精简的方法创造丰富的内容

网友评论(不代表本站观点)

来自苑y洋19**的评论:

2016-05-10 12:03:19
来自felyjun**的评论:

还可以

2016-06-17 18:04:31
来自无昵称**的评论:

好书

2016-06-24 19:39:18
来自无昵称**的评论:

翻译不怎么样

2016-07-18 00:55:54
来自无昵称**的评论:

还可以

2016-08-03 10:46:25
来自无昵称**的评论:

不错

2016-08-09 20:32:57
来自无昵称**的评论:

不错

2016-09-10 17:57:34
来自无昵称**的评论:

不错

2016-10-02 20:09:54
来自吸血鬼r**的评论:

非常满意

2016-10-29 23:34:44
来自野原小**的评论:

表面还可以,待翻阅。就是外包装的箱子太简陋了,都破了,里面都不加装个袋子,实在是糟糕的包装。

2016-11-28 11:19:13
来自野驴小**的评论:

进入到多设备时代,网站或是APP的设计往往需要考虑适配个人电脑、智能手机、平板电脑,乃至智能电视、手表等各种终端设备。而各个设备的屏幕尺寸与交互方式所存在的差异,也给UI设计师们提出了更为严苛的挑战。本书着眼于多设备时代的UI设计法则,从PC到智能终端,无论网站还是APP,一本书即教你打造易用的用户界面与完美的用户体验!

2016-12-01 09:55:33
来自无昵称**的评论:

现在来看应用的案例稍老旧,还没细看。书的纸张还不错的。

2016-12-15 13:15:34
来自蝈***鹿**的评论:

从大的方面介绍UI,还不错。

2016-12-29 15:08:02
来自匿名用**的评论:

质量很好的

2017-01-14 20:17:21
来自**(匿名**的评论:

作者思想的沉淀,经验的总结,没有吹嘘,对我很有帮助,很好,值得拥有。

2017-04-23 13:38:29
来自匿名用**的评论:

很好很满意

2017-04-28 12:49:57
来自匿名用**的评论:

一般般,不适合初学者

2017-05-01 17:37:21
来自r***o(**的评论:

不错。。。

2017-05-20 18:55:25
来自匿名用**的评论:

非常满意,很喜欢

2017-05-23 14:12:16
来自匿名用**的评论:

送货快。包装好。没有质量问题。

2017-05-28 16:45:10
来自匿名用**的评论:

专业朋友推荐的

2017-06-15 18:44:24
来自溪***(**的评论:

本书从网站架构、设备界面、体验设计三个方面,系统地提炼出72条适合当下多设备时代的UI设计方法,以期为用户打造完美的使用体验。同时,讲解思路也不拘泥于界面设计,除UI设计师外,本书同样适合产品经理、信息架构师、交互设计师等阅读

2017-06-18 15:41:54
来自匿名用**的评论:

很好,是很值得读的,内容也很丰富,下次还会再来买的,总之很值得哦

2017-07-06 14:03:00
来自无昵称**的评论:

包装完好,物流很快!

2017-07-26 21:48:12
来自阿来书**的评论:

还行还行还行还行

2017-10-31 15:46:09
来自无昵称**的评论:

慢啦点 慢啦点

2017-11-07 14:50:24
来自无昵称**的评论:

支持当当,快递很快,书保护的很好,会常来的

2017-11-10 22:03:21
来自无昵称**的评论:

书不错,方法讲的很到位,有点小瑕疵的地方就是有点让人感觉乱

2016-08-02 21:20:20

免责声明

更多出版社