配色

平时经常会有人问我“什么样才算是好的Banner ？”、“我这个Banner 有什么问题呢？”之类的问题，还有时候大家会分享一些作品但是我觉得并不是特别好，所以就觉得要不写一篇“如何判断一个Banner 的好坏”之类的文章吧，因为我们常说设计师要多看，但是多看的前提是要学会辨别一个东西的好坏，要多看好的而非不好的东西哈，要不然怎么提高审美提高眼界呢？

不要让视觉效果过重以至于霸占了整个网页的重心
视频比起文本和图片更容易吸引用户的注意力
女性和孩子的形象更容易吸引用户的注意力
用户浏览页面的视觉轨迹是“F”型的

动机
能力
触发

踏入新创科技业以来，总是听见许多设计师/工程师朋友们在抱怨设计师与工程师之间的合作有多么的…不融洽（糟糕），要码是设计师常常抱怨工程师没有 美感，不重视设计细节，或是连Guideline都不读完就来跟我讲该怎样设计（ → 强烈建议iOS/Android 工程师不管未来是否会接触接口设计都花些时间把iOS的Human Interface Guideline跟Material Design Guideline给看完，这是基本啊！！基本啊！！在线已经有满坑满谷的翻译文章啰，所以别再拿看不懂英文当借口啰）；另一方面就是工程师也常常会抱怨 设计师总是把写动画当作小画家，把写程序当成写国字（Framer会红的原因？！）或是总是有着过于天马行空的设计想法。

文案规范
视觉指南

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

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

在我们探讨设计原理的核心之前，我们需要明确构成视觉语言的5种元素。线段在动态设计中是点的集合。线段生成了运动，吸引我们的眼睛去跟随它的运动轨迹。线段可以是直线、曲线、虚线或粗细变化的线，它是构成形状的基本元素。

互补指的是我们视野中色彩和色彩之间相互补足的关系。选择色轮中处于相对位置的色彩，构成的配色 方案令双眼觉得和谐。最常见的互补配色有两种，三元配色和复合配色，我们将稍后探讨。
对比则可以将不同的元素区分开来，从而降低视觉疲劳，构建出视觉重心和焦点。元素之间的高对比度让文字更容易被识别，引导用户注意到更关键的信息。背景和背景之上文本的色彩选取就是一个非常常见的对比度的问题，我们会随后聊到。
色彩对于用户的情绪上的感染也是一个重要因素。

较小的文本应当确保至少和背景之间有4.5:1的对比度比率
较大的文本（14pt粗体，18pt常规）应当确保和背景之间的对比度超过3:1

苹果公司目前在全平台上使用的是San Francisco字体，iOS 9 上将这种字体标记为 SF-UI。
Roboto 和 Noto 则是Google Android 和 Chrome 上的默认字体。

LOFTER这份精而美的设计规范，页数不多，但每页都是经过三思后得出的总结，推荐一看。

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

最近在一边工作一边读书的同时，也在思考交互设计是什么以及互联网交互设计师在团队中的定位等一些问题。谈到交互设计仿佛就是“一千个读者就有有一千个哈姆雷特”的感觉，每个人都会说出一套它们自己对于交互设计的理解。

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

做产品经理不懂交互设计，那就是寸步难行。“交互原则多，体验出彩少”，既然要做好产品体验，那么吃透基本的交互设计原则，就是必须且必然的事儿。今天给大家挖了很多可靠的栗子，直接给你提供干货，拿走不谢。

在未来，当对微小细节的关注渗入用户体验设计的每一寸土壤；当对像素级完美的追求成为设计的基本要求；当将简单便捷的设计理念融入用户的日常生活，那么我们就能够帮助用户体验全新的生活。“庆祝成功自然无可厚非，但学习并反思失败更加重要。” ——比尔·盖茨“他们是种异常必要的无谓存在，他们因为需要被呵护而带给人恰到好处的慰藉。”“差劲的设计团队提供用户要求的UX。伟大的设计团队提供用户需要的UX。”“对于一个优秀的UX设计师来说，他/她最大的责任就是使用户在使用产品 的时候能产生信任感。”“一件好产品就如一部伟大的电影。”“我们逐渐发现这些智能小助手（AI）之间的合作能力可能并没有想象中那么强大。”“Material Design将会目睹它所倚仗的‘笔’与‘纸’之间的枪战——它会发现它的立身之本在面对未来强大多元的互联网时不堪一击。”——Chase Buckley(独立UX设计师)“与真实的纸不同的是，我们的数字材料可以随意伸缩与变形。纸质材料有物理表面与边界。是那些缝隙与阴影告诉你这一切，赋予了你能触碰到的东西意义。”

微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的，旨在微信生态类建立有号、高效、一致的用户体验的同时，最大程度顺应和支持各业务需求设计，实现用户与程序的共赢。

本文将抛开市场占有率，将腾讯的QQ音乐与阿里的虾米音乐作对比，从音乐的本身属性和对人心理的影响出发，分析用户需求，对产品提出用户体验方面的优化建议。

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

天猫官方的双十一预热页面刚刚上线，本文作者就帮大家分析双十一电商设计的流行趋势，包括场景、配色、角度、标题、辅助性元素等。干货+趋势，绝对值得一读！

色彩几乎是所有设计中都至关重要的组成部分，无论是明亮大胆的配色方案，还是简约的黑白色调，你的用色将会直接影响整个设计的实际效果。

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