UI

“怎样才能改善用户体验设计？这是关于用户体验研究恒久不变的话题。今天给大家推送的是关于运用认知心理学中的相关理论来提升用户体验的研究。希望对大家有帮助。 文章过长，分成上下两篇，上篇可查阅《通过减少认知超载，提升用户体验（上）》。

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

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

极简风格能帮助用户简化操作，兼容性好，载入页面快等等优点，不过虽然看起来简单，我们需要考虑的东西可一点都不少。这一次，就让我们一边学习简约风格的原则，一边将它应用到实际网站制作中去吧。

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

文章介绍了导航设计中的3个原则，将以下原则付诸实践，或许会使用户体验大大Max！

色彩几乎是所有设计体系中不可忽略的组成部分，而在网页设计中，色彩本身所发挥的作用并不单一，除了最基本的着色构成色彩搭配的作用之外，色彩能够通过对比创造视觉焦点，构建信息层次，影响用户情绪，甚至引导访客的行为。所以，在玩转配色本身之外，进阶的色彩运用技巧还有很多。

iOS 和 Android 的设计还有许许多多的不同之处，比如字体、Tab bar 设计、物理键操作方式、编辑模式、APP 体现个性的方式……在设计移动端产品的过程中，设计师们可以更多的去思考两者的异同，并且更多的关注一下 Android 系统独有特性的运用，不仅仅节省了开发成本，同时也更好的为 Android 用户所接受。1dp（Android）=1pt（iOS）
以48dp@160dpi计算的话
mdpi 48px (160dpi, 1x) 基础尺寸，已经非常少使用
hdpi 72px (240dpi, 1.5x)低分辨率
xhdpi 96px (320dpi, 2x) 同iOS @2x
xxdpi 144px (480dpi, 3x) 同iOS @3x
xxxdpi 192px (640dpi, 4x) 更大更高更强的分辨率

如何将需求落地到设计中？

今天的文章我们来聊聊搜索框的设计，如何让用户尽量节省时间，搜到他们想要的内容。

出色的移动端用户验证是怎样的？减少注册和登录的痛苦？

找准方向与维度，从大方向去讲解你的设计风格，只要你执行了，那它就不是什么困难的事情了。

App中的动效设计不是具体的需求设计，不能对产品本身产生很大的变化和改进，只是能在设计层面和体验层面为用户创造多一点的价值。所以在做相关设计的时候，不可为做动效而做动效，要把握住动效的“度”，不可华而不实，需要服务于具体的需求和场景。

什么是设计思维呢？顾名思义，设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维？今天这篇用两个实战案例帮你一窥设计思维的奥妙。

未来的故事还可能会将情感化设计延伸到不仅仅是异常的场景中去，从而覆盖整个淘宝，真正地实现做到一个“有故事的淘宝”。

在创作阶段设计页面时，如果没有规范来指导，设计过程中很容易产生细微的出入，导致出现控件不一致，增加返工率，这时候我们需要界面制定设计规范。

优秀的动效设计更能让用户从中感到惊喜，让用户感受到产品的温度和调性。

上周写了一篇文章《APP设计：那些打动人心的设计点》，总结了八个APP的小设计点，这些小设计点不是针对APP的核心业务和功能的设计，但会给用户带来一点小便利和小惊喜，就像电影最后的彩蛋，让人期待而心动。紧接着上篇，我们继续说说那些打动人心的APP设计。

动效是如今UI设计中的重要组成部分，也是目前最热门的设计趋势之一。在之前的《在现代网页设计中，动效常见的几种用法》这篇文章中，我们探讨了动效对于交互和用户的重要意义，动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效，这也是近年动效设计的热点之一。