设计规范

不管是中文还是英文，文字不仅是传达信息的载体，也是设计中的重要元素，设计过程中尽量保证文字的阅读性，在严谨中寻求突破。经过艺术设计的字体，可以使信息更形象、更美感的铭记于你心中。

最近为了设计提高效率和质量，我开始研究如何做规范。看了一圈别人做的设计规范，又回想了一下自己以前做的，总结了以下几个经验。

卡片式设计一直是以强兼容性和“百搭”的形象出现在大众的面前，但是它同样有无法满足用户需求的时候，今天的文章我们就在实战中聊聊这件事。

做设计久了，设计师很少能够真正站在用户的角度看待网站和APP。今天的文章，我们来聊聊普通用户眼里的设计细节~我们应该迎合用户，如果连对的东西都不能坚持，产出物的最终目标就会发生偏离，甚至完全无效。 ——@冯铁

因为最近做公司项目的设计规范，所以决定把设核桃的计规范也整理一份。但由于是概念稿，所以规范做的不算全面；而且每个产品也有各自的规范思路和维度，没有绝对的定性方法。这里只是提供一个大体方向，疏漏之处，希望给予批评指正。

对于一个优秀的产品来说，视觉设计是重要的组成部分。译者注：有时候设计师会先收集一些图片文字之类的东西弄出一个合集，作为设计的参考和灵感来源，这类东西叫做moodboard。具体介绍可参考：点击查看

我习惯从层级的角度由高至低地排查各个交互层面可能存在的问题——首先是信息架构与流程这一最高层级，然后是界面的具体呈现，以及基于界面呈现的交互过程，最后才是以上自查中均未涵括的其他特殊情形。(1)确定当前阶段 → (2)阅读设备、数量、所属项目、请购人员、发起时间等基本信息 → (3)确定自己在本流程中的身份（因为部分场景下，当前用户的身份可能有多种可能性，需要用户再做确认）→ (4)在列表区阅读此前的流程历史，必要时可上下滑动或点击查看附件 → (5)确定当前步骤等待自己完成的是什么任务 → (6)执行该任务。

上一篇文章是给大家提供一个制作UI设计规范的大体思路，这一篇准备来聊聊我们在具体执行过程中遇到的最大问题、瓶颈是什么！
此篇文章适读人群：想进阶的初级UI设计师、有追求的初级交互设计师。

这篇文章会跟各位伙伴简单介绍UI、UX跟GUI三者的差异，同时也会根据自身经验说明一些业界实际的需求状况，有任何问题欢迎透过留言一起讨论喔！注：近期的业界趋势就是，不管你是工程师、设计师、BD、PM还是老板，只要会说一句话，「阿，这样设计不够『直觉』啦，使用者OOXX…」，就有种好像很懂UX的感觉呢！（苦笑）为什么使用者会点进「关于我们」注：近期有不少的Landing Page常常都会用无声的影片搭配黑色屏蔽塑造分为，其实营造的感觉真的还不赖。（当然…影片要拍得好）

UXD（User experience designer）概念为何在当下越来越热？这个新Title对设计师意味着什么？UXD对设计师提出了怎样的新要求，设计师们又如何去转型UXD呢？在设计师转型UXD的背景下，还需要讲求专业精深吗？纯视觉设计师VD（Visual designer）又有怎样的发展路径？

三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。

很多设计团队都会有一套比较成熟完整的交互规范，好的交互规范能够保证设计的一致性，减少沟通和开发成本，提升效率。由于笔者是设计手机系统和App相关的，所以简单的和大家聊下如何设计交互规范。

移动UI设计切图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图，应该是所有设计师一直需要追求的能力。

在 Web/iOS/Android 等旧平台成熟稳定、VR/AR 等新平台尚未全面兴起，设计标准化成为趋势的当下，作为用户体验设计师的核心价值又有哪些？本文作者将自己反思的一些经验总结了出来，一起来看看。

工作需求每天都有，但总有一些冥冥之中会被更多人关注，如实事热点、周年庆典、大版本发布、热门合作等，那这些被更多关注的项目是否就是传说中的大型项目呢？视觉设计师在这样的项目中，又该如何发挥自己最大的作用，找到自己的最佳定位，保证高质量高效率的完成项目呢？Ps：养成良好的分类习惯，在需要时它也可以是你的加速度。ps：作为视觉设计师，要不忘设计的态度，时刻提醒自己，除了眼前的这个方案一定还存在一个更好的方案，时间允许的前提下不妨再对自己狠一点，过程虽然痛苦，但结果往往会带来惊喜！

此文主要适读人群：梦想成为“全栈设计师”的你（偏向移动端产品）！当然设计都是相通的，即使你的职位是产品设计、交互设计、网页设计、平面设计也都不妨一看，相信你也可以有所收获！1、对app基础控件的认知
2、字体
3、配色
4、图标设计
5、标注与切图规范
6、排版的基础原则
7、简单的动效设计
8、走察规范
9、交互常识
10、项目文件管理
11、个人素材、资源库
12、开发常识
13、数据分析能力
14、产品常识
15、用研常识

你有没有在夜间使用移动设备的习惯？你觉得QQ现有的夜间模式亮度在使用时是否舒适？为了能够更科学的验证我们的设计，我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面，并总结出一套优化方法来分享给大家，相互启发。

此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助，但对响应式web设计也有帮助。与一般的设计指南相比，此文更适合一边设计一边阅读。

简单直观的设计并不一定非得是极简的，它同样可以是丰富而又有趣的。

自选股小程序已经上线，作为项目的一员，做了一下交互体验和视觉设计的总结。