UI设计

当新用户开始使用一款APP或者入驻某个网站的时候，至少最基本的信息都需要通过文本输入来完成。产品经理、设计师和开发者也都明白，这才是最佳的解决方案。

设计是一件用户驱动很强的工作。随着用户越来越偏好更简洁的交互界面，如何剔除多余的元素，保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大的优点是极简的表现形式，简洁的线条，大方的留白，简约的图形化元素，就算是很复杂的内容，在这样的设计下也会显得很简洁和干练。当然，如果能有效的利用这些元素。

业界 NG 率：接近 100%许多人认为创造力和逻辑是左右半脑分开管辖的、设计师和工程师使用的是不同部分的能力，所以大家各安其份做好自己的工作就好——我负责光鲜亮丽地画图，工程师就负责用超大声的同刻键盘在黑色的屏幕上编写外星文。

你的UI和交互设计中的每一个元素都是至关重要的，一个又一个细节设计让你的产品最终脱颖而出，而真正让人难忘的产品，靠的是这一个个精致到位的细节堆出来的。

如果你希望某个重要的东西被用户看到、用到，那么很简单 – 把它放在用户一定看得到的地方，别让他们去找。

本规范按web交互属性分三个部分：页面信息规范、信息交互规范、通用组件规范。

UI设计的细节很重要，它不仅仅体现在静态的元素上，动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计，微交互和动效设计是绕不开的问题，今天的文章我们来聊聊这个。

眼看着年纪比我们小却成就比我们高的人来说，我们依旧需要不停的汲取知识来成长。所以这个假期也是撸了两篇文章出来，这是第二篇，希望大家一起来探讨。

产品设计流程中，有必要对设计进行评审是大家的共识。在我每周的工作内容中，参加各类大大小小的设计评审是必不可少的一环。既有脑力激荡的评审让设计方案脱胎换骨的，也有针锋相对的评审让设计方案摇摆不定的。怎样进行一场高质量的设计评审？设计师应该如何应对设计评审，更好的表达设计意图，并收集意见改进方案？怎样避免设计评审变成竞稿或PK？如何确保设计评审这样的流程能带来更大价值？带着这些问题，我们一起看看原文作者Jason的观点。*在你点评的设计细节上开始询问背后的原因及意图。为什么我们需要这条信息？对于允许索取这条信息我们设置了哪些期望？我们会用它做什么？如果我们能回答它们，再进入讨论解释各种元素的优劣以及与之对应的不同意见会比较好。“为什么”引出一个故事，解释某件事情的真实性。如果你问为什么，一切都无法奏效，你更想要创造一个故事，无论真实与否。这是让你感到糟糕的危险领域。 与询问“为什么”不同的是，考虑询问“如何”能够引出一个创造流程的故事，不必为它的存在辩护。然后你可以问设计师之前考虑过的各种可能，认真倾听设计师在提供方案之前做过的尝试。他们也许过于看重某些东西，不过没必要深究。优秀的适时交互是让产品（服务）吸引或失去客户的关键区别。将间歇性的互动变为持久关联的秘诀在于一系列精彩微交互，以及当用户需要时恰好出现的信息内容。 在设计评审流程中，应当询问每一个行动、每一次询问或者每一次数据展示是否出现在正确的时机，以确保界面在切换时传递信息时顺畅。随着扁平化设计与用户体验趋势的摇摆变化，我们能预感到页面部件缺少视觉线索的风险，因此动画能减少这种风险。 这种动效可能是颜色、透明度的变化，也可能是用猴子的手臂延伸页面这种细节，或者用户完成任务后展示太阳升起的效果。询问在UI设计中加入逐步动效的可能将极大的推动设计师改善设计，使得设计师思考时间维度的设计细节，而不只是局限在空间维度。这是一个很好的问题，我认为它是每个人都应该吸收的教训，尽管并非如此。我总喜欢提到：对用户的真实目标来说，页面或屏幕上的任何元素都不是解决方案的一部分，而是噪音和干扰。 在设计的每一步中，我们都需要自问：我们如何能够创造更小思考成本下能发挥同样作用的产品？在设计评审中，这是要求把方案简化的最佳表达。在设计中保持界面清晰很重要，使用尽可能少的点击、文案和输入框来达成目标更好。踏踏实实的把用户需要完成工作的消耗降到最低，用户会感激不尽。我们认为，很棒的产品描述（比如产品手册）对用户来说就跟“坐在60码时速的车上看到的广告牌一样”，UI设计师们比较难理解用户是如何忽略这些产品界面细节的，尽管设计师为此付出诸多努力。 优秀的设计评审放慢节奏，考虑每个元素，但是能认识到这些设计细节可能不会被用户注意到。如果参加评审的人员在颜色、字体及体验设计方面没有专业知识，他们可以考虑以下重要因素：经验告诉我，不要试图一概而论。例如我会问“我不确定开放的banner是否足以传达品牌？”，而不是问“哇，用户根本不会理解我们的品牌价值。”这就是为什么我认为每个设计师应该花时间观察用户并且使用自己的产品（又称可用性测试）。

即使是元素与元素之间的分隔方式，都能随随便便用一整篇文章来进行探讨。

语音交互在场景化的体验中能发挥更好的效果，是因为语音本身就是一个对话的过程。当你置身于特定场景下时，你的语音指令才具备特殊的意义！当你在骑行的时候，Siri在你耳边提醒你临近会议的准确时间和地点，并为你语音导航，同时为你口述刚刚收到的短信息—所有的动作都没有打断你的骑行运动。第二个倒计时设定40分钟，现在开始倒计时。你的倒计时已经运行，还有9分42秒，想要更改它吗？引导强于记忆。User: Alexa, add milk to the shopping list.
Alexa: I’ve added milk to your shopping list.
 
User: Alexa, add eggs to the grocery list.
Alexa: Eggs added to your shopping list.
 
User: Alexa put butter on the shopping list.
Alexa: I’ve added butter to your shopping list.
 
User: Alexa add cereal to the shopping list.
Alexa: I’ve added cereal to your shopping list.
 
User: Alexa put cheddar cheese on the shopping list.
Alexa: Cheddar cheese added to your shopping list
 
User: Alexa put sugar, flour and salt on the shopping list.
Alexa: I’ve added sugar flour salt to your shopping list.

哪种设计师价值更高？如何才能更好地理清自己的发展方向？本文将对交互设计师（或者称UI设计师）发展的三部曲——器、势、人分别进行讲述。全是干货分享，好好吸收吧，因为这三部曲基本会贯穿你的职业生涯。我要不要学XX软件啊？软件要不要报班啊？一个四十岁的土老板，每天最多的事就是接打电话。老板每天可能会打几百个电话，这个频率是你们想象不到的，他可能随时随地都在打电话，而很少用微信、QQ。传统手机接打电话非常方便，按下按钮或翻盖闭眼都能接电话，用智能机反而不方便，所以他希望自己用的还是传统手机。但是传统手机太低端了，老板担心同行和下属嘲笑他，就很纠结——于是我们的手机就诞生了。任何项目第一保证的都是效率。

随着ui设计的不断发展，引导页的形式也在随着变化，根据不同产品的特性，其作用与意义也不尽相同。本文将分别从“静态引导页”与“动态引导页”两种形式与大家分享我对于“引导页”的一些认识。

想起之前有一个朋友私我说，想知道英文排版怎么设计？为什么同样的页面英文排版起来就很好看呢？想必大家也非常想知道吧？那么，下面我们就立马来分析分析，听完你们就会恍然大悟！

“仔细看这个情感色轮，你会发现，距离中心越远，情感的强度越弱，但是在进行色彩的设计之时，几乎没人探讨这个问题。我们在做设计的时候，常常会探讨如何传递或者影响基本的情绪，但是我们从未探讨过用户的情绪是否会被强化或者逐步减淡。”

长期以来，大多数人对 UI设计趋势的理解，都是扁平化。可这容易引来两种误解：一群人理解扁平化，是一股潮流，这潮流就像流行时尚一样，会不断更替，原来的拟物风会重出江湖；另一群人，认为扁平化就是平，对设计的理解局限在表达手法上。

最早的下拉刷新 设计源自于Tweetie 这款应用的设计，设计师Loren Brichter 是这种令人欲罢不能的交互的缔造者。现在，下拉刷新 的交互几乎无处不在，但即便如此也让人无法轻易忽视它带来的快感。从Twitter 到 Gmail，从QQ到新浪微博，它几乎存在于你触手可及的每一个应用当中。

微信总喜欢在深夜推出一个大新闻，昨晚10点，小程序开放公测的消息一出，我公号的文章都推不出去了，一直显示系统繁忙，那得是多大的流量啊，心里暗想，能分我一点零头就好了，估计是我想多了！

UI和交互设计中常常会强调某项设计需要足够的“直觉性”，但是直觉性的设计说来容易，实现却往往差强人意。但是不得不承认，它是目前交互和UI设计的刚需。“想象一下，如果桌面上反过来一颗球让你去转动控制，感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候，会不自觉地低头看输入装置……后来有人想到，如果操作时运动肌肉群范围较大，也许他们可以不必低头。我们做了一个大型轨迹球装置，让他们可以用手臂甚至肩膀牵动来操作，这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然，然后提出想法，再进行测试。”“心智模型指一个人对于事物运作的思维过程，即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为，影响人在复杂情况下的关注点，并确定人们如何着手解决问题。”（如果你仔细观察，会发现这个时候的设计师将纸的纹理运用到窗口上，此处的设计和Material Design 中纸的隐喻不谋而合，这又何尝不是一种潜意识的引导呢？）