“先有思想，后有设计”设计师自身应该逐步建立一套自己的设计体系，需要对设计方法论有专业的认识和理解。一直想收集整理日常说到的各类设计理论知识，也希望通过整理和总结能有新的收获，加深记忆。
格式塔心理学是视觉排版及设计中应用比较广泛，主要指人的眼脑作用是一个不断组织、简化、统一的过程，正是通过这一过程，才产生出易于理解、协调的整体。格式塔的理论核心是整体决定部分的性质，部分依从于整体，人脑知觉到的东西要大于眼睛见到的东西。
古登堡法则是又称对角线平衡法则，由14世纪西方活字印刷术的发明人约翰·古腾堡提出。古登堡图表将要画面显示的东西分成了四个象限：
1.第一视觉区(Primary Optical Area)：左上方，读者首先注意到的地方。
2.最终视觉区(Final Optical Area)：右下方，视觉流程的终点。
3.强闲置区(Strong Follow Area)：右上方，较少被注意到。
4.弱闲置区(Weak Follow Area)：左下方，最少被注意到。
通过古登堡法则我们知道用户的视觉中心往往在页面的左上方，而结束浏览时视线往往落在右下角，所以合理利用这个法则可以帮助用户更好地获取内容并采取行动。自上而下的界面设计，自左向右的界面设计，页面中通常将操作按钮放在右下角。
菲兹定律：从一个起始位置移动到一个最终目标所需的时间由两个参数来决定，到目标的距离和目标的大小（图中的 D与 W），用数学公式表达为时间 T = a + b log2(D/W+1)。意味着小而近的目标用户不需要花费太大的精力就能轻易触及或者关注，相反小而远的目标则需要花费用户更多的时间和注意力，菲兹定律阐述的是效率相关的问题
思考结论：1.必要时让按钮更大，2.让相关信息更近
希克定律：一个人面临的选择(n)越多，所需要作出决定(t)就越长。用数学公式表达为反应时间T=a+b log2（n）。在人机交互界面中选项越多，意味着用户作出决定的时间越长。如比起2个菜单，每个菜单有5项，用户会更快从有10项的1个菜单中做出选择。席克定律在产品应用中主要用于通过合理的选项及功能规划提高用户的决策及完成任务效率
应用场景：
1.分类编组，提高决策效率
2.过滤选项，隐藏/删除低频率功能选项
3.分布执行，提高流程转化率
米勒定律：头脑最好的状态能记忆含有7（±2）项信息块，在记忆了 5-9 项信息后人类的头脑就开始出错。米勒定律在产品应用中主要在于合理的信息布局和信息处理可以提高用户对信息的获取效率和记忆难度。
应用场景：
1.控制数量，减少用户选择
2.信息分段，辅助用户记忆
3.流程分步，优化用户操作
4.信息排序，引导用户记忆
临近性原则：当对象离得太近的时候，意识会认为它们是相关的。在交互设计中表现为一个提交按钮会紧挨着一个文本框，用户会理解为按钮于文本框有关联性。换句话说当相互靠近的功能块是不相关的话，就说明交互设计可能是有问题的。
泰斯勒定律（复杂守恒定律):该定律认为每一个过程都有其固有的复杂性，存在一个临界点，超过了这个点过程就不能再简化了，你只能将固有的复杂性从一个地方移动到另外一个地方。
应用场景：
1.合理缩短用户使用路径，在设计中可有适度的简化缩短操作流程但是到一定的程度可能会影响整体的功能和价值。
2.将固有的复杂性从一个地方转移到另一个地方，例如搜索中历史记录，信息商品的收藏等功能，实际都利用了此定律。
3.将功能进行拆分，一次性无法降低复杂度的功能可以进行拆分。
奥卡姆剃刀原理：奥卡姆剃刀原理只承认确实存在的东西，认为那些空洞的普遍性的东西都是没有用的，应该剔除掉，概括起来就是“如非必要，勿增实体”实际上无论实体、视觉或认知上，多余的负担都会削弱表现效能，去除解决方案的杂质，让最后的设计会更严谨、更纯粹。在设计苹果产品的时候，乔布斯一直坚持认为：为了实现一个功能而造出一堆复杂的东西，没用，简单的才最好。Google专注于搜索，主页上也只有搜索，其他搜索引擎就没有做的这么彻底，这也是为什么Google用户量最多的原因之一。
防错原则：最早应用于汽车制造领域中，工程师新乡重夫（丰田精益生产庄家）于上世纪60年代，创造了这个理念。防错原则认为大部分的意外都是由设计的疏忽，而不是人为操作疏忽，例如硬件设计上的 USB 插槽，酱油瓶口。防错原则有四项基本原则包括，轻松原则，简单原则，安全原则和自动原则。
状态可见原则：保持界面的状态可见，变化可见，内容可见。让用户知道发生了什么，在适当的时间内做出适当的反馈。 比如用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。
贴近场景原则：用用户的语言，用词，短语和用户熟悉的概念，而不是系统术语。遵循现实世界的惯例来呈现信息，功能操作符合用户的使用场景。进一步来说贴近场景，也是要求在设计的时候要考虑，产品面对的人群和人群所在的环境，比如，同一款产品在不同地区呈现形式需要考虑文化差异。不同属性的产品例如儿童教育和办公产品，需考虑使用人群的特性。
可控原则：操作应该是可逆的，可以支持“撤销”和“重试”，以此来离开“非预期” 的状态，简单来说就是不要让用户走进死胡同，提供出口和退路。例如微信发送消息可以撤回可重新编辑等。很多web端的表单，文章发布等都支持自动保存，很大程度上避免错误或者意外操作。
一致性原则：遵循平台的惯例。也就是，同一用语、功能、操作保持一致。
防错原则：核心观点是如何有效的在用户出错之前就尽量避免错误发生，在互联网产品中，比起回退修改错误信息或者操作更好的是，用设计防止这类问题发生。很多转账功能中输入数字后会显示千万等说明文字，用户输入卡号后会自动识别关联银行，避免用户出错。
1.限制操作范围和条件。例如很多手机登录等交互中默认设置手机号为11位避免了用户出错，提高了易用性。
2.对有风险的操作进行二次确认。
易取原则：尽量减少用户对操作目标的记忆负荷，动作和选项都应该是可见的。用户不必记住一个页面到另一个页面的信息。系统的使用说明应该是可见的或者是容易获取的。 很多产品搜索功能的关键词联想搜索，即使用户不能完全记住关键词也能轻松搜索。
1.让用户选择而不是输入，选择和输入的操作成本相差巨大，产品应给给用户提供选项，让用户可以直接选择，而不是自己输入，比如填写收货地址。
2.自动读取、记录信息、减少操作路径。在用户使用产品的过程中，会产生一些需要记忆的内容、或者操作路径，这个时候我们要避免用户记忆，把信息直接提取出来，送到用户手里
高效灵活原则：为大多数用户设计，兼容少部分特殊用户。允许用户进行频繁的操作，更加便捷灵活的代码和反馈。各大产品中常使用的搜索功能，提供历史搜索功能。微信朋友圈发布中选择可见/不可见人群时，提供上次选人记录。
1.提供快捷入口，例如支付宝的首页可以自主配置常用的小程序，微信下拉对话页面可以快捷进入历史小程序
2.方便用户重复操作，例如外卖平台中自动定位常用地址，订单中可以再来重复的一单等
3.预知用户操作缩短操作路径，例如截图后打开微信对话框会关联截图发送
简约原则：审美和简约设计，页面不应该包含无关紧要的信息，页面的每个额外信息都会降低主要内容的相对可见性。
容错原则：错误信息应该用语言表达（不要用代码），较准确地反应问题所在，并且提出一个建设性的解决方案。比如404。
人性化帮助原则：有必要提供帮助和文档。任何信息应容易去搜索，专注于用户的任务，列出具体的步骤来进行。帮助性提示最好的方式是：1、一次性提示；2、常驻提示；3；帮助文档。
通过这些方法的总结归纳，我发现其实很多原则原理我们在平时的设计中有意无意的总会用到，在实际工作中设计很大程度上是做选择，哪一种是对产品对用户最优的方案，有的设计师可以通过自己的经验作出选择，没有经验的可能需要多多理解这些原则原理，交互设计之父阿兰·库珀说过“除非有更好的选择，否则就遵从标准”只有反复的遵循使用标准才能建立自己的一套设计方法论，让工作更加得心应手。
分享此文一切功德，皆悉回向给文章原作者及众读者.
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
作者：有鱼MUMU
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
每个人都是从初学者开始他的设计之旅的，你的审美眼光也要像其他事物一样经过训练。看 Dribbble 的设计可能是非常有帮助的，但有时候你只是欣赏设计，却不明白为什么。
没有灵感、没有优质的设计素材、不知道要设计什么，所有这些原因都可能会拖慢你的速度，让你感到沮丧。所以现在我将和你分享 10 个极其简单的设计技巧，帮你改善你的设计作品，而且不需要额外学习新的技能哦。
请记住，我提供的不是必修遵守的规则，而是大多数时候都有效的技巧。
如果你没有好的想法或优质的设计素材，那么你可以把你的作品去色。你可以通过正确的构图获得野兽派的设计。这么做有助于你理解平衡、留白，以及如何使用文字和几何图形。
让我们来看一个案例：
我自己发明了一套测试画面的方法：用简单的几何图形代表画面中内容，然后通过比较页面中色块的面积来确定页面是否平衡。当你在自己的作品中使用这个方法时，会得到下图这样的效果。
通常你需要通过视觉进行判断，但这里我们可以做一些简单的计算帮助理解：
左边区域的黑色矩形加起来约为：
(236 * 138 ) + (934 * 132 ) + ( 313 * 69 ) + (674 * 44) = 207109 PX
而右边的大长方形数约为：
446×446=198916PX
他们只是相差了一点点 3.9558%。
注意：圆形比长方形小，但由于相当锐利和细致，使它更吸引人的注意。
我在设计之前没有计算过。经过多年的练习，这只是成为自动的，因为你的眼睛会感觉到错误的平衡。
我之前带来的例子是在灰色背景上呈现的，但你可以尝试不同的东西。这有助于为你的设计创造一些景深。但要注意，在一个真正的网站中，你不会有那么多额外的空间，所以这只是一个展示技巧!
不要再整天浪费时间去实验字体大小。一般情况下以下字体大小是合适的：段落使用 14-18 pt 左右，副标题使用 24-36 pt，标题使用 96-144 pt 左右。Figma 的默认大小对于排版来说是相当不错的。虽然它们看起来会很小，但这是正常的。
有些字体相对于其他字体会偏大或者偏小，所以你应该以标准字体为基础。比如 Roboto：如果字体大小接近 14-18 pt 的 Roboto，那就非常适合用于段落。
如果你有一些具有透明区域的图片，你可以利用它们来创建一些分层。
在网页开发中，CSS 代码有一个 Z-index 的参数，可以用来把图像带到其他项目的后面或前面，给人一种立体的错觉。
让我们看看我的一个简单的设计，其中就利用了这种技巧。
鲜艳的色彩虽然美好，但往往会导致画面过于刺激。现在非常流行在设计中使用更加柔和的色彩，你可以在下图拾色器中红色标记区域内选取更柔和的颜色。
在我看来，多一些留白要比没有留白更好。杂乱无章的设计就通常都很糟。你可以通过以下方式获得呼吸感。
1、保持大量的背景可见。
2、用间距避免文字墙效果。
3、使用不会吸引太多注意力的图片。
4、精炼你的文字。
通常当我们想到设计的时候，我们会想到干净、流畅、清晰等概念。但完美就存在于缺陷之中。
在你的设计中，当你想给自己的网站一个优雅或艺术的外观，噪点是一个强有力的朋友。
此外，应用微妙的噪点让你的构图看起来像电影一样，这对视频和动态网站来说效果非常好。
你可以通过使用 Photoshop，在白色背景上创建一个 2-4 K 的高斯模糊，然后将其应用在你的画板上，从而获得一些噪点纹理。
我们电脑上预装的字体通常都不是很好的选择。要想找到更好的字体，可以开始上网冲浪或看 youtube 视频，了解精彩的字体和字库。
但要注意：很多字体都不是免费的，在没有授权的情况下使用它们可能会给你带来麻烦。不过不用担心，大多数的字体都有免费版本!
虽然有大量不同的字体和风格，但一般来说，我把它们分为三大类。
1、古典字体
2、现代字体
3、正文字体
通常情况下，前两种也可以用在正文中，只是字体的设计者希望你把它们当作标题来使用。
古典字体包括Abril Fatface、Playfair Display、Volux、Chalga和许多其他字体。
现代字体包括Metropolis, ITC Avant Garde, Redwing, Takota, Gotham....
这可能是最难利用的技巧，但如果应用得当，画面会非常有冲击力。
利用几何图形有助于强化布局中的概念和秩序，甚至不需要使用额外的图像。找到合适的几何图形是很难的。目前我还是不能很好地掌握它。
但是有一个诀窍是，把你的文案中的字母、数字和标题当作几何图形：把它们做成巨大但微妙的形状，或者用一些特定的字母作为形状（字母 A 就很好用）。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
一个好的设计不仅是解决正确的问题，还要为用户创造积极的情感。一个实体产品可以通过人类的 5 种感官来创造情感；但对于数字产品来说，因为它只是在设备屏幕上进行干巴巴的交互，然后提供服务，所以很难创造良好的情感体验。
所以数字产品设计师需要深入了解每一种情感，以及能够创造情感的心理学原理，才能更好地设计相关产品。
唐·诺曼认为，可以从三个方面对用户的情感体验进行设计：本能层、行为层和反思层。
本能层："用户想要的感觉"
行为层："用户想做什么"
反思层："用户想成为什么样子"
在第一个层面，设计将通过用户的视觉和与产品的互动产生情感。因此，这也是 UI 设计师大显身手的地方。除了审美和基本的平面设计原则外，以下是我目前在设计中运用的心理学规则。
1. 格式塔原则
相似性原理
人的眼睛往往会把相似的元素连接成一组，大脑会认为这些元素有相同的作用。
因此，在设计具有相同功能或内容的界面元素时，要使其一致。
应用场景：导航、画廊、卡片、横幅、内容、分页。
连续性法则
人的眼睛将排列在连续体中的元素视为一组。这个规律与对称性和相似性颇有关系。通过在一个序列上创造相似和重复的元素，我们可以将用户往我们想要的方向驱动。这使得阅读信息更加连贯和清晰。
轮播图就是应用了这一规则的设计，为用户提供了还有信息可看的提示。
应用：菜单/子菜单、列表、产品排列、轮播图、进度指示器。
封闭法则
当看一个不完整的图像时，大脑会依靠以前的经验，把剩下的填满。
这是图形或 Logo 设计中常用的规则。但在产品设计中，我们可以将其用于图标和加载。
应用：图标、加载、数据可视化。
邻近法则
这是 UI 设计中必不可少的规则，因为人的眼睛会把任何相邻的元素当作一组。
在设计的时候，我非常注意利用间距将元素组合在一起。我通常用大的空间来分隔大的内容群，然后用小的空间来分隔大的内容群中的小的内容群。
应用：导航、图库、卡片、横幅、内容、分页。
对称法则
我们的大脑喜欢看到对称和平衡的事物。这是在所有设计领域中最常用也是最安全的法则。它帮助我们创造一种稳定和秩序感。
在设计需要简单、视觉化、和谐的产品时，我经常会将对称性应用到其中。当观众需要专注于重要的东西时，这也有助于他们感到更舒适。缺点是，如果过度使用，产品会变得枯燥单调。通常，我应用于头部或行为召唤按钮，以更好引导用户产生行动。
应用：图库、焦点图、重要内容、产品展示、列表、导航。
主体/背景原则
这个规律是关于人的眼睛倾向于注意到脱离背景的事物，或是被框为一组的内容。
我用这个规则来引导用户的视线去预览重要信息。通常是在卡片设计中，用淡淡的下影在背景上方铺设一层。此外，构图组也是应用这个规则的一种方式。
应用范围：卡片、内容、列表、服务、摘要。
共同命运法则
在同一方向上移动的元素被认为比静止的元素或在另一个方向上移动的元素更有关系。这一规则的应用有助于我们建立群体和状态之间的关系。
我在做动画的时候，经常比较明确地使用这个规则。但是，我们也可以应用到更多方面。
应用：导航/下拉菜单、折叠菜单、折叠面板、工具提示、滚动条、视差滚动和指标。
2. 焦点
当我们看某样东西的时候，我们的眼睛往往会先关注最突出的元素。理解这种行为将帮助我们在设计中创建一个 "锚点"，从而推动用户按照我们的方案去浏览内容。
应用：内容页、落地页、价格页、产品页、焦点图。
3. 冯·雷斯托夫效应
又称隔离效应，它表明人们倾向于注意和记住与其他部分不同的部分。这个规则很容易与焦点法则相混淆。不同的一点是，应用这个规则的元素往往是独立存在的，并没有额外的功能和信息。
应用：定价表、促销横幅、权益升级。
4. 本能反应
基于真实世界的用户体验，创造出具有视觉吸引力的体验。就像我们看一个视频时，每一个高潮笑话都有笑声的配音，我们就更容易笑。如果我们的设计能让用户感觉很好很舒服，用户就会喜欢我们的设计。
应用：产品形象、插图、摄影。
5. 色彩心理学
有许多研究表明，颜色对我们的潜意识有特别的影响。不同性别、不同宗教、不同文化的人对色彩的看法也不同。
另外，我们也不要忘了早期被广泛使用的系统的颜色：
红色：错误
绿色：成功
蓝色： 进行中
黄色：警告。
6. 形状心理学
和颜色一样，人的潜意识对不同的形状也有不同的反应。比如:
圆形 、椭圆形：传递一个积极的信息，通常与社区或关系有关。
正方形和三角形：传递强烈的信息，通常与力量和稳定有关。
竖线：代表强度、力量或侵略性。
水平线：代表平静、平等或安静。
7. 双重编码理论
这个理论解释了人类需要视觉和语言信息来尽快处理信息。而且，人类是视觉动物，我们的大脑处理图像的速度是文字的 6 万倍。而为了达到设计的最大效果，我们不应该删除说明性文字。
一个明显的例子就是应用程序的导航栏。大多数新的应用程序或具有复杂功能的应用程序都是用图标和标签来设计的。
另一个例子。
8. 并行设计
相较于其他元素，人的眼睛往往会更容易注意到平行的元素。我经常用这个原理将同一屏幕内的两组不同内容进行分类。最容易看到的相关案例可能是 Facebook 的消息界面，“故事”并排而消息水平平行排列。
9. 共同区域
这个原理就像《格式塔原理》中的相似性法则一样，但它并不以相同为终点。共同区域是通过我们使用划分的方式，通过线条、形状或颜色来创建的。
如果一个屏幕需要用户大量滚动来查看内容，我们应该有一些方法来将其划分得更清晰，而不是仅仅使用间距。
应用：列表、信息流。
10、扫描模式
根据 NNGroup、UXPin 等机构或团体的各种研究，最常用的两种扫描模式是 "F 模式"和 "Z 模式"。
其中，"F 模式"的应用最为广泛，尤其是对于内容较多的网站。
“Z 模式”用于那些不太注重文字的网站，往往在最后强调行为召唤按钮。
当我们了解了这些模式的使用方法后，我们就可以有效地选择布局和安排元素来实现我们的设计目标。
第一印象是最难忘的，积极的体验可以在用户和产品之间建立长久的关系。如果我们能让用户在第一时间爱上设计，我们就为我们的产品创造了相当好的优势。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
UI 设计，是用理性方法，来满足需求，并带来美学享受。
本篇探讨 UI 设计如何做到理性。全文共有三部分：有哪些理性，如何做到理性，止步于理性吗。
UI 设计主要有四类理性：基本原则，基础知识，风格设定，风格把控。四类理性有一个共同核心：活学活用。
共有四个基本原则：对齐，对比，亲密，重复。
先说对齐。
秩序产生美。对齐作为一种基本秩序，主要事关整齐美观和阅读体验。
对齐一般分左对齐、右对齐和居中对齐。
从阅读体验角度来讲，左对齐通常胜过居中对齐，所以绝大部分文章和 UI 界面都是左对齐为主。
从美感角度来讲，居中对齐往往胜过左对齐，所以一些强调美感胜过强调阅读效率、篇幅不长、同时需要细品的诗或歌往往采用居中对齐。
从空间利用率角度来讲，右对齐往往是左对齐的一种补充。比如微信的发现页面，最重要的图标和文字左对齐，次要的右箭头和其它信息右对齐。
UI 设计追求阅读体验、美感和高空间利用率，所以这三种对齐方式大部分时候都会同时出现。整体而言，是以左对齐为主，居中对齐和右对齐为辅。
再说对比。
嘈嘈切切错杂弹，大珠小珠落玉盘。音乐讲究韵律和节奏，设计也追求错落有致的节奏感。这种节奏感，很大程度上靠对比实现。
好的对比可以带来视觉张力，就是抓人眼球的吸引力，同时也能起到主次分明和视觉引导的作用，最终带来良好的阅读体验。
一定程度上，对比是无处不在的。只要存在不同，就存在对比。比如大小之间的对比，不同颜色之间的对比，文字与图标/图片之间的对比，不同对齐方式之间的对比，等等。
一般而言，对比需要果断：若不同，就彻底不同。因为一般情况下，充分的对比能带来更好的视觉张力和更好的阅读体验。
第三说亲密。
设计就是分类，张小龙曾如是说。分类中最重要的原则是亲密，还有一个副产物是留白。
性质相同或相似的元素，我们会让它们看起来离的更近，关系更亲密。亲密成就分类，分类能化繁为简。
最后说下重复。
设计追求一致性，一致性主要靠重复来实现。被大量“重复”的元素，比如这篇文章里的字体大小和字体颜色，既保证了一致性，又提高了效率。
基础知识主要包括：手绘、颜色、版式设计、字体设计、品牌设计、动效设计、插画设计等专业知识。
UI 设计师可能不用画卡通人物或插画，但一定会画图标和 logo，这些也会用到手绘。作为造型基本功，需要掌握一定手绘技能。
颜色方面，最重要的是能够很好感受和理解颜色传达出来的感觉，也即颜色的“精神之美”，这块主要依赖审美和练习。
配色方面，推荐软件里的 HSB（色相、饱和度和亮度） 模式，这种模式很好理解，也方便调色。另外还强烈推荐从照片中吸取颜色，因为照片往往会和“生活”、“自然”有一定关联，“生活”和“自然”是非常重要的素材和灵感来源。从色卡中选择颜色也是一个不错的选择。
版式设计就像是选秀节目中练习生的舞台表演，考验的是唱跳、表情管理、舞台魅力、临场应变等综合实力。
“活学活用”环节，会结合例子分享版式设计。
字体设计、品牌设计、动效设计、插画设计等方面，个人经验不多，就不分享了。文末会附一份推荐书单，囊括基本原则和部分基础知识。
风格设定，即上篇提到的“精确描述”，是在动手设计之前，先探索出合适的风格，并把它精确描述出来。
好的开始是成功的一半。风格设定是一个开始，极其重要。如果风格设定只做到 60 分，稍微打点折扣的执行结果就是不及格。所以，如果要把设计做到 85 分，风格设定一般要做到 90 分。
风格设定犹如在茫茫大海中行船，首要目标是把握方向，核心诉求是精准。海上并无现成道路和导航可循，只能依靠繁琐而严谨的推理和计算。
风格设定的次要目标是划一个既清晰界定风格、又清晰指明“发挥范围”的“圆圈”，核心诉求是周密。因为需要清楚知道“圆圈”以内代表什么，“圆圈”以外代表什么。
在“精准”和“周密”上同时做到优良，风格设定才能做到优良。
既精准又周密的风格设定，通常无法一蹴而就：“风格设定”阶段一般只能做到七成，剩下三成需要在设计过程中继续探索和打磨。下一大段会结合案例分享具体方法。
风格把控有两层含义，一是实现当初设定的风格，二是在实现的基础上做到统一和规范。
只要严格在“圆圈”里发挥，实现当初设定的风格并不难。那做到统一和规范难吗？往难了说就是需要做大量琐碎工作：以联系的眼光看待所有设计元素，并把它们分类规整好，注意分类不宜过多，同时分类逻辑上不能出现明显问题。往简单了说就是大量复用已有的设计样式。
风格把控就是在划定的“发挥范围”内，利用设计知识和经验，以规范的方式实现规划好的风格。
活学活用作为四类理性的共同核心，最典型的应用场景是版式设计。
活学活用有两个要点：正反结合，风格第一。
所谓正反结合，是指设计知识既能正着用，也能反着用。最常见的例子是对齐原则，大部分时候是正着用，但如果想要营造活泼的感觉，也会反着用：故意打破对齐原则。
除了对齐原则，其它设计知识，比如重复原则，也可以反着用。
本文配图就是一个例子：图片左上角、右上角和右下角分别散布着装饰元素（横线、圆环）和 logo，在装饰元素的出现次数上，没有用重复原则。过年家里挂灯笼一般至少挂两个，同一装饰元素一般至少出现两次，以达到一种和谐和较为热闹的装饰效果。
我在装饰元素的出现次数上没有用重复原则，而在出现位置（相似位置）、元素大小（相似大小）和元素颜色（相似颜色）上用了重复原则，同样达到了和谐效果。之所以没在装饰元素的出现次数上用重复原则，是想放一个隐喻在这里。
所谓风格第一，是指设计风格永远第一，设计知识永远第二。知识服务风格，切不可重知识轻风格。
《倚天屠龙记》中，张三丰教张无忌练习太极剑时，要他忘记剑招，只记剑意。某种程度上，版式设计也要将“剑意”放在第一位，“剑招”服务“剑意”。
对比原则也有反着用的时候。有一条关于对比的知识：对比要果断，若不同，就彻底不同。这条知识能解释百事可乐 logo 里红色与蓝色的强烈对比，但解释不了山本耀司旗下大部分服装那千篇一律的黑色——单色，无对比。
设计最重要的是感染力，感染力主要来自个性、态度、价值观这些风格层面的东西，而非设计知识这些技法层面的东西。
当一个设计，技法高超而风格不足时，感染力和魅力就会不足，这也是设计师经常会犯的错误，大家需要注意。
可以简单分成三步：规划，成形，细化。下面结合微信 Redesign 这个案例来说明。
设定风格，用到的方法姑且称之为“红绿灯”法。“红绿灯”法借鉴并改良了我在网上看到的一种“红黄绿卡片法”（在红、黄、绿三种颜色的卡片上写下不同的设计关键词），并和“情绪板”法有相似之处：都包含关键词定位和图片参考两部分。
先说关键词定位，共有两步。
第一步类似头脑风暴，结合产品属性、用户属性、市场情况、个人喜好等因素，把能想到的设计关键词全部写下来。合适的不合适的都要写，只要想到了就写下来，确保有二三十个。如果关键词数量不够，这个步骤可以多重复几次，直到够了为止。这一步设计师和需求方都要参与进来，在提供关键词上双方是平等关系。
这个微信 Redesign 是个具有探索性质的小练习项目，基于微信 7.0，有两个目的：首先保留原有交互体验和品牌识别度，其次在视觉上更年轻、更流行。可以通俗理解成：一款微信“皮肤”，主要给年轻用户和赶新潮的中老年用户用。
结合产品属性（社交类、工具类、内容类）、用户属性（年轻用户为主）、市场情况、个人喜好这些因素，这一步想到的关键词如下图所示。
第二步是归类，就是把第一步产生的所有关键词归成“红黄绿”三类。如果关键词不够，还可以再补充。这一步依然是需求方和设计师共同参与，但需要设计师来主导。
红色关键词代表不能踩的红线：不能这样做；黄色关键词代表黄灯警告：这样做不太合适；绿色关键词代表畅通无阻：应该这样做。
需要注意的是，绿色关键词最好控制在 3-4 个之间，如果超过 4 个，就需要分成主绿关键词和次绿关键词，主绿关键词依然要控制在 3-4 个之间。这样做有两个考量，一是确保简单和重点突出，二是也更容易实现。
回到第一步的关键词上来。设计中当然可以用“拟人”、“隐喻”等手法，所以“拟人”这个关键词显得意义不大，故删去。“温润”和“亲和”，“老少皆宜”和“大众”在语义上都存在一定的重复，所以删去后者。删除这类不合适的关键词后，剩余关键词就按“红绿灯”法归类，归类后情况如下。
（微信 Redesign 之按“红绿灯”法归类后的设计关键词）
关键词定位已就绪，再来找参考图片。
可供参考的图片有两大类：照片和 UI 界面。UI 界面也有两类：线上作品（真实项目、练习作品等）和上线作品。
做 UI 设计，参考什么样的图片？个人建议，做什么类型的设计，就重点参考什么类型的图片。比如 UI 界面就重点参考 UI 界面，banner 就重点参考 banner。
UI 界面的设计，个人喜欢重点参考知名产品的上线作品。单从视觉角度来说，上线作品的质量可能比不过一些线上练习作品。但是已经上线的知名产品的 UI 设计，其风格的形成往往都会经过很多推敲，会有很多比较成熟的设计思路在里面。
参考别人的设计，最重要的是参考设计思路，其次才是参考表现形式。这种设计思路，有时候能从网上找到，但更多时候靠自己推测。
微信 Redesign，根据“很多年轻人在用，且风格比较流行”这条主线，找来了 QQ、抖音、B 站、小红书、陌陌、Soul、腾讯视频、爱奇艺等产品的截图。这些产品的截图，看完一圈后，就会面临一个问题：以图标为例，这几个产品的图标，风格各异，但基本都具备“年轻”和“流行”的特点，那应该参考哪一个？
这时就要求助关键词定位。除了“年轻”和“流行”，主绿关键词还有一个“轻微老少皆宜”。最符合“轻微老少皆宜”的是爱奇艺和腾讯视频：很多老人和小孩也会用这两个 App 看视频，网上公开的数据也能佐证这一点，所以它们的设计一定会照顾中老年用户的审美。
最后，出于个人偏好，我选择重点参考爱奇艺的图标风格，具体而言就是：深浅双色、较粗(1.5pt)描边、圆润风格。
红黄绿三色关键词及重点参考图片就绪后，就可以动手设计。
我一般会把界面设计粗略分成三大部分：版式风格、元素风格、元素大小，元素为图标、图片、按钮等，然后去一一实现。
先说版式风格。
用的主要绿色关键词是“更流行”和“更年轻”。“更流行”包括：更大字号的页面标题、尽可能用留白代替分割线和卡片的“无界”风格、圆形头像、更多留白更多舒适、等等。“更年轻”包括：更圆润的搜索框、输入框和图标、更年轻更具活力的配色、等等。
再说元素风格之图标风格。
图标主要参考爱奇艺 App：其一，底部导航和发现页的图标都是深浅双色加较粗的描边；其二，除了更圆润以外，部分图标还变 Q 了。
最后说元素大小。
以这个小项目为例，最主要的元素大小是图标大小和字体大小，它们会影响整个设计的感觉。通常情况，元素越小，给人感觉越精致、越高端，此其一；其二，可能是年轻人和老年人视力存在差别的原因，越小的元素往往代表年轻人的审美，反之则代表老年人的审美。
元素大小主要运用的绿色关键词是“轻微老少皆宜”。也就是说，需要在年轻人和中老年人的审美中找到一个平衡，所以元素大小基本直接参考了微信 7.0 的设计，个别地方做了微调。
最后，出来的效果如下图所示。
这份设计我发在了网上，部分网友留言说看着不够好，不太舒服，有一个表达的比较具体——“虽然用了大面积留白，却让人感到紧迫...”。
基于网友的留言，我仔细审视了这个设计，最后发现问题主要出在页面（发现页为例）左右两侧：留白过小。
当初之所以这么设计，是想通过页面左右两侧较少的留白制造一种内容将要撑破屏幕的感觉，从而营造一种活泼的感觉。注意，彼时“活泼”还没出现在“黄色”关键词里，上文两张关于关键词的图都省略了中间探索和优化的过程。
很多网友之所以没有感受到活泼而只是觉得不太舒服，至少有两个原因：第一，整个设计的基调是简约、清爽，有一定的年轻感和流行感，但没有太明显的活泼感，硬往里面某个地方塞“活泼感”并不和谐，大家也难以感受到；第二，单纯就“活泼感”而言，做的依然不到位，比如图标与右侧文字的留白，可以比图标与左侧边界的留白大，方能更好彰显活泼与活力。
考虑到“轻微老少皆宜”这个绿色关键词及微信主要是工具型和内容型产品，“活泼感”用在这里并不十分合适，于是放弃，并将“活泼”归为“黄色”关键词。此处留白的目的就回归其本职工作：整体和谐与舒服。于是就把留白相应调大了。
另外一个优化的点是“眼睛”的形状：微信图标、看一看图标、表情图标、朋友圈里将点赞和评论折叠起来的图标都有一双“眼睛”，这双“眼睛”起初是竖着的椭圆形，很萌，也比较低龄化。为了尽可能的“轻微老少皆宜”，这里统一把“眼睛”由竖着的椭圆形改成了圆形，弱化了“萌”和“低龄化”的感觉。
还有一块是颜色上，拍摄视频动态的图标有用到蓝紫色。这个紫色基本符合“更年轻”、“更流行”，但不太符合“轻微老少皆宜”，所以最后放弃了紫色，保留了蓝色。
遵循主绿关键词里的“轻微老少皆宜”，其它优化的点有：微信图标尖角处的圆角调小，删除启动页与黑色"WeChat"字形成对比的绿色圆点。另外还有一些视觉层面美观、和谐、舒适度的优化，比如颜色、留白、圆角大小、字体大小方面的微调。
优化后的微信 Redesign，整体效果如下图所示。
凡事预则立，不预则废。UI 设计如何做到理性，最核心的是设计风格，规划、成形和细化都紧密围绕设计风格展开。
最后，尝试总结下“红绿灯”法的优势，主要有四点：精确、周密、稳妥、高效。
关于设计风格，传统规划方法一般只有三四个“绿色”关键词。
“红绿灯”法拥有“红灯”、“黄灯”和“绿灯”三种颜色的关键词，从而确保大方向更准确。“红绿灯”法会产生20个以上的红黄绿关键词，从而确保划出来的“发挥范围”更周密，极少有疏漏。
在“成形”这个设计环节，一旦踩到“红线”和“黄线”，规划好的红黄绿关键词都会马上发出警报，从而大大降低“违规踩线”行为的发生次数，确保设计执行环节的稳当可靠。
“红绿灯”法通俗易懂门槛低，需求方可以较为深度参与“规划”环节。需求方在“规划”环节的深度参与，理论上可以降低后期的返工和修改次数，从而确保整个设计过程的高效。同时理论上也能够提高设计师和需求方双方合作的愉快程度。
UI 设计，始于理性，但无法止步于理性，还需要超越理性。注意，这里的理性，仅指设计知识的相关理性。
超越理性主要有两点：直觉，其它知识。
直觉是指一种能够快速感受和评估设计优劣的感觉。良好的直觉往往快而准。
感知和评价别人的设计时，用到的几乎全部是直觉。审视自己的设计时，也离不开直觉。
在审视自己的 UI 设计时，直觉主要发挥两个作用：第一，囿于知识储备或表达能力，有些地方就是解释不清，这个时候就要靠直觉去感受去判断；第二，直觉往往会作为检视设计的最后一道关卡，也是最重要的一道关卡。
直觉来自哪里？
个人观察是，直觉往往和审美正相关。比如一个设计师，他掌握的设计知识有限，经验有限，对自我的要求也不高，最终的作品往往不出彩。但如果他审美好的话，往往能够分辨出不同设计方案之间孰优孰劣。
如果你想就设计稿征求别人的意见，请去找那些审美好的人。
其它知识是指设计知识以外的所有其它知识。比如 iPhone 上删除应用前应用图标的抖动，其灵感应该来自生活中的摇头求饶或吓得发抖，抖动的幅度和频率则需要利用物理学和数学方面的知识。
优秀的设计，一定会从生活中汲取大量灵感，并广泛利用社会类、人文类和理工类学科的知识。就拿数学来说，在好的设计中，一定是个常客：因为你需要不停的按计算器，从而计算不同设计元素之间的比例关系和各自的大小。
汝欲学诗，功夫在诗外。遣词造句这些文字技巧只能是写诗的基础，而非关键。写诗的关键在于你对生活、对世事的积累和感悟，在于你的思想是否深刻，情怀是否充足。
写诗如此，做设计亦如此。设计知识只是做设计的基础，而非关键。做设计的关键在于“其它知识”。“其它知识”非本文重点，就不展开了。
UI 设计里的理性，主要是各类设计知识。理性的核心在于活学活用各类设计知识。
理性严谨的做 UI 设计，可以简单分成三步：规划，成形，细化。好的开始是成功的一半，一个高质量的规划显得尤为必要。
用“红绿灯”法做规划，并指导成形和细化工作，会更精准、周密、稳妥和高效。
UI 设计，是七分理性，三分直觉。审美越好，直觉越准。
优秀的 UI 设计，一定会从生活中汲取大量灵感，并广泛利用设计以外学科的知识。
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
原文地址：胡晓波工作室（公众号）
作者：猴子
转载请注明：学UI网》【字体设计】品牌标准字怎么设计？
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
汉字是来自自然的语言，有着生动的内涵和规律，笔画的点转横折，勾勒并呼应品牌的内在魅力，在积累和沉淀的这些作品中，通过汉字的美学理念表述着品牌独特的形式风格，以上作品，一起来交流吧！
© 版权所有，未经允许不得私自使用！
感谢关注
贺冰凇视觉艺术
原文地址：站酷
作者：贺冰凇
转载请注明：学UI网》贺冰凇品牌汉字卷！
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
根据不同内容进行视觉呈现，可以在不改变布局结构的前提下，带来差异化的感官体验。主题化设计就是在背景层和元素层进行视觉发挥，不改变原生结构，被众多产品进行设计发挥。
比如优酷 APP 在视频播放页面，视频窗口下方区域会根据影视作品特征进行主题化设计。会在背景、图标、按钮和选择器等元素上面进行主题化设计，情感化的设计更能带给用户共鸣感，提高用户对产品的感官体验。
空状态的设计从生硬的文字提示延伸到情感化的表达，运用更加视觉感的形式带给用户良好的感官体验。
最近在体验酷狗音乐时，初次进入播放页无歌曲时，采用黑胶 CD 作为空状态展示。当用户操作分享时则会以精美的配图来强化空状态，带给用户反馈的同时，也提高了播放页的视觉感。情感化的设计更能与用户产生共鸣，增加用户对产品的好感度。
用户在进行功能操作时，除了底层需求层面的反馈以外，反馈设计的视觉感也是至关重要的。好的设计可以加强用户对产品的好感度，让功能操作也能赏心悦目。
最近使用荔枝 APP 进行录音时，轻拟物的录音机设计印象深刻。在录音过程中磁带进行动效转动，带来场景化的真实感体验，停止录音时也会停止转动，动态的及时反馈提高用户使用体验。轻拟物动态设计不仅强化了视觉感，动态及时反馈也是非常不错的设计表达。
产品的流量区域属于众多功能争相曝光的区域，在这个方寸之间的设计发挥，体现出了设计师的能力。如何将有限的资源发挥到极致，带给用户更多的功能体验，需要产品设计师多在交互层面探索。
最近在使用酷狗音乐听歌时，底部标签栏上方的播放状态区域给用户提供了播放/暂停和切歌等操作，可以左右滑动来进行延伸功能切换。用户可以选择默认状态进行歌曲之间的操作，也可以向右滑动以显示歌词为主，方便用户在听歌时观看歌词。在方寸之间通过滑动交互承载了多重功能，满足用户更多操作体验，提高用户对产品的使用体验。
针对一些重点功能的按钮设计，在按钮造型、配色、图标风格、微动效等方面都在不断强化，以此来提高功能的关注度。
荔枝 APP 在录音模块中，为了突出录音按钮的存在感，结合了动态 IP 来进行强化。IP 形象从右下角出现与消失的动态效果，提高了录音按钮的关注度，俏皮可爱的形象也增加了设计的趣味性。
产品除了在使用体验层面不断优化以外，主要还是需要传递服务价值。服务的升级可以提高用户的认同感，情感化的设计可以辅助服务的可视化呈现。
自如在“家福卡”模块中，顶部视觉区域通过动态礼仪进行升温设计。每次进入都会有人偶形象打招呼，显得非常懂礼貌，使得用户感受到被尊重，提高了亲和力。通过动态形象进行礼仪表达，不仅提高了栏目的关注度，也让用户感受到这是一款有温度的产品。
用户反馈是打造优质产品的关键，如何提高用户反馈的意愿至关重要，设计师都在不断的思考和尝试。
自如 APP 在采集用户反馈时，设计了底部弹出的形式，询问用户是否愿意推荐自如。从绝不到强推设置了 0-10 分，当用户选择 9 分或以上时直接提交，低于 9 分可以描述原因。相对于比较隐藏式的用户反馈设计，这种打分制的形式用户操作更加便利，不会占用过多时间，用户参与的意愿也会更高。
注册应该算是用户比较排斥的操作，但也是不得而为之的事情。通过情感化的设计降低用户的排斥感，在趣味体验的环境中完成注册，可以带给用户更好的使用体验。
最右 APP 在注册时，进入注册界面 IP 形象以打招呼的形式出现，当用户输入密码时则会双手蒙住眼睛。IP 情感化设计带来了更多趣味性表达，以此推动了更加人性化的设计体验。
分类设计采用纯文字的表达显得比较单一，也有一些产品会结合图标或者图形设计进行装饰，以此来强化关注度和视觉感。
最近在使用肯德基 APP 点餐时，发现纵轴导航的分类设计结合了品类图标，提高了浏览辨识度。运用图标来强化可视化设计，提高用户点餐时对于品类的辨识度，也能强化当前栏目和默认品类的差异。小小的改变不仅优化了视觉感，也能带给用户更好的感官体验。
对于运动类产品来说，运动后的数据展示对于普通用户而言显得比较生硬，理解度来说不够直观。可视化的设计提供了更好的解决方案，看图比看文字更直观易懂。
One More 提供了简洁直观的训练数据预览，通过可视化的形式展示训练后增强的肌肉部位，以及通过肌肉颜色变化体现训练的强度。通过人体结构结合训练强度进行可视化表达，不仅可以提高用户查看训练数据的关注度，也能提高数据的理解度，增强用户使用产品的体验度。
个性化设计可以满足不同用户的使用需求，也能体现出产品的差异化服务。提高设计的差异，带给用户更加人性化的体验至关重要，无论是感官体验层面还是功能操作层面，只有带来不一样的体验才能提高用户的黏性，增加用户对产品的好感度。
今天给大家分享的这 10 个优秀案例，希望可以开启大家的设计新思路，在常规解决方案的基础上延伸出不一样的设计创新。
原文地址：黑马家族（公众号）
作者：黑马青年
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
又到了一年一度的龙虾季，龙虾最好吃的时候是6月、7月、8月，这三个月是龙虾长得最为强壮，个头大，肉质丰满，也是最好吃的时候，码字的时候想想这肉感口水都快流出键盘了，我先去舔下吃完龙虾的餐盘先。
没有一只龙虾能活着离开厨房，同时也没能逃过设计师的鼠标和创意之手。接下来就带大家分享关于龙虾类型的设计，滑到最后有彩蛋哦！
、
看了这么多不仅是嘴馋，作为设计师的你们是不是手痒也想自己用龙虾创作一把，于是我在吃完龙虾后，拍了下面的这个场景。
突然想到国内《神话》电影中成龙有一场类似的场景，于是与《权利的游戏》海报中的风格结合下，虽然画风有点暗黑。
但是如果从小龙虾的角度来看，这几个月对它们来说是个灾难，这也是作为龙虾最后的倔强。
虽然一想龙虾挺惨，但作为国人夏季夜宵时必备的龙虾，实在控制不住十三香、蒜泥、冰镇、蛋黄各种口味刺激食欲的味蕾，吃货的本性再次打败了刚刚对龙虾稍有些留存的感性
原文地址：修先森撩设计（公众号）
作者：修先森
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
2020 年 9 月上线，大概用了一年的时间，在核心功能上就已经与 Figma 对齐，而在这一年半里，他们还做到了很多不同且明显有考量国内用户习惯的特色功能，下面，就挑几个我比较感兴趣的点展开聊一下。
轻松管理素材、实现高效复用
有 Figma 在先，做资源社区已经成了在线设计工具的标配，而「即时设计」从一开始，就额外给出了一种与众不同的资源形式——资源库，用于提高组件库、图标、插画等素材的复用性。
与其他工具「选好资源——创建副本至工作台——打开文件复制所需元素」的流程不同，资源库类型的资源，只需一键「引用」，即可将对应资源保存至进编辑页面左下角的「资源库」，然后做设计时可以一键拖拽复用。
同时，资源库的内容会和广场上公开的资源保持同步，发布者新增、修改、删除内容，引用者都可以实时更新，虽然暂时只允许官方发布资源库，但实用价值可见一斑。
另外，即时设计的资源库不仅能保存广场中的设计资源，还可以把编辑区域所有可见内容，包括个人收集的常用图片素材等，一键上传并保存，在任何一台电脑上登录账号就能随时使用，相当于给了你一个不限容量且所见即所得的设计云盘。
比起像 Figma 一样平铺展示所有文件的“粗放模式”和团队的一级项目管理，即时设计增加了可以自由嵌套，不限制层级的文件夹管理功能，同时，还适配了拖拽和列表移动的操作。
而对于单个文件的管理，即时设计也根据国内用户习惯进行了优化，通过「跟进文件」，可以将你自己近期需要处理的文件专门整理到「正在跟进」页面，快速查看。
针对团队的协作需求，即时设计还做了一个「文件状态标签」，可以给文件打上自定义的标签内容，比如进行中、评审中、已完成，既能直观了解项目情况，又能进行筛选，有效地提升了团队用户对接效率。
从这些点里，相信大家都能能看得出，即时设计团队对一些细节需求的洞察能力，而且在很多方面都做了足够多的思考。
导入 Figma、Sketch、XD，导出 Sketch
为了满足设计师的迁移需求，即时设计支持了 Figma、Sketch、XD 三种主流文件格式的导入，同时，它还是最早支持 Sketch 导出的设计工具。
除了上面提到的，还有很多能看出有特别考量的功能，可以一键导入个人字体包的云端字体库，可以远程预览设计稿并打点评论的手机 App、微信小程序，自定义多彩主题……
虽然插件市场还没开放，但也有了不少吸引人的第三方合作插件，比如「字由」、iconfont、IconPark 等等，都是在 Figma 里不曾有过的体验。
创新能力，我们自然是有的，而且还很足，国内不管是庞大的用户基数，还是独特的软件环境，也都会让我们的国产工具得到更加特别的发展。
本土工具的自主研发之路还很长，但「即时设计」无疑是开了一个好头，而且步子迈得昂首挺胸，我也相信，他们有能力，之后给出更多的惊喜，支持国产，不妨一起期待一下~
即时设计：https://js.design
原文地址：功夫体验设计（公众号）
作者：彩云Sky
转载请注明：学UI网》为什么说是时候选择这个工具了
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
在产品设计中动效很常见，一个好的动效方案在提升用户视觉和心境体验的同时，还的的确确解决了很多其他设计问题。
好的动效设计总是在比拟现实，所以当我们思考为页面添加动效时，不应该感性的随心所欲的发挥自己的创意激情，而应该像科学一样，有一些基本的方法原则指导来我们，以此提升动效可用性。
今天主要分享一下在数字产品中动态设计的13个基本原则，希望对大家有所帮助。
▍缓动 ․
现实世界中绝大多数物体都不会突然运动，再保持匀速，最后突然停止（机械类运动除外）。而是缓慢加速或缓慢减速，这就是缓动。
缓动几乎适用于产品中任何元素的出现或离开、以及部分图数据加载等。
滑动内容
图表加载
在加载信息时，我们可以对信息归类分组，并按顺序依次延迟内容出场时间。这就是延迟与偏移，可以清晰的表达内容之间的关系。
在二维平面，如果信息很多，为了避免信息过载，我们可以将不重要的信息，或负面操作放置在前景内容后面，这就是叠加。用来模拟现实纸张叠放，创建出二维平面中的前后空间感。
当我们点击某个内容时，我们通过改变内容中某个主要元素（用于视觉引导的过渡元素）的轮廓并移动，这样可以将用户自然的带入下级页面，这就是蒙版。通过保留过渡元素的识别性，创建出无缝过渡，降低用户跳转页面时可能产生的迷失感。
现实世界大多数物体运动轨迹都是弧线，所以当位于角落的元素移动时，我们调整运动轨迹呈弧线，可以让元素运动更加流畅自然，这就是弧型。
注意：下面案例中元素上移是从左下往右上的弧线，但回来不是原轨迹返回，而是将弧线对称反转（类似抛物线），从右上往左下。
如果一个主要操作中包含其他操作，在用户与其互动时我们可以直接将元素分离出来，这就是克隆。再通过模拟现实世界中液体分离，可以清晰的表达出内容的包含关系。这类设计常见于底部的舵式导航按钮，点击后出现一系列功能图标。
将两个元素的属性进行关联，通过影响其中一个元素的属性，去影响另一个元素，这就是父子级绑定。给两个元素创建了一个隐形的传动轴，呈现一种用户正与内容进行实时可控的互动方式。
下图是通过小圆圈的旋转属性影响中间数值。
当某个元素存在先后两种样式时，我们可以给元素路径设置动态，使其形状从起始状态逐渐变化到结束状态，这就是转换。从起点到终点的无缝过渡，清晰自然的表达出任务结束。
在一个二维空间中，一屏展示的内容有限，当触发另外一个二维空间时，为了减少页面跳转，我们借助中间层并降低不透明度，或把背景模糊，这样可以将它们同时放在一起展示，这就是遮罩。帮助我们理解当前空间与原本空间之间的关系。
当看二维平面有些乏味的时，我们可以给页面赋予三维空间的深度，像真实世界的物体有厚度一样，用来表达该页面存在其他可以互动的侧面。这就是多维度，解决原本二维平面没有深度的问题，也带来更强的位置感。
线上产品中：
【哔哩哔哩】有做下图中类似的3D页面翻转效果（我一时忘记在哪个模块，有知道的同学可以留言告诉我，谢谢）。
【红板报】有做翻页效果，感兴趣的同学可以去看下。
金融和运动类产品中数字很常见，每次加载数字时，我们可以赋予数字动态变化，这就是数值变化。作用不仅仅是传达出数字的动态性质，更重要的是强化数字与用户的绑定关系（类似上秤后上涨的数字告诉你又“强壮”了。嗯？继续努力），让用户更加积极的维护数据变化。
界面中元素的运动速度并不是始终一致，当有多个元素时，为了建立良好的层次结构，我们可以让重要的可交互的元素运动速度更快，非交互元素运动速度更慢。（也可以根据设计目标反过来处理）这就是视差，将用户视线引导到可交互元素上，同时让非交互元素保持动态一致性。
页面中，我们始终在处理内容的展示与空间转换，为了能看到更多内容细节，我们让内容支持缩放来模拟相机变焦。为了能体现内容与内容在空间上的关系，我们模拟摄像机推进和拉远，这就是缩放与推拉，带来了更多的深度与空间体验以及无缝转换。
缩放
推拉
原则用于参照，在理解原则的基础上去打破。这样，动态设计将给我们带来了更多可能性。
尽管一些效果在当下实现上任然有着较高的成本，但相信随着技术的发展，在将来的产品设计中会看到越来越多让我们惊艳的设计解决方案，只是在这个过程中还需要我们共同努力鸭！
参考文献：
https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
作者：幺零三
转载请注明：学UI网》UI动效设计原则
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
蓝蓝设计的小编 http://www.lanlanwork.com