具体描述
本书从网站架构、设备界面、体验设计三个方面,系统地提炼出72条适合当下多设备时代的UI设计方法,以期为用户打造完美的使用体验。同时,讲解思路也不拘泥于界面设计,除UI设计师外,本书同样适合产品经理、信息架构师、交互设计师等阅读。
作者简介
(日)原田秀司,日本平面设计师协会会员。1974年生于东京都,东京大学工学部毕业。曾在网站制作公司担当设计总监。目前为自由职业者,从事网页设计与运维工作。
目录信息
垂直、水平、前后的空间架构
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 运用精简的方法创造丰富的内容
· · · · · · (收起)
读后感
用户评价
坦白说,《多设备时代的UI设计法则》这本书给我带来的不仅仅是知识上的提升,更是一种设计思维上的革新。在接触这本书之前,我总觉得UI设计是一个相对独立且固定的范畴,但这本书彻底颠覆了我的认知。它让我意识到,在如今这个万物互联的时代,UI设计师的角色已经发生了翻天覆地的变化。我们不再是单纯的“界面绘制者”,而是连接用户与各种智能设备的“体验构建者”。书中对于“情境化设计”的阐述尤为深刻,它打破了我过去对“统一风格”的刻板印象,让我明白,真正优秀的设计,是在理解用户所处的具体情境后,所产生的最恰当的界面和交互。例如,在厨房场景下,用户可能需要免提操作;在通勤路上,信息需要更简洁明了。这本书通过大量的实际案例,展示了如何在不同设备上,根据这些细微的用户情境,提供量身定制的解决方案。它还深入探讨了“技术边界”与“设计创新”之间的关系,提醒我们在拥抱新技术的同时,也要牢牢抓住设计的本质——为用户创造价值。这本书的深度和广度都超出了我的预期,让我对未来的UI设计发展方向有了更清晰的认识,也更加坚定了我在这个领域不断探索和学习的决心。
这本书的魅力在于它能够将那些零散、看似无关的设计原则,巧妙地编织成一张完整而富有逻辑的网络。《多设备时代的UI设计法则》并非一本堆砌技术名词的书,它更多的是在剖析“为什么”。为什么在某些情况下,一个极简的界面比信息量丰富的界面更有效?为什么在某些设备上,触摸操作比鼠标点击更符合用户习惯?这本书用通俗易懂的语言,结合大量的实际案例,深入浅出地解释了这些“为什么”。我特别欣赏它对于“信息密度”和“交互复杂度”的权衡的讨论。在小屏幕设备上,如何在有限的空间内高效地展示信息,同时又不至于让用户感到压迫?在需要复杂操作的设备上,如何设计出直观易懂的交互流程,避免用户迷失?书中给出的答案,都是经过实践检验的宝贵经验。它也让我意识到,设计不应该仅仅是“好看”,更重要的是“好用”和“有益”。在多设备时代,这意味着我们需要具备更强的全局观,能够从用户的整体体验出发,去思考每一个界面的设计。这本书的阅读体验非常好,章节之间的过渡自然流畅,读起来一点都不费力,而且每一次阅读都能从中发现新的亮点,让我受益匪浅。
《多设备时代的UI设计法则》这本书,简直就是为我这个“技术爆炸”时代下的UI小白量身打造的导航仪。我之前总觉得,随着智能手机、平板、智能手表、智能电视等等设备的不断涌现,UI设计变得越来越复杂,令人应接不暇。这本书就像一剂强心针,它并没有让我感到更加无所适从,反而给了我一种清晰的方向感和强大的信心。书中没有一味地追求高大上的理论,而是非常务实地从“用户”出发,探讨如何在各种不同的设备上,为用户提供一致但又符合设备特性的最佳体验。我尤其喜欢书中关于“可访问性”的章节,它不仅仅是简单地提及,而是深入剖析了在多设备环境下,如何才能真正做到对所有用户友好,无论他们使用的是什么设备,拥有怎样的能力。书中提出的“设计系统”的重要性,也让我茅塞顿开,理解了如何在复杂的多设备生态中,保持设计的统一性和效率。它就像一本“葵花宝典”,为我揭示了如何在多变的设备海洋中,找到那条通往优秀用户体验的稳定航道。我从中不仅学到了具体的技巧,更重要的是,学会了如何用一种更宏观、更系统、更有策略的眼光去看待UI设计。
这本书简直是为我量身定做的!作为一名在产品线上摸爬滚打多年的UI设计师,我一直在寻找一种能够整合我在不同平台、不同设备上设计经验的理论框架。市面上充斥着大量关于“响应式设计”、“适配”、“跨平台”的文章和教程,但往往零散且缺乏系统性。《多设备时代的UI设计法则》的出现,就像一束光照亮了我前行的道路。它不仅仅是罗列技术技巧,更深入地探讨了在多设备环境下,用户行为的演变、信息传递的优先级、以及如何在这种复杂性中创造出简洁、高效且令人愉悦的用户体验。我尤其喜欢其中关于“上下文感知设计”的章节,它让我意识到,优秀的设计不再仅仅关注屏幕尺寸,而是要理解用户在何时、何地、为何使用设备,并据此动态调整界面和交互。书中大量的案例分析,每一个都经过精心挑选,从移动端应用的流畅交互到智能家居的直观控制,再到车载娱乐系统的安全易用,都展现了设计法则的普适性和落地性。我反复研读了关于“一致性与差异化”的论点,它帮助我理清了在保持品牌调性不变的前提下,如何根据不同设备的特性进行差异化设计,从而在满足用户特定需求的同时,又不失整体的统一感。这本书的语言风格也非常吸引人,既有理论的高度,又不失实践的接地气,阅读过程中总能获得启发,仿佛一位经验丰富的导师在耳边循循善诱,让我对UI设计有了更深层次的理解和全新的思考方向。
读完《多设备时代的UI设计法则》,我感觉脑海中一直以来模糊的关于跨平台设计的一些概念豁然开朗。以前,我总是在纠结于“到底应该优先考虑哪个平台?”“做一套通用的设计,还是为每个平台单独定制?”这本书给出了一个非常清晰的思考模型。它强调的是“以用户为中心”,但这种以用户为中心,是建立在对“多设备”这一核心趋势深刻理解之上的。它不是简单地告诉你如何做适配,而是教你如何去“思考”如何适应。我非常赞同书中提出的“设计是一种权衡”的观点。在多设备环境下,资源永远是有限的,不可能做到尽善尽美。这本书教会了我如何在有限的资源下,根据不同的设备特性、用户使用场景以及业务目标,做出最明智的设计决策。比如,在处理信息架构时,它提供了多种思路,可以根据设备的屏幕大小和输入方式,灵活调整内容的层级和呈现方式,确保用户能够快速找到所需信息。同时,它也强调了“渐进增强”和“优雅降级”的设计理念,让我明白如何在不同设备上提供最佳的用户体验,即使在功能受限的设备上,也能保证核心功能的可用性。这本书的实践指导性极强,读完后我立刻就能将书中提到的方法应用到实际工作中,解决了很多以前让我头疼的难题,真的非常有价值。
嗯,这本书的体验很好
他没有回首一种具体的方法,反倒总结出不少经验教训。读罢,虽记住的甚少,但感觉却知道了不少。
基础规则,是个基础不扎实的人补充理论知识
很易看,但大部分都是共识了,1小时就能翻完
讲 UI 设计的一些基本规则,比较适合基础用户。 高级用户如果内心并没有整理过明确的UI 设计规则,也可以借此机会整理一下,能更好地帮助思考。