界面设计

Giles Colborne简约四策略是“删除、组织、隐藏、转移”，由于“转移”在实际设计过程中比较少运用到，所以我根据elya的知乎回答把四策略定义为“删除、组织、隐藏、附加”，elya没有解释她的理解，所以我根据自己理解重新定义。“删除每个页面上一半的文字，然后把剩下的文字再去掉一半。”（《Don’t make me think》中Krug可用性第三定律）“点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择。”（《Don’t make me think》中Krug可用性第二定律》）

最近在阅读Bill Scott和Theresa Neil 所著的《Web界面设计》，其中上下文工具一章给我留下深刻的印象，下面我将结合部分实例来回顾一下主要的内容。

移动优先的设计策略将使产品拥有高度任务驱动的体验。用户可以将注意力聚焦在需要完成关键任务上，而不会被传统桌面产品中过多的无关因素所干扰。

大多数的人们都熟悉色彩心理学；成百上千的文章、案例研究、甚至是从不同角度进行分析的图表。颜色对我们的影响，将影响我们决策过程中的每一个选择。这点是毫无争议的。但是，我们不应该盲目的遵循某一个原则去辨别。今天，我们就一起来测试对比度在吸引关注中的作用。

已经使用了近两年的荔枝FM，身为一个产品经理，一直对荔枝FM的使用逻辑和交互体验感到费解，所以今天就小试牛刀！

译者语：本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章，很多词句用的可能不太妥当，在这里给大家作揖了！knock knock……

Terry Cao是UXPin（一款线框图与原型制作APP）的内容策略专家。要了解如何掌握现在交互设计的艺术，可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及其他诸多公司的30多余交互案例。“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣，更吸引他们，并且帮助用户对网站信息产生更积极的态度。” 一位来自罗伯特·莫里斯大学的通讯系助理教授Jeeyun Oh如是说，“交互（Interactivity）通过让用户更深层次地理解网站信息而更具说服力。”欲更多地了解现代交互设计的艺术，可以阅读《Interaction Design Best Practices》一书。

界面设计工作当中的很多纠结来自于怎样在这三者之间进行权衡。对于不同的功能与内容，如果拿捏不清它们各自的特点及适宜的呈现方式，那么你便很难打造出具有整体性的产品设计方案。

作为一名两年的QQ音乐app用户，当初我使用它的原因在于精美的界面设计和众多高质量的音乐资源。而现在，我每天都有听歌的习惯，这个我常用的软件也成为了不能缺少的部分。我接下来从探索音乐的角度分析QQ音乐手机客户端的一些功能和体验，仅代表个人观点。

译者注：本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。

本文是移动原型工具Proto.io的设计团队8月份在自家博客上发表的一篇“软文”，通过与移动设计界大牛们的对话，帮助大家了解在进行移动设计时应该特别注意的禁忌，顺便推了一下Proto这个工具。大家可以回顾一下自己团队的应用正在触犯哪些禁忌，想必会有点意思。读完本文，相信你能找到优化自家移动应用设计的方向。

如果你是一名经验丰富的设计师，你一定会认同一点，受他人启发并不是在抄袭UI设计。这是一种最佳的研究实践。它也要运用各种设计模式，也要遵循设计规范，也需要确保选择用户熟悉的模式来建立可用的界面。

我最近一直在做新产品的策划，方案一个又一个的被毙掉，方向一次又一次的调整，PPT一遍又一遍的改，交互一稿又一稿的画，所以我还在继续努力中，也深深的感受到产品「从0到1」的不容易。产品经理在日常生活中将发现的问题记录下来后经过分析转化为可落地的产品方案，这个过程很复杂，也很容易出错，原因就是思维的过程是不可控的，也就是没有一个相对的衡量「标准」，导致一个现象是想法人人都有，却不一定人人都对，所以产品策划「从0到1」的整个过程十分考究产品经理的功力。

.space-betw {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}

- (NSDictionary *)demoTextAttributes {
NSMutableParagraphStyle *ps = [NSMutableParagraphStyle new];
ps.alignment = NSTextAlignmentJustified;
// here, NSBaselineOffsetAttributeName must be set though the default value is 0 to make the justified work.
return @{NSParagraphStyleAttributeName :ps, NSBaselineOffsetAttributeName : @0.0f};
}

当你拿到Android的设计需求后，开始着手进行界面的设计，却不知道如何设计才能让用户对界面感到满意，设计出来的界面差强人意，返稿无数以至于一遍遍的修改？如果这就是你现在的状况，那么先别急着重新进行界面的设计，因为你首先得静下心来看一看这篇Android的界面设计规范。

今天推荐的这7个神器，有经典款也有新人版，不过大致贯穿了UI设计的整个工作流程，从排版、配色、切图到标注、预览，都有对应的良心神器推荐 ，非常适合刚入门的UI设计师，当然，有两款谷歌刚出的神器，也值得老手们来瞧一瞧。

不论移动端网页和APP之间有着怎样的争论，移动端APP的快速发展都是不争的事实，各种客户端的开发和接入已经成为常态。用户对于自己喜欢的品牌和服务，总期待官方能推出客户端，也正是在这种期待和需求之下，催生出越来越多的APP。

之前总结过一版交互设计流程图，主要是想给自己以后做设计梳理一下过程，但是那份流程里面只有枝干，并没有枝叶，所以针对每个方法我都会撰写一份方法总结，或者说指导，目的就是为以后实践做准备。我期望的效果是，假如一个没有接触过该方法的人看到这份总结，可以按照这个总结一步步完成实验。这就是我最大的目的。下面就是第一份总结《可用性测试方法总结》。

来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势 ，而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势 会在2016年逐一涌现，但是总体上来说，它依然会沿着2015的大趋势来逐步演变。可以预见到的是，2016年会有更多的网站使用视频背景，更多基于Material Design 风格的界面设计，幻灯片式的界面切换也会继续火热下去。