设计案例

控件（或部件，widget或control）是一种图形用户界面元素，其显示的信息排列可由用户改变，例如视窗或文本框。控件定义的特点是为给定数据的直接操作（direct manipulation）提供单独的互动点。控件是一种基本的可视构件块，包含在应用程序中，控制着该程序处理的所有数据以及关于这些数据的交互操作。
——https://zh.wikipedia.org/wiki/控件

越是简易，你的APP/网站就越出色。移动用户的界面可以有很多种形式和风格。

交互设计严格上来说是没有什么套路而言，但是，对于初入行者还是需要有一些需要具体客观的知识点去学习。就像笔者当年刚入行学习工业设计的时候，对工业设计的内涵与外延始终搞不太懂。老师们也没有一直强调工业设计的定义，而是从琐碎的知识点开始，一点点讲解，让我们掌握。当我们掌握了足够多的知识点，工业设计也自然在我们的知识框架中形成。

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

这篇短文将会探讨UI设计中动画的过度使用，并将其与早期的视觉设计进行对比，提出一些对于有效的GUI动效设计的建议。我们将在下文中，简单探讨如何改善下面的这个交互。

颜色对设计来说是非常重要的要素。只要有鲜明的颜色，就算是极简的单色设计，也能表现出引人注目的独特魅力。本文将参考一些网页设计，看看各种各样的颜色重叠效果的设计方法。

2016马上就要过完啦，我们来回顾下今年用户体验都发生了哪些大事，并通过回顾过去来展望2017年的用户体验将会有哪些趋势。“可用性”这个词本身变得不那么重要了。它不那么需要我们了。“聊天机器人”是我们行业中最热门的术语之一，如果你还没有，我们很有信心你将很快建立一个。但对话式界面的未来是什么样子？但后退一步：是不是每一个界面都是用户和机器之间的对话？未来的交互不是由按钮组成的。公司不只需要一个界面，而且设计师也不只通过设计工具来完成他们的工作。苹果手表和Alexa可以让用户不碰手机的情况下使用Uber。虽然这可能听起来很简单，但它为人们对技术的期望设定了基调：完全连接和无处不在的体验。作为设计师，我们如何将所有的拼图连接在一起？我可以向Alexa请求Uber乘车，在我的Apple Watch上接收预估时间，与Messenger上的朋友分享费用，并在我的手机app上评分吗？技术应该尽可能不被注意到。——Amber Case，Calm Tech从《黑客帝国》，到《她》和《黑镜》，人类总是幻想生活在虚拟现实的世界。随着数字世界变得更加真实，我们需要采取的行动来实现这些体验。设计VR不应该意味着将2D实践转移到3D，而是应当寻找一种新的范例。 ——Jonathan Ravaz我们一直在听的问题：设计师应该写代码么？设计师画原型吗？设计师应该写文案吗？至少有几十篇文章试图回答这些问题，所以我们现在可能更接近一个确定的答案：这些都可以。今天，UX设计师可能会身兼数职。当我们开始为我们的自动化生活进行设计时，我们首先需要自动化我们的工作。我们将与机器人一起设计。多样性和伦理是今年用户体验中最重要的两个主题。许多设计师之所以从事UX，是为了更好的改变人们的生活。我们可以找到这么做的关键点么？设计并不是一件附属品。我们的工作影响着人们的生活。设计可能失败，但设计师不能。如果你的公司只是为了赚钱，也许你应该找一个更好的公司。这不是你的错，但这是你的责任。—— Alan Cooper，Ranch Stories talk

好风水称之“顺”，其中一元叫气，精气/气场在于风水之中：“气遇风则走，遇水则停。”讲究个气顺心畅；
好交互称之“理”，其中一元叫情，情感/情怀在于场景之中：“情遇杂则乱，遇简则通。”讲究个通情达理。好风水称之“顺”，其中一元叫气，精气/气场在于风水之中：“气遇风则走，遇水则停。”讲究个气顺心畅；
好交互称之“理”，其中一元叫情，情感/情怀在于场景之中：“情遇杂则乱，遇简则通。”讲究个通情达理。

在设计上图片比其他要素更容易让人理解，所以我们可以利用情绪板（英: Mood Board），来使设计工作更加流畅，缩短制作的时间、改善工作流程。

每个 app 里面会遇到「按钮」，在发展的过程中，按钮是怎样变化的？怎样设计按钮才合理？AppSo（微信号 appsolution）这篇文章便为你解答。

主题一直是QQiPad比较薄弱的一块，在用户的强烈呼声下，项目组决定在6.5版本上线新的主题，为此做了大量的尝试和思考。基于大屏设计的QQiPad主题有何特点？应该如何设计？在此分享本次主题设计总结。

真实可靠的UI是产品可信。“大量的选择并不能让人们选择所有东西，并且人们在选择的时候会不开心。”“每一个额外的选择都会导致做决定所需的时间变长。”“我必须要简化我的生活，因为除了思考如何更好的服务社会之外，我必须尽可能少的做决策。—— 马克·扎克伯格”“这就好比你最好的朋友每周都会为你准备一个个性化的音乐合集一样”“Facebook希望为点击很多链接的人提供更多的链接，为观看很多视频的人提供更多的视频，以此类推”“Facebook并没有显示所有的帖子。展示给你的都是被选择过的信息。可有趣的是，Facebook的算法会倾向于加强你哪方面想要的呢？因为这个必须要在之前就定义好。”“假如说你来到伦敦，你定了一个Hailo的车，而你在上午七点到十点之间进入了一个特定的位置。如果你到下午五点了仍然在那里，那么就可能会出现你想要离开的假设，这个时候Google Now就会提醒你订车。”“亚马逊将疑问从‘我需要这个吗’转移到了‘我还需要什么来填满这个盒子’”

今天分享一下2017年交互设计的趋势，希望能够对你有所启发。

一个完整的App包含很多页面，设计一个App是一个很系统的工程。笔者会陆续撰写，带着大家完整的学习设计App的过程。我们先从登录页设计开始学习。做界面设计前，我们先来理解一下界面的逻辑。“ It seems that green leaves look more beautiful after the rain “（雨后的绿叶看起来更美了）

整理了一个售前项目的案例，重新绘制了36个原型页面，1张思维导图，3张流程图，2张对比图，1张结构图，介绍一家百货购物中心微信服务号改版的设计。

如何让方正方框/方形元素不死板有创意？今天这篇好文总结了超多的设计方法和实战案例，建议阅读。

关于交互设计，这是一篇很全很全很全（重要事情要说三遍）的科普文章。作者写了1.6万字，实在是诚意之作。如果你打算走进交互，此文值得真的真的真的（重要事情要说三遍）值得一读^_^ by 小编目录导读：
1. 交互设计概念
2. 交互设计输出物
3. 交互设计相关理论
4. 交互设计流程及方法
5. 交互设计常见案例分析
6. 交互设计规范及趋势
7. 交互设计师进阶之路举个例子就是：小明饿了，他需要填饱肚子（目标），他跑到楼下的餐馆进行点餐、吃饭、结账（任务），吃完了出门的时候推门（行为）出去，然后过马路回家。交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。——百度百科①初级交互设计师<10k：俗称「线框仔」，出没于小公司和外包公司，没有设计决策权，专门配给不会画图的产品经理使用。门槛低，只需要熟练使用原型软件，会看着其它APP抄设计即可。无发展前途，看到此类岗位请远离。
②中级交互设计师10k-15k：除了画线框图外参与一定的产品层面的工作，有一定设计决策权，通常为知名院校应届毕业生，可以对设计决策提出异议，但不一定被接受。
③高级交互设计师15k-25k：通常可以参与整个产品的概念过程，工作职能与产品经理更为接近，有更多的设计决策权，通常工作经验超过2年，可以和产品经理、视觉设计师、用户研究员及开发人员进行「激烈讨论」，并有能力维护设计师的尊严。
④资深交互设计师>25k：通常出没于BAT、财大气粗的创业公司及设计咨询公司。有着丰富的成功设计案例，通常工作经验超过5年，有主流大公司工作经验，有大型项目的设计管理经验，业内有一定名气。
——以上分级，参考寺主人在知乎的回答《如何成为交互设计师？》“你在设计的生涯中，有没有用到或者总结出哪些设计方法？”“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。”“关于弹窗中的“推荐选项”应该放在左边还是右边，分了两种情况：如果推荐选项有破坏性，那么应该放在左边。如果没有破坏性，则应该放在右边。但到了iOS10的时候，却变成了推荐选项都应该放在右边。”

不论如何，内容为王，而形式服从于内容，谨慎选择。

今天要聊的三种设计趋势其实已经出现一阵子了，但是作为一种相对综合的设计手法，他们并没有引起广泛的关注。只需要使用现有的元素、色彩和排版手法，就可以实现这三种设计效果，但是它们不论是从美学特征上，还是从功能性上，都不输于其他的趋势。有兴趣么？不妨来看看吧。