虽然直觉认为按钮是一种很简单的控件，但在梳理按钮相关知识点的过程中，发现小小控件其中包含了很多容易被忽略的细节。

按钮几乎是每一个页面不可或缺的元素，对于按钮的认识基本停留在视觉层面，一个圆角矩形搭配一句文案就能拼凑成一个最基础的按钮。视觉是一个观察的切入点，但仅停留在视觉层面还是不够的，比设计表现更重要的往往是背后支持设计的理由。本文中的所有案例均来自线上产品，观点仅是个人粗浅的理解，有疑问的地方欢迎大家讨论指正。

按钮的定义

1. 按钮的来源

数字世界是现实世界的一种映射，许多数字概念，都可以在现实世界中找到原型。按钮就是很生动的一个案例。在视觉表现上贴近现实生活中真实物体的外观，拟合用户心智模型，降低用户的认知和理解成本。

2. 按钮的定义

如果从视觉形式上看，按钮的组成很简单，一个矩形容器加上文字或图标即可组合成一个常见的按钮，但是仅仅从视觉层面定义按钮是不严谨的。按钮是一种重要的控件类型，而控件是图形用户界面（GUI）的主要构成模块。想要深入理解按钮，就必须要求我们首先理解什么是控件以及控件的分类。

3. 控件分类和介绍

定义：控件是用户和产品间进行交流的屏幕对象，是图形用户界面（GUI）的主要构成模块。

分类：根据用户目标，可将控件分为 4 大类。

每一类控件下又有更多具体细分。所有界面中常见的具体控件都可以根据其功能找到所属的类别。

4. 按钮的分类

在以上各个细分控件中，我将部分控件归入按钮类别：

命令控件下的：传统按钮、图标按钮、文字按钮

选择控件下的：开关按钮、单选按钮、组合图标按钮、状态切换按钮（开关和复选框样式比较固定，为了方便讨论，姑且不算在按钮范畴之内）

因此如果以按钮为主体，以功能属性为分类条件，可将按钮分为：命令型按钮和选择型按钮

命令型按钮与选择型按钮的区别

不论从功能维度、交互维度、视觉维度上看，这两类按钮各自都有不同的特点。

选择型按钮非瞬时状态有：“选中”和“未选中”两种互斥状态。可以把选择型按钮理解为某种状态的确认和展示。

命令型按钮的非瞬时状态只有一种：正常状态，当用户点击命令型按钮后，命令即可下达。可以把命令型按钮理解为一个动作，点击按钮代表着立即执行这个动作。

常见按钮的拆解

介绍完了命令型按钮和选择型按钮在功能、交互、视觉层面的区别点后，我们再来看看实际工作中常见和常用的按钮类型。

1. 传统按钮（有容器兜底的按钮）的来源：

GUI 中“按钮”的概念来源于真实世界中的按钮。真实的按钮具有一个非常显而易见的特点：拥有一个适合点击按压的受力面，这个受力面就是可点击感的来源。试想一下，假设一个按钮只有针尖般大小，且不说你是否能认出这是按钮，即便你知道这是按钮，你会有按下的欲望吗？真实情况下，摆在人们面前的按钮面积越大，想按压的欲望就越强。因此传统按钮的最显著特点就是拥有一个承载内容的“受力面”，也就是承载文字或者图标的“容器”。受限于早期的显像技术，以及与真实世界的对照，这种“容器”通常一般都是矩形，后期渐渐衍生出更加柔和的圆角。

风格发展：

在相当长的一段时间里按钮都有三维凸起的特征，进一步巩固了按钮的可点击感。不过进入移动时代后，这种流行趋势发生了改变，按钮的三维印记被不断移除。用户已经建立起了成熟的心智模型，即便按钮在视觉上越来越“平”，也不妨碍点击行为的发生。结合多年的使用经验，用户已经将矩形形状这一特征和按钮牢固地联系了起来。即便现在的按钮大多都是扁平化，用户也能一眼就辨认出按钮属性。

2. 传统按钮的拆解：

常见按钮一般是由容器和内容组成。

容器层面

• 容器形状：

移动端比较主流的按钮形状有：矩形、圆角矩形、胶囊形和圆形 4 种。一般，在人们的认知里，圆角越大传递的感觉越圆润亲切。其实形状本身并没有好坏区别，与单纯视觉偏好相比，元素的统一性更加重要。一旦选定了某一种按钮形状，就需要保证所有场景中出现的按钮都尽量看上去整体统一。

• 容器尺寸：

视觉上，按钮越大，越吸引用户注意，决定按钮大小的主要依据是按钮在页面中的优先级。而一个产品涉及到页面众多，如果不同的页面元素之间缺乏统一的调度规则，就会出现按钮尺寸过多，没有规律，细节混乱，效率低下的情况。为了既能适应不同的场景，又能保持产品级的控件统一，一般要给按钮尺寸设定几个档位以适配不同页面需求。排除个别特殊页面，一般把按钮设置为 5 个优先级梯度档位就足以满足设计需求。

我们可以从优先级从高到低的顺序，将按钮分为：特大、大、正常、小、特小 5 个尺寸档位。

下面展示最常使用的三个档位，大、正常、小档位。

• 容器颜色：

按钮的大小、形状、颜色三个维度中，人眼是对颜色信息最为敏感的。在一个页面中，突出一个元素的方式有多种，其中最简洁有效的方式就是用颜色进行突出。颜色包含了色相、饱和度和明度三种属性，改变颜色的不同属性，都会对按钮的表意产生影响。同时，不同的颜色代表着不同的含义，配色时需要加以注意。

• 容器样式：

容器除了基本的尺寸、形状、颜色之外，还有多种样式。

上文介绍的容器是强面性的，此外，容器还有弱面性、线性等样式。

• 容器细节：

虽然现阶段的按钮越来越扁平，但在扁平的趋势下，依旧有发挥设计创意的空间。

颜色渐变、投影、动效都是常用的设计手法。

内容层面

聊完了“容器”部分，再来看看容器承载的“内容”又有哪些细节点。

3. 图标按钮的介绍

并非所有按钮都需要容器，尤其当按钮密度较大时，去掉容器只保留内容，可以更好地提高空间利用率，简约视觉。

4. 文字按钮的介绍

比图标按钮更轻量的按钮类型是文字按钮，以文字的形式展示，和界面融合度更高，当用户有需要时才会注意到文字按钮的可点击性。

5. 传统按钮与图标按钮的组合

这种组合形式相当常见，将多个功能整合在一个区域内，如底部工具栏（ToolBar）或者顶部导航栏（Navigation Bar）。不同按钮承载着不同功能，侧重越明显，越利于用户快速识别并决策。

特殊按钮类型

上面介绍的是常见的按钮形式，除了以上按钮，有一些按钮形式专门适用于某些特殊场景。

如悬浮按钮、胶囊按钮等。

按钮的优先级

一个页面往往有多个按钮，不同按钮承载不同功能，功能之间有相同或者不同的优先级，因此按钮之间也存在这相同或者不同的视觉优先级。

我们分两类情况来讨论：相同优先级的按钮和不同优先级的按钮组合。

按钮样式小结

上文罗列了实际工作中常用到的一些按钮样式，最重要的步骤是分清按钮主次，使用不同的样式进行搭配。

优先级强到弱：

强面性按钮、弱面性按钮/线性按钮、图标按钮、文字按钮

碎碎念：

本文中出现的部分名词，比如“弱面性”、“容器”等，只是为了便于交流和统一指向，并没有具体权威出处。文中提及的按钮类型均来源于线上产品，样本有限，适用场景相对固定，还有很多样式没有一一遍历。但掌握了如何选择样式的原理，就可以根据日后具体需求做出合理方案。文中出现的数据都是经验型数据，如按钮按下状态是在正常状态下添加 10%纯黑的遮罩，文字字号大小等，这些都是建议型数据，可以根据具体情况灵活调整。

文章来源：站酷   作者：设计师doo


分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

背景

“时间”作为人机交互界面中经常出现的元素，本质上都是为了去传递时间维度的信息。但是我们平时在使用一些互联网产品时会发现，关于“时间”的显示状态或形式在不同场景、不同页面里往往是不太一样的，这是出于怎样的考虑呢？今天我们就来聊一聊，如何在产品设计中把握“时间”显示的诀窍，让其在页面中发挥最大的作用。

“时间”元素的分类

按照“时间”元素在页面中的出现场景和所起到的作用，可以大致归为以下几类：

A. 事件的关键构成要素

时间作为描述整个事件的重要组成部分，缺失后会对原本所要传达的内容产生严重的影响，进而影响用户的使用预期和结果，比方说用户可能不能以一个较低的价格完成商品购买，或错过了产品发布会的时间。

B. 行为的时间标记

指用户本人作为行为主体或行为的接收对象，在某一动作发生后为其所打上的时间标记，比方说“我”购买商品下单的时间或收到一封邮件的时间。

C. 内容的附属信息

用户在使用产品进行内容消费时，时间作为该条内容的附属信息，起到补充说明的作用，比方说一条短视频或新闻的发布时间。

在上面的案例中，我们会发现“时间”在对应场景里所发挥的作用不同，用户在使用产品时往往对时间存在不一样的关注程度。因此我们在做页面设计时，要根据具体场景和用户诉求判断“时间”元素的重要性和优先级，通常情况下：时间作为事件的关键构成要素＞行为的时间标记＞内容的附属信息，之后再思考用什么样的设计形式去展示来达到我们的目标。

“时间”的呈现方式和运用技巧

在讨论“时间”元素的设计之前，我们先共识一些有关时间的理解和概念。时间可以划分为“时间点”和“时间段”两个维度，类似我们高中物理时学过的“时刻”和”时间间隔“的概念。

拿开会举例子：“下午 4:30 会议开始”、“下午 6:00 会议结束”描述的是事件开始、结束的时间点，而“整个会议持续 1.5 小时”、“会议时间为下午 4:30-6:00”描述的是事件过程的时间段；但是，我们在会议开始时也可以这样讲“会议将在 1.5 小时后结束”。

通过上面的例子我们可以发下，同样是描述一件事情，运用不同的时间点、时间段的方式去表达，意思一样但却传递出不一样的情感，并且两者存在如下的“换算”关系：

1）时间段加上定语会变成时间点（但同样是时间点，“下午 6:00”是绝对时间，而“1.5 小时后”是相对时间，刚好对应到我们设计时两种时间戳类型）；

2）两个时间点之间则表示时间段。

所以，我们在平时表达或设计时，要先想清楚用“时间”是想侧重表达某一事件、动作发生的即刻时间节点？还是想描述其所持续的时间过程？之后我们再针对不同语境去选取合适的文案和呈现方式。

时间的呈现方式离不开：时间戳类型、时间显示格式、时间颗粒度。其中，时间颗粒度指的是描述时间的最小单位，往往颗粒度越细，给用户传达的确定感越强（如转账时间是 12 日 15:15:20），对用户的激励作用越明显（如距抢购结束仅剩 00 时 01 分 23.6 秒）。

1. 绝对时间戳

绝对时间可理解为事物发生时的确切时间，由具体日期（年、月、日）和时间（时、分、秒）组成。使用绝对时间戳的优势是信息传达精准，显得正式，给人确定感和安全感，同时排布规整，便于形成认知习惯；但缺点是内容显示过长不利于阅读，并且占用空间较大。

在时间显示格式的选择上，为了避免混淆，推荐使用文字格式或“-”分隔符来分隔日期，而“/”分隔符在不同国家有不同的展示顺序习惯，容易造成误解，尽量少用。

时间颗粒度的选择依情况而定，一般场景总结如下：

2. 相对时间戳

相对时间在产品设计领域通常是指内容生产、到达、或状态发生改变时，距当前时间点的时间差值，多用于 push 通知、信息流产品，侧重强调内容的时效性；而“倒计时”也算相对时间的一种，侧重营造时间的紧迫感。使用相对时间戳的优势是用户辨识、理解成本低，不用通过计算来判断时间过去或还剩下多久；缺点是不够精确、正式，并很难衡量两个时间点的临近性。

在使用相对时间时，要注意格式友好。时间单位可随着时间的推移自动改变；数字不要过多，尽量取整；并且可设置其与绝对时间转换的临界点。

总结

在设计界面中的“时间”元素时，要遵循场景贴合、便于阅读理解的总体原则；之后根据场景和目标，再选取合适的“时间”呈现方式（包括时间戳类型、时间显示格式、时间颗粒度）。

当时间作为“A.事件的关键构成要素”时

一般情况下使用绝对时间，并且要看是为了强调某一关键时间节点，还是侧重表达整个持续过程。此外，选用关联场景的文案或者运用倒计时（相对时间）的形式，可一定程度上促进用户更加集中注意力，提升对信息的关注度，并达到特殊的激励作用和转化效果。

当时间作为“B.行为的时间标记”时

该场景通常是为了追求确定感，通过提供精准的时间和日期便于用户定位到过去或将来的某个时间点（段）去查找、回顾相应内容，因此大多数采用绝对时间，时间颗粒度依具体情况而定。

当时间作为“C.内容的附属信息”时

如果所设计的产品供给内容的更新速度快，用户活跃度高，并且此时内容的时间信息准确性不那么重要反而更侧重于内容的时效性，那么通常会使用相对时间。部分信息流产品（比如新闻资讯类、社区类）会在列表页使用相对时间，在详情页使用绝对时间，时间颗粒度也是依情况而定；并且会随着时间推移，在某一时间节点前把相对时间转换为绝对时间。

文章来源：优设   作者：VMIC UED



分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

APP载入记忆，从哪里退出，就从哪里载入，减轻对特殊群体的打扰

不知道大家有没有这种苦恼，不管啥app，一打开就是弹出各种活动弹窗和广告，卡到想摔手机（以下分析，高端机大佬请忽略）。

分析思考

虽然产品为了促销和增加用户粘性，经常性的开展各种活动，来诱使用户参与，但是，还是有很大一部分用户不会参与，甚至看都不想看一下就点击关闭，下面用部分用户举例说明。

(1)将软件当作纯工具的用户：这部分用户使用你的软件，完完全全是因为你的软件能满足他的纯需求

，他不想参与任何活动，你只要给他解决问题就可以了。比如“酷狗”，A用户可能在一个悠闲的下午，心情到位了，一如往常的想听听他之前收藏的歌曲迎合一下自己的小情绪，而他一打开酷狗，开屏页是5S广告，首页又弹出活动广告，如果误点了，说不定还要跳到哪位小姐姐的直播间去（酷狗的流氓引流手段，本人误点了很多次，次奥，人家用户压根就不喜欢看直播，你的后台不清楚？），而这个直播的加载过程非常卡顿和费时间，而你也不想看直播，再使用手势返回操作，结果多划了一次，又退出产品了，需要重新进，这个时候你是不是要裂开了？好心情都变坏了，甚至一边卧槽一边想当场摔了旧鸡换新鸡或者卸载软件！（特别是用了1年以上的安卓鸡）

(2)特殊群体用户：包含非适龄用户（年龄过大或者过小），非同等语言的用户（沟通有代沟，三观不同步）。

例如“全民K歌”，现在推出一个活动，要为祖国庆生pk，那么在推送的时候，是不是要考虑推送的人群，像那种只听唱摇滚嘻哈的，你认为他们会参加？就算他们参加，作品会不会跑题？会不会因为一个作品不符合节日气氛而让不明真相的网友喷的狗血淋头？既然这样，那你推送给他的意义就不再了，说不定适得其反。（有的朋友可能就要开杠了：全员推送，可以最大程度的唤起用户参与，就算不参与，也可以形成告知的效应，但我上面那条说了，部分用户手机卡顿，用户只想简简单单的用你的软件解决需求，你如果不考虑他们这部分人群的使用感受，就要天天挨喷）

问题总结：

遇到以上的问题，用户要么忍让，要么就是换软件，如果因为这些原因流失了用户，非常不值得（可能你会说，天下乌鸦一样黑，换了软件也逃不出这个套路，是的，市场的软件运营起来都是这个套路，搞钱！搞钱！搞好多钱！但是我相信，一款为用户着想的产品，最后不一定能赚大钱，但用户一定会感激产品的细节，为他流畅的解决了生活所需！比如微信干净的的聊天界面）。还有值得注意的一点，这部分用户如果能照顾好，将会成为你最忠实的用户，就拿将软件当纯工具的用户举例吧，ta很懒，你的软件是他的工具，只要你功能还在并且好用，他基本不会去换软件，即使别的软件摆在眼前，他都不会去下载（除非给他钱，相信我，钱到手了，他发现软件不好用或者用不惯，他会麻溜卸载），因为对他来说，用哪个软件，都只是工具而已，他用惯了你的，又觉得你的软件用起来很流畅，所以会一直用，只要留着他，他就可能随时在你软件上面消费。

细节思考，解决问题

上面的问题，其实就是同一个软件，需要以不同的方式去对待不同的用户的问题。

现在互联网各种ai技术均已成熟，且大体量的产品基本都有自己的后台去分析用户的操作习惯和路径，形成用户画像或用户的心智模型数据，我们掌握着这种数据，可以去使用以下方式对待小众的特殊群体。（拒绝杀熟）

(1)精准投送，减轻对特殊用户群的打扰：比如那个在“全面K歌”里面只听唱嘻哈摇滚的用户，通过后台分析，构建属于他的用户画像，然后下次推送“为祖国庆生“的活动时，则可以不必为他强制弹窗推送，留一个icon入口足够了，减少他的操作，给他足够流畅的体验。

(2)载入记忆，从哪里退出就从哪里进入：用户都很懒，特别是设备不好的用户，每次打开应用，载入时很卡顿，甚至在打开的过程中会放弃，那么我们可以基于用户画像，让那些特殊群体上次从哪里退出，就从哪里进入，（这里我解释一下为什么是对特殊群体才这样，因为如果都这样，首页不是没人看了嘛，活动还要不要做？产品还要不要吸金？打工人还要不要发工资？）而特殊群体，，，真的，他不想消费，你把刀架到他脖子上，他都不会消费。

结尾

我们做产品，要服务大众，也要为公司产生收益，但这不是我们放弃特殊用户的理由，微信之所以成功，是因为他真正做到了全民皆可用，聊天界面简洁，纯粹的为人民服务的好工具。甚至每一次小功能的更新都能上热搜，我们的产品比不得微信，但是我们服务用户的态度可以像它看齐。愿在坐的各位都能做出属于自己的“微信“

文章来源：站酷   作者：一剑生死 

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

文章来源：站酷   作者：船长的成长日记

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

大家好，新年了，先祝大家新年快乐。这次分享一下自己学习道路上的小总结，仅此而已，以做纪念。希望能和大家多多交流。感谢。瑞思拜~

本次给大家带来一篇关于如何从0到1的建立一个符合自己产品调性的3D组件库，以及如何运用到日常的工作中去，并可以大幅度提升设计师产出的效率，起到降本增效的作用，还可以赋能给你的业务（尽量体现在汇报PPT中），让你在写年中年度总结的时候不会被问到，“你的价值又在哪里呢？”这种不得不回答的问题。虽然自己感觉还是做的不成熟，但是还是想分享给大家，自己也做一个沉淀，继续努力。我想在你看完这篇文章并且可以做出尝试以后，你和你的老板一定会喜欢。

一.首次升级改版

我们现在看到的无论是阿里云，华为云，腾讯云，金山云等等这些优秀的云产品设计当中，都在大量的使用3D建模渲染与2.5D风格互相搭配的运用。京东云官网也分别在4月和10月份各做了一次大的改版升级，很有幸都有参与到当中，那么就先说4月份的品牌站改版，以下的效果，用C4D的默认渲染器完全可以做到。

1.早期2.5D的积累

这次的改版是第一次从2.5D风格转向3D风格的探索性尝试。再此之前，设计师们有着3年多的2.5D风格组件库的大量积累。面向新用户以全新的面貌向用户传递科技引领，助力全球产业数字化升级，推动实体经济高质量发展的使命。

早期同学们积累的2.5D组件库。

第一次升级后的组件库。

第二次升级后的组件库。

2.组件库及规范的建立

在3D规范的产出过程中，我们严格围绕着新的设计策略「通用」和「差异」两个点相互融合，以提炼设计通用的元素，差异以规范为基础。根据不同的场景化的突出特点，3D及留白节奏的合理使用，突出3D的干脆，严谨，从而约束好网站的整体调性，让用户无论是在视觉感官体验上还是使用体验上都十分舒适。所以我们最后得到的四个关键词即为：探索、开放不封闭、共生攻坚和用户信赖。

3.建立组件库的四个维度

为了利用三维与二位的冲突感凸显视觉表现的主体信息，强化是觉得一致性。表达出通透和呼吸的开放组合。因而我们映射到了色彩，质感，字体，构成四个维度上。

/1.色彩：

在色彩上以京东红为底色，黑色代表着科技专业以及智慧未来。在规范出主色调的同时为了保持京东科技品牌调性的一致性规定了品牌的业务色及辅助色，同时也规范了使用颜色建议的搭配以及占比关系，作为设计师使用时的有效参考。

/2.字体：

在字体上，规定京东朗正体为品牌名称级产品名称字体，在楼层中的字体为方正兰亭黑系列，英文字体为思源黑体。字体行高的1.5倍行距，段落间的上下间距为字号的1倍。

/3.构成：

在构成上，用高度概括简单干脆的几何形式展现，既可以突出文字的信息层级，又渲染了整体的气氛进而增强了页面层级更加清晰的效果，强化了严谨的几何形体，让用户感受到秩序化。

/4.质感：

在质感上，三种不同的材质——金属材质、发光材质以及磨砂玻璃材质。

4.渲染及模型参数

在规范好了基础的四个关键点后，进行了渲染的尝试，最后投票确定了一套大家都认可的效果。并且产出了预设工程文件，方便设计师建立白模且通过设计评审后直接导入进行渲染。

5.动画的渲染及精灵图的制作

为了满足页面中部分鼠标移入移出的交互效果，我们渲染了动效以及精灵图的制作。关于精灵图的制作，在之前的文章当中我们有详细的说明和制作方法，这里就不再赘述。

以上就是我们的第一次3D视觉升级，这一次升级做的还是比较系统且完善的。从构建组件的价值开始到设计策略——竞品分析——实现策略——规范要求——模型——颜色——质感——构成——渲染——动画——应用场景和最后的开发上线。

第二次升级改版

那么到了10月份，为了更加贴合业务和升级产品调性。进行了第二次的改版，这一次的改版我使用了新的OC渲染器以及在原有的基础上做了完善和调整。

1.通用底座的新增

幸运的是这一次改版我就顺手了很多，还是老生常谈规定了规范说明、模型、品牌颜色、质感、构成方式等等。新增了对通用底座的规范。更加规范了使用。

2.HDR环境贴图

由于使用了OC渲染器，对环境的设定以及HDR贴图的使用变的十分重要，尝试了很多效果。

3.灯光参数

至于打光，没有做过度的布置。在环境亮度满足的情况下，只用了2盏补光，并且做了参数的说明。

4.组件配色占比

规定了每种颜色的占比参考。

5.组件渲染实例

下面看一些我们渲染出来的实例。以及我们优秀的小伙伴建模并渲染的Banner。

那么以上就是本文的全部内容，希望能对大家的日常工作有一些帮助。很多地方还不成熟，会继续沉淀把更好的东西分享给大家。瑞思拜。

文章来源：站酷   作者：秦能补拙
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务