G's Vision

Less But Better.

如何设计应用手势?

导读:

Marcos Alonso 是苹果人机界面设计师,在 2018 年苹果开发者大会上 Marcos 就应用如何响应手势进行了分享,对设计点击、轻扫手势,提供持续反馈以及处理多个手势提供了有效建议。


界面的流畅源自与设备的交互操作,屏幕上的触摸如何变成应用中的手势?如何设计这些手势并捕捉所有要传达的意图?本文将从点击、轻扫之类的核心手势设计入手,介绍一些在设计手势时需要遵守的交互原则,多手势的处理以及如何将其与你的应用相融合。

如何设计点击?


你或许以为点击无需设计,但这个行为有许多需要注意的细节。以「计算器」这个应用为例,首先要记住的是...

如何设计界面中的动态运动?

导读:

Nathan de Vries 是苹果人机界面团队原型设计师,在 2018 年苹果开发者大会上 Nathan 进行了「Designing with dynamic motion」的主题演讲,从无缝衔接的动效、塑造性格、理解意图三个方面对如何设计动态运动进行了详细介绍,并提出了投射动量(Projection Momentum)的概念来准确判断用户的意图。



我们的思维与身体时刻处于变化中,周围的世界在不断变化,因此我们的界面也被预期以同样的方式进行表现:它们容易触知,对预期高度还原。我们在界面中用于表现运动的一种方式是定时动画,当按钮被点击时,显示设计师精心设计的完美动...

iPhone X 设计师教你设计流畅自然的界面

导读:

Chan Karunamuni 是苹果人机界面团队 iPhone X 手势界面设计师,在 2018 年苹果开发者大会上 Chan 以「Designing Fluid Interfaces」为题介绍了 iPhone X 手势界面设计的思考,从人、动机、行为、手段和场景等不同的角度对设计流畅自然的界面进行了全面阐述。


什么让界面感觉流畅自然?

每个人对于流畅的界面都会自己的描述,「这感觉很快速」,「这感觉很平滑」,「这感觉很自然」,「这感觉很神奇」。这是一种什么样的感觉?当你感受到它的时候就知道了,整个界面就像你思想延伸的工具


iPhone 是一个用于信息与沟...

线框图不是设计的起点,文本编辑器才是!

导读:              
作者 Fabricio Teixeira 在文章中提出了“界面即故事,每个设计师都是故事讲述者”的观点,介绍了在绘制线框图之前,设计师可通过   故事框架法(Storyframes)来组织页面内容,明确核心信息,从而保证最终的方案简洁易懂、重点突出。       


浏览一个精心制作的界面就像是阅...

拇指那些事儿:为何在 iOS 设计中触及导航应该代替导航栏?

导航栏难于点击

导航栏自初代 iPhone 起就已存在。在历史上,导航栏一直方便、清晰、易于理解且易于构建。

后来,手机的尺寸激增,iPhone 7+ 的大小足以取代 iPad mini 的尺寸。现在,假如你拥有一部新款 iPhone,导航栏几乎无法触及。

不断扩大的屏幕意味着导航栏距离我们的拇指越来越远。iPhone 7+ 的屏幕如此之高,结果导致我们的拇指不得不多用 150% 的距离来击那些烦人的按钮。这不过一两个关节的长度而已。没啥好奇怪的。Huff 的触摸区显示了右手拇指的可达性

我们的视觉语言随着设备的变化而改变。是时候从导航栏转移到拇指触及范围...

讲不好故事的设计师不是优秀的设计师

Tell me a fact and I’ll learn. Tell me a truth and I’ll believe. But tell me a story and it will live in my heart forever.

告诉我事实,我会学习;告诉我真相,我选择相信;但跟我说一个故事,它将永远留在我心中。

一名优秀的设计师不只局限于打磨优秀的设计,也要成为一名优秀的故事讲述者。为什么?就像一名电影导演需要向工作室推销他们的想法一样,设计师同样也需要向团队,当然还有客户(可能是内部赞助者),展示并推销自己的设计。设计师需要传达出设计如何吸引并愉悦用户,如何...

你的产品 UI 准备好国际化了吗?

导读:

近年来,越来越多的国内开发者将目光从国内转移到国外,纷纷投入到移动大航海时代的浪潮之中。在产品国际化的过程中,产品UI是否也跟上了国际化的步伐?Dropbox 设计师 John Saito 针对产品设计国际化中出现的问题进行了分析并提出了 7 条建议,值得一看。

假设你正首次使用一款新 app,它在 Twitter 上好评如潮。人们都说这款 app 棒极了、改变了他们的生活并且令人愉悦。

你打开它并看到了如下一幕:


呃…有点怪。顶部有个视频,但是你不知道这是什么语言的标题。措辞很奇怪,而且按钮文字甚至都不与按钮相匹配。人们是怎么认定这是一款优秀 app...

iOS 10 锁屏体验的批判性分析

作者:Shankar

原文地址:https://uxdesign.cc/a-critical-analysis-of-the-ios-10-lockscreen-experience-726ddfba3c1a#.zfn84xggj

iOS 说:「好了清晰,我们不再是朋友了。」

自 2007 年初始,iOS 锁屏就以十分简单易懂的形象示人,但今非昔比了。究其根本有几个原因。

在我们继续下去之前,该文章:

  • 其目的并非攻击苹果公司的设计大神,因为我并不知道苹果团队所考虑的限制以及他们做出的其他决定。换句话说,我们所做的是一次设计分析, 并非针对...

什么是服务设计?

文/Birgit Mager,科隆国际设计学院服务设计教授

什么是服务设计?

服务设计是让你提供的服务变得有用、可用、高效、有效和令人满意。

它并非无法触及或者是你传递给顾客或用户的感受。相反,它是真实的事物,服务设计师们将其称作接触点(touchpoints)。如果你聘用一名服务设计师,他们可能会:

  • 帮你找到问题所在并提出改进的想法。

  • 重新设计你的产品来改善顾客在使用服务时与之交互的方式。

  • 设计空间以便更加有效地提供服务。

  • 创建印刷品、网站、制服、广告和品牌相关的东西来宣传你的服务。

所以服务设计项目是一个战略项目,它会使用像深入的客户研究,协同式想法生成、早...

理解人与关系

本文摘自《Service Design: From Insight to Implementation》,作者:Andrew Polaine,Lavrans Løvlie,和Ben Reason,由晓生指导修改,特此感谢。

人是服务的核心

尽管新技术让人们的生活自动而便捷,但仍然是服务的核心。就像我们在第二章中提到的,服务只有在被使用或者消费的时候,内在价值才会显现——服务或者体验是无法存储在仓库之中的。但是“使用”以及“消费”是产品思维的词汇,我们需要使用适用于服务的不同语言。人们不会“使用”一名医疗保健专家或者律师,他们不会消费一次火车之旅或者入住酒店。相反,...