素材

在上篇《APP界面设计风格》确定下来后，产品经理（兼交互设计）还不用着急将所有的交互稿扔给设计师进行细致的界面设计。在细节设计启动前，拉上设计师和安卓前端开发、ios前端开发一起商议确定设计规范先吧！

小白叨一叨：九月份设计圈的干货 合集来咯，包括前端开发、设计神器、设计素材 （字体、PSD等）、以及一大波实用的酷站推荐，全是精选干货 ，快来收吧！

2012年6月，我在CNN.com工作时，接到了为“选举之夜”进行用户体验设计的任务。接下来的5个月我为那1个晚上贡献了全部精力——但我的成功对选举的胜利方没啥影响。我所关注的是页面的可读性，数据的可视化，可变形的画布，以及在iPhone上怎么实现该死的鼠标悬停弹窗效果。在当时，CNN.com首次上线了响应式体验站点，同时，我也第一次面临响应式体验设计。

这会可以不用慌张，我们先给自己一天或者半天时间去了解它，最快捷的办法是开动大家的脑洞，然后再用自己的脑洞想办法，三个臭皮匠顶一个诸葛亮，联 系你认识的设计群体人脉，询问做过类似项目的设计师，最后总会有惊喜的收获。记得罗胖讲过，在这个时代，我们应该善于运用我的网状关系链，我就是从朋友那 里在短短的一个小时之内了解了手表项目的大概（虽然人家并不是做的苹果手表），他大致陈述了一下手表的特性还给我几个手表相关的网站进行浏览。给我的网站 可以推荐给你们，这里当然包括苹果官网，你可以在苹果官网上看到成熟的上线产品的模样，另外一个网站相对概念，可以参考一些简单的操作动效。

每到一年一度的大促季，会场、页面、互动游戏，都在紧张设计之中，这些精美的页面和互动游戏，如何与用户产生联系？必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单，但其实不然，小小的资源位承载着重大的使命，设计上自然也是下了一番功夫，那这一次的双11我 们是怎么做的？请听我细细道来…..

文章索引译者注：本 文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。译文首发于ISUX博客，如在阅读过程中发现错误与疏漏之处，欢迎不吝指出。后续章节会 陆续更新，敬请期待。

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

对于一枚交互设计 师，设计水平的重要判断标准之一，是看设计师能否产出足够靠谱的方案。对内，方案要能帮助产品不断向前发展，提升产品的数据，为公司带来收益；对外，方案要能满足用户的使用需要，方便用户的操作，提供良好的用户体验。对于交互的同学来说，这些是我们的天职，要想尽一切办法去做好。那么问题来了，如何才能做好这些天职呢？下面我将分三个阶段介绍一个很好用的设计方法 ：目标导向设计法。掌握了这个设计方法 ，可以帮你设计出团队内部认可、用户也喜欢的方案。

在报告可用性测试结果时，首要关注的应当是本次测试的发现与改进建议，并且将测试的发现与建议按照严重等级划分优先级。其次，还应当包括测试计划和测试执行过程，当然不用面面俱到，但是加入部分细节内容可以帮助读者了解此次测试所使用的方法，方便其评判该报告的可信度。在报告中，尽量保持段落简短，多使用图表、短视频等方式来描述。

身为设计师，我越来越意识到只有整个设计师圈子的能力和氛围都起来了，我们每一个小分子才可以好起来，大家学习的积极性也比我大学时期（07年-11年）好太多，那时的我都完全没有要逛设计论坛学习的意识，所以当我看到谁年纪轻轻就已经那么牛逼了，我就很后悔，当年我为什么就没有逛论坛自我学习的意识呢，要不然我早就走向人生巅峰了，当年自己怎么那么井底之蛙，资源有限，信息闭塞，也没有人叮嘱我要怎么去做，也没人给我指出问题所在。现在有这么多好的学习平台和机会，而我也确实看到了很多设计师存在的问题，所以我总结下来，希望对大家有所帮助，不要像我当年那样活在自己的世界里，落后别人一大截。

这些交互设计 必备书籍，但你也许都没读过；初次接触交互设计 ，这11本书，刚好够读一年，你的技能将会有质的飞跃。

招聘季，无论新人还是交互老鸟，都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求：介绍一下你的作品…..如何展示交互作品这件事，这篇文章系统总结一下。

在传统的交互设计 流程中，比较看重从设计目标建立到最终方案推导过程的逻辑性、终端用户体验与用户心理认知模型的匹配性等，相关的 UCD 设计方法 很多，而基本框架则是大同小异。在规模较大的公司与设计团队里，作为交互设计 师的我们也习惯了运用这种按部就班、环环紧扣的推导方式，帮助自己有理有据地应对各种「为什么这么做」的挑战。

作为设计师，我们都知道极简的设计效果的确非常出彩。然而，在设计过程中，我们往往会由于使用较少元素而感觉缺了什么，或是让最终成品看起来仿佛没有完成。

优秀产品的用户体验设计是贯穿整个设计过程的，从最早的设计阶段便已经开始。所以，完成产品所有的部分之后再想办法为其补做“用户体验设计”是不可能的——你需要打一开始就就将其放在心上。

时至今日，扁平化已不再是流行一时的设计风潮，而是一种美学风格。扁平化大胆的用色，简洁明快的界面风格一度让大家耳目一新，当它对元素效果抛弃的如此彻底之际，它又将效果捡起来，改装成另一番模样，使得扁平化进化为扁平化2.0。

工作中接触了一些banner设计的工作，借着本次整理思路的机会顺便和大家分享下，不周之处欢迎沟通指正。

“如果所有都是重点，那么就不存在重点了。——Patrick Lencioni”“用户在手机上永远用不到这些内容。”

文案规范
视觉指南

配色方案，包括每种色彩的具体参数，以及其他可接受的色调
字体和排版方案，包括每个部分的字体类型、尺寸、字重以及具体用法
LOGO，包括它的样式、变体、尺寸以及位置的说明
拼写、关键词的选择、文案的风格（包括按钮、社交媒体等）
图片使用规范，包括色彩、裁剪规则和视觉表现方面的标准
SEO信息，比如可选的标签和关键词
栅格标准（主要用作网页排版和印刷）
空间与留白方面的说明（设计的松紧度等）
关键点的说明（团队成员可能会提出的问题或者有待澄清的点）

在内容表述上不要限制太多，这毕竟是风格指南，重点是视觉上的引导，设计是核心；
将相关、相联的条目整合到一起做快速指引：一个页面介绍色彩，在另外一个页面做排版的规范等等；
用图片案例来展示界面应有的外观，而不要单纯用枯燥的文字来做介绍；
提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值，确保色彩的运用能够一致；
将一部分的设计案例分解说明，确保每个元素的功能和使用规则都足够明晰；