触类旁通:多终端时代的触屏界面设计
  • 推荐0
  • 收藏2
  • 浏览1.4K

触类旁通:多终端时代的触屏界面设计

【美】JOSH CLARK(乔石•克拉克) (作者)  C7210 (译者) 潘昕 (责任编辑)

  • 书  号:978-7-121-31119-2
  • 出版日期:2017-04-19
  • 页  数:200
  • 开  本:16(170*240)
  • 出版状态:上市销售
  • 原书名: DESIGNING FOR TOUCH
  • 原书号:9781937557287
  • 维护人:刘皎
《触类旁通:多终端时代的触屏界面设计》深入触屏人机交互构成的核心,以大量的用户调研数据为基础,分析了多终端时代触屏设备用户使用习惯的变化及其对设计的影响,总结出了触屏界面设计原则和规律,并给出了具体的设计案例。
这是一本立足现在、面向未来的优秀设计范本,值得每一位界面设计师及希望进入产品设计行业的读者珍藏并作为案头参考。

大神教您如何做触屏界面设计,即学即会!
在过去的几十年间,我们几乎完全依赖鼠标和键盘来探索数字世界。我们在桌面的“塑料砖”之间穿梭,点击按钮,通过屏幕上的小箭头与软件界面互动。
时过境迁,现在我们已经可以将界面掌控于手中。智能手机的普及使数十亿人每日、全天沉浸在触屏世界中无法自拔,人们用手指戳戳点点,操控着屏幕上的内容。我们探索数字世界的方式彻底改变了:人与信息直接互动的体验模式成为主导,这就要求界面设计师掌握新的技巧并采取不同的视角。触摸操作使原本虚幻的设计有了身体的特征。有史以来第一次,作为设计师,我们要拷问自己:一项设计被拿在手里使用的感觉如何?
这些正是本书关注的重点。看看如今的世界,触屏已无处不在,从出租车和飞机的座椅,到大街上的自动贩卖机,更不用说我们口袋中的手机、背包里的平板电脑和腕上的手表。据统计,从2010年到2014年,近一半的美国人购买了平板电脑;其中,仅2011年,苹果卖出的iPad的数量就超过了其在过去28年里卖出的Mac电脑的总数(http://bkaprt.com/dft/00-01/,http://bkaprt.com/dft/00-02/)。此外,触屏也渗透到了桌面领域,配备了包括触屏在内的多种输入模式的混合型设备正在被越来越多的用户所青睐。
尽管触屏设备的浪潮汹涌澎湃,但多数网站的设计与实现方式却仍然固执地停留在键盘和鼠标主导的阶段。设计师们本该更早地将新理念与新技术付诸实践。几年前,响应式设计的出现给行业上了一课:网页的呈现不应局限于单一的输出形式(桌面屏幕)。现在,另一个发现是:网页的呈现也不应局限于单一的输入形式。当前,触控是一个交织了多种输入的复杂模式,包括键盘、鼠标、触控板,甚至图像、音频、体感设备等。错综复杂的技术环境要求我们必须从最基本的人机互动层面转变设计理念,而界面的响应式布局等只是这种转变的外在表现。为触屏而设计,我们需要考虑的远不止“将按钮设计得大一些,以便胖手指可以点击”这么简单。
本书将为这种转变提供助力,带你了解如何面向手机、平板手机、平板电脑及混合型设备等主流触屏平台进行交互设计。我们将一起探索怎样针对不同的软件环境进行设计,同时不会忽略在围绕触屏进行设计的时候怎样兼顾其他非触摸的输入模式。
面向触屏,我们需要重新思考、改造,甚至在必要的时候摒弃过去几十年里的一些传统设计模式。通过阅读本书,你将了解一些更加适用于新时期硬件生态的设计模式,包括潜力巨大的手势操作,以及有着微妙影响力的界面动效等,并能将其中一些共通的设计原则运用到本地App及网页设计的实践当中。
不妨做做热身,我们即将起航。

目录

1 实体化界面 /1
数字与工业设计的融合 /3
人们怎样使用手机 /4
人们怎样使用平板手机 /7
平板电脑:屏幕更大,变数更多 /11
混合型设备:带有键盘的触屏 /13
触屏设备界面布局设计 /17
手机的界面布局 /20
平板手机的界面布局 /30
平板电脑的界面布局 /38
混合型设备的界面布局 /41
2 靠不住的屏幕 /45
靠屏幕尺寸判断输入方式?没那么简单 /46
假设所有设备都有触屏 /49
同时面向触屏和鼠标进行设计 /50
7毫米=足够大 /56
位置,位置,位置:目标元素尺寸与布局的关系 /57
交互元素的最小尺寸:44(像素、点、dp) /58
关于em /60
避免拥挤 /61
像素与视口 /62
3 高效的触屏界面 /67
即时呈现 /68
控制内容的高度 /73
被滥用的轮播 /75
精简表单 /81
真的需要键盘吗 /85
选择正确的键盘类型 /87