不知道大家有没有这种情况，做完设计完全不知道这个页面效果好坏，那么有没有一种设计效果模型能对照呢，让我们做完设计，或者指导他人设计时候，有一个参考标准呢？
今天我分享一个方法给大家，大家可以当作自测或者设计指导用。
木桶定律不知道大家有没有听说？
一只水桶能装多少水取决于它最短的那块木板，一只木桶想盛满水，必须每块木板都一样平齐且无破损，如果这只桶的木板中有一块不齐或者某块木板下面有破洞，这只桶就无法盛满水。一只木桶能盛多少水，并不取决于最长的那块木板，而是取决于最短的那块木板。也可称为短板效应。
做设计也是一样的，设计的效果就是像木桶里面的水，必须每个细节都处理到位，里面一个细节没有处理好，就会影响整体效果。所以设计师要学会对自己设计有很好的认识，知道怎么去找到短板并去优化它。
一、系统的拆解设计
我们来拆开看任何一个设计，比如iOS设置页面设计，由哪些元素组成呢，我们来逐步拆解：
- 图形：我们把字体和颜色去掉，页面很重要组成部分就是形状，圆形还是方形。
- 色彩：除了形状以外，就是色彩，色彩是用户最直观的理解。
最后就是字体、样式、风格等等！任何设计都是由这些元素组合而成，也就是我们常说的形色字构质！
我们看任何一个设计，都应该像庖丁解牛一样，对于设计的每一个模板进行设计拆解，去了解它每个设计具体的环节。
二、怎么看网页？
比如这个网站设计，可以从哪些维度去看，找到可优化的空间，我们可以一起来解剖下。
1. 色彩
色彩是设计的三大构成之一。色彩最直观也是用户最能感受到的，而一个网站给人的留下的第一印象就是铺面而来的色彩氛围。
▲当前的配色：背景灰+黑白色文字+黄色标题+黄色几何色块点缀。
解剖：
- 色彩在页面中，每个元素是怎么运用的？
- 二级三级页面是如何保持色彩一致性的？
- 这种配色需要注意的要点?
2. 排版
排版是视觉组织内容的方式，是引导用户阅读信息的手段。
▲当前的版式：大面积留白+上下结构+ 上文下图。
解剖：
- 从上到下有几种版式？有规律吗？适合什么样产品？
- 主副内容的处理方案是怎样的？
- 二、三级页面是否模板化？扩展性如何?
3. 空间
空间是内容与设计的空间，是页面呼吸感很重要的要素。
▲当前的空间：文字和图形交错出来，形成一种流动感。
解剖：
- 这样做要突出什么？
- 黄色设计元素和文字关系是如何处理的？
- 实现的细节是什么样的？
4. 品牌
品牌是网站页面的眼睛，品牌演绎成页面中的元素，成为组织内容的核心。
▲当前的品牌：品牌黄色。
解剖：
- 品牌在页面中怎么呈现的？
- 品牌感是否因为这些方式加强？
- 品牌辅助图形有哪些？
三、怎么看图标？
图标可以从以下几个维度去拆解。
1. 造型线条
造型和线条是图标的气质传递，不同的造型和线条影响整个图标的调性。
▲当前的线条：圆润线条，断点。
解剖：
- 线条细节怎么体现的？
- 造型细节传递出什么感受？
- 适合什么类型的产品？
2. 空间透视
空间透视是一个图标体感很重要的点，平面和三维的图标感官是完全不一样的。
▲当前的透视：2.5D透视，非常有方向感。
解剖：
- 透视角度怎么体现的？
- 透视细节如何处理的？
- 这种透视怎么拓展？
3. 质感肌理
质感肌理是图标的细节表现，图标风格有很多种，什么样产品用什么样的图标风格，需要对症下药。
▲当前的质感：霓虹灯，发光质感，细节丰富。
解剖：
- 霓虹灯，光感怎么画的？
- 元素前后关系怎么处理的？
- 运用场景有哪些限制？
4. 惊艳细节
细节是这个设计从60分到80分最关键的点，一个好的设计，一定有一个惊艳的细节打动你。
▲当前细节：蛋糕的细节，小人的表情以及拟物细节。
解剖：
- 细节符合产品定位么？
- 细节的延展性如何，适合哪些场景？
四、怎么看界面？
1. 信息布局
信息布局是体现信息优先级，也是设计最优先考虑的，如何合理将内容信息组织好是第一优先原则。
▲当前布局：运用卡片布局，通过色彩，大小来体现优先级。
解剖：
- 卡片布局有什么优点？
- 卡片里面元素之间关系如何处理？
- 卡片运用在哪些地方，哪些地方不用卡片？
2. 色彩关系
色彩是用户第一直觉反馈，不同色彩代表不同的情感！如何让你的色彩更和谐、乱而不花、少而不单调，是需要去思考的。
▲当前色彩：马拉龙配色，低饱和度明亮，年轻化感受。
解剖：
- 色彩之间颜色有多少种？
- 主色调是什么，辅助色有哪些？
- 色彩运用场景有哪些？
3. 控件造型
控件和造型是图形的一部分，自定义的控件和系统控件成本是不一样的。
▲当前控件：基本自定义的，优点比较个性化，符合车这种产品动感造型。
解剖：
- 扩展性如何？
- 技术如何实现？
- 能沉淀组件通用化么？
4. 质感肌理
质感肌理重要性不言而喻，是产品精致与细节的表达很重要的点。
▲当前质感：色彩叠加，微渐变，明亮配色。
解剖：
- 色彩适合什么样人群特点？
- 配色规律如何？
- 质感表现手法怎么表达的？
5. 交互关系
产品的交互形式怎么样，每一步的操作如何，上下页面如何连接的，交互形式用户是否熟悉。
▲当前交互方式：手势滑动选择歌曲和调节音量。
解剖：
- 这种滑动操作有什么不好的地方？
- 用户是否都能接受这种操作？
- 这种交互方式是什么限制？
五、怎么看LOGO?
1. 图形寓意
寓意是LOGO的魂，如何把LOGO的行业和特点，创意结合起来是非常不容易的事情。
▲当前寓意：整体寓意Logo外围由两条弧线汇聚成圆，寓示项目集办公、住宅、酒店、商业、观光等多个产业功能。
解剖：
- 这种线条延展性如何？
- 和行业特点是否贴合？
- 识别度怎么样？
2. 延展性
标志最终是要运用的，运用的场景效果如何，放到实际环境中效果和识别度怎么样。
▲当前延展性：无论在印刷物料，还是在大楼上都很简洁大气，符合这个高楼气质和调性。
解剖：
- LOGO使用环境如何？
- 各个物料上运营是否协调？
- 辨识度如何？
3. 字体
字体是非常重要的元素，有的产品特质就通过字体体现，比如香奈儿、LV大牌等。
▲当前字体：衬线体，非常优雅，和整体的LOGO图形本身一样，一气呵成。
解剖：
- 运用的什么字体？
- 字体有没有单独处理？
- 字体和中文搭配如何？
拆解设计元素基本就是上面的这些方法，拆解每一个设计零件，然后针对零件去详细设计，去找设计的发力点。那么我们掌握这些零件后，如何去指导一个人的设计呢，或者自己做完后，怎么去看？
六、设计效果细节模型
前面分享了，一个设计我们需要关键哪些重要元素，那么一个设计稿，我们要从哪些维度去看画面效果，在设计过程中去检查自己效果呢？
这里我做了一个模板给大家，大家可以对着去自查，这套模板基本覆盖了品牌设计、UI设计、创意设计等，我们来看看。
- 图形：造型/细节/透视/线条/质感/使用环境；
- 色彩：平衡/人群/情感/干净/行业/明暗关系；
- 字体：字重/线条/比例/衬线/识别度/字距；
- 构成：对称/空间/主次/重复/秩序/放射；
- 质感：细腻/层次/呼吸/通透/轻重/高级；
- 创新：寓意/品牌/调性/感动/情绪/冲击。
举例说明
我们来看看如何在日常工作中，通过这个公式来指导我们的设计！下面我从网上随便找到的一些案例，没有任何的恶意，只是交流使用。
通过自查表可以发现的问题：
- 图形：细节不够细致，还可以提升；
- 色彩：背景的高斯模糊和卡片的设计颜色不够干净、不够协调；
- 字体：卡面字体识别度不够，数字基本看不清楚；
- 构成：构图的空间不够平衡，上下过松，卡片过紧；
- 质感：不够高级，风格比较陈旧，有山寨感。
通过自查表可以发现的问题：
- 图形：六边形、圆形，各种异形整体特别混乱；
- 色彩：没有主色调，橙色、绿色、黑色比例没有主次，灰色深；
- 字体：图片上字体导致图片看不清楚，按钮看着像不可以点；
- 构成：很乱，元素到处飘着不知道看哪里质感：不够细腻，旧；
- 创新：品牌感完全没有体现。
通过自查表可以发现的问题：
- 图形：红包造型不够明显，看不出是红白；
- 色彩：配色不干净，没有层次；
- 字体：字体缺乏对比，没有字粗细大小对比；
- 构成：空间感和主次比较欠缺；
- 质感：不够精致，不高级，红包不高级；
- 创新：调性上，视觉冲击力不够。
通过自查表可以发现的问题：
- 图形：透视不够准确，瓶子底部太平和顶部透视不和谐，同时瓶子的线条太细了，和整体不吻合，另外页面环境色彩也可以增强；
- 色彩：瓶子边缘线条灰色太脏，瓶子后面的前景和后面的明暗没有出路；
- 字体：下面圣诞节快乐字体太小，对比不突出，识别度难；
- 构成：目前构成是不是可以更加热闹，构图可以尝试放射；
- 质感：圣诞树的质感层次，礼物大小，元素可以对比加强；
- 创新：可以加强一些故事性在里面。
你会发现，我们通过这个表格去对照，或者去指导别人的设计，就会更合理，我们的建议也非常的专业，当然前提你必须对审美有很好的理解！
七、最后
今天教大家这个方法，其实就是思考问题的一个体系，先学会系统拆解设计，了解设计的每一个元素，然后在系统拆解的基础上，去做局部创新。
在设计的过程中，学会从形色字构质、创新维度去检查我们的设计，不断锻炼设计手法以及设计的维度，让你的视觉画面感越来越和谐，效果越来越好。
相关新闻
-
多少餐饮老板，被“数字化”搞糊涂了？
数字化浪潮来势汹汹，眼下，谁先理解运用了数字化，谁就拥有话语权。那么，餐企如何把自己进化成数字化时代的新物种？ 数字化是各行各业都绕不开的话题。 今天，一个亿级销售规模的老板没看过一本数字化的书，没参加过一场数字化的峰会，至少也在朋友圈看过一两篇数字化的文章。 然而，奕宏在一线与大量的创始人、企业家深度接触时，却切身感受到他们对数字化的迷茫、迷惑与迷信。 数字化主权时代下，餐饮数字化到底该怎么做？ 一、餐饮数字化为什么这么难？ 很多餐饮创始人（企业家）是60-80年代生人，也就是我们所说的移动互…
-
抄中国作业？详解海外如何玩转直播带货
又是一年购物季，电商和社交媒体的消费色彩总是在年末显得尤为强烈。双11、黑五、双12、圣诞季……在中国市场的直播带货卷成红海的今年，老外们蹒跚学步终于跟上了节奏。 年初，海外平台开始试水。YouTube在2月份内测了视频购物的功能，并在夏季逐步向少数创作者和品牌推出进行测试，10月又宣布将在11月开启一个“YouTube Holiday Stream and Shop”直播购物节活动，届时会与一些有限时折扣还有多项实时互动功能。 在平台的“红利”下，博主们也跟进了： 在YouTube上有768万…
-
一些互联网头部APP的用户与收入情况
大家好，国庆快乐。国庆假期最重要的就是玩，每一分钟都应该投入各种户外或室内的娱乐活动，包括但不限于：玩游戏、看电影、听音乐、读书（注：特指娱乐性的闲书）、打球、钓鱼、打牌，等等等等。 如果你不幸被抓回去加班了，也应该秉承摸鱼至上的态度，一有机会就发呆或刷社交媒体，顺便多喝几瓶单位冰箱里的冷饮（若有），这才是加班的正确姿势。 众所周知，本怪盗团最讨厌的就是过于努力的人，因为众所周知，这种人不但自己过得不开心，也连带别人不开心。 以前我认识一个基金经理，是一个不折不扣的“奋斗逼”，特别看不惯别人娱乐…
-
高增长的淘特，站稳了吗？
11月18日晚间，阿里公布2022Q2新财报，主打性价比的淘特，成为首个被提及的业务。在这一季度中，淘特继续保持高速增长，年度活跃消费者（AAC）超2.4亿，用时18个月。 而根据拼多多招股书，其年活跃用户达到2.45亿，用时27个月。 同时数据显示，淘特的独占会员DAU比例已接近50%。 这样的体量和速度，意味着淘特已成为继淘宝天猫、拼多多和京东后，第四大电商平台。 那么，在内卷的电商行业背景，以及下沉巨头拼多多的压力下，后发的淘特，是如何实现高速增长的？高速增长故事能讲多久？ 下面，本文将从…
-
短视频出海，风云再起
由于众所周知的微妙原因，短视频出海一度被按了暂停键。 美国市场上，TikTok曾处于生死边缘；印度市场上，上百个中国应用被禁，TikTok、Helo、Likee、VMate等全部受到影响——阿里巴巴甚至完全停止了UCWeb及其他创新业务在印度的服务。 看上去前途渺茫，但就在不知不觉中，中国短视频出海再次风起云涌。 日本经济新闻自2018年以来一直调查统计全球App下载量，TikTok全球下载量在近期首次达到了全球第一，超过了Facebook。同时来自YY的短视频应用Likee也悄然站上了第八位。…
-
快手小众赛道江湖：有人在直播间给狗狗剪毛，有人靠盆景年入千万
转眼间，2021年已经走到尾声。 回顾这一年的直播电商行业，我们见证了数不清的品牌、商家、主播在各个平台上创下佳绩，交出了令人满意的答卷。以快手电商为例，仅2021年第三季度的电商交易总额就达到了1758亿。 巨大的交易总额背后，不只是常规大众生意在此中的茁壮成长。聚光灯外，还有数不清的小众行业从业者借助短视频+直播的力量实现了生意的增长，比如靠着过硬的农机修理实践经验获得220万粉丝青睐、单场销售额突破285万的农机修理工；在快手上卖花盆、年度GMV已经突破900万的80后农村宝妈；教粉丝在家…
-
产业互联网正驶向深蓝
按照一般人的理解，所谓的产业互联网是一个将产业看成是改造对象的存在，产业互联网的概念是相对于消费互联网而言的。 但是，如果仅仅只是将产业互联网理解为改造对象的转移，而忽略了产业互联网的新内涵与意义，所谓的产业互联网只不过是改头换面的消费互联网而已，说到底，依然是流量的买卖。这是产业互联网提出多年，却始终都徘徊不前的根本原因。 最近一段时间以来，特别是当数字经济的概念提出以来，人们对于产业互联网的认识开始从简单意义上的改造对象的转变，转移到了更加丰富和多元的角度。深入分析产业互联网发生这样一种转变…
-
字节跳动在线音乐猜想
2018年6月2日，一位用户在抖音APP上传了一条妻子因病剃了光头在街上走路的短视频。如果把声音关掉，这可能就是一个稀松平常的网友记录日常生活的片段。但这位用户用了心，他给这段影像配了个名为《往后余生》的背景音乐。这个背景音乐最广为人知的一句歌词是，“往后余生，风雪是你，平淡是你”。 这条时长十几秒的短视频打动了很多人，很快获得了超过1000万抖音用户的点赞。 20个月过去。2020年3月，一位妻子照顾两个孩子又背起行动不便丈夫的一条短视频火了。它的背景音乐依然是这个《往后余生》，不同的只是它是…
-
做SaaS，为什么前期投入大，越做越值钱？
一、SaaS与生俱来的“爱”与“痛” 老实说，高投入，是SaaS打基因里可能就背负的压力。 原因其实也简单，对比下SaaS和传统管理软件就知道了。 虽然SaaS（软件即服务）模式看起来各种利好。 但前期投入的确比较高，回本周期也较长。 而且SaaS产品有些与生俱来的优势，比如降低使用门槛，让更多人用得起，其实是建立在： 原本由客户承担的部分成本，如服务器、IT运维等，被均摊或转移到服务商自己身上。 再比如SaaS的本质是用“租赁模式、长线交易”代替传统的“购买模式，短线交易”。 “按需购买、分期…
-
迪士尼“代拍”：给玲娜贝儿下跪，旺季能挣一百万
“我对你的爱可以掏心掏肺掏钻石。” 周一，一位男性游客在迪士尼掏出了硕大的假钻戒、“双膝跪地”向近来的顶流女明星玲娜贝儿求婚。视频里，玲娜贝儿和她的“饲养员”不知所措，只能以“大家都是好朋友”的说辞化解尴尬，周边围观的游客们则大喊着“妈妈不同意”。 在男游客要求玲娜贝儿和他拍情侣照被拒绝后，他又来了一段土味情话：“我的贝儿陛下，我养你是我毕生的梦想，愿你三冬暖春不寒，愿你天黑有灯下雨有伞，愿你在迪士尼的每一天都开开心心。我退下了，这一退最多就一天，明天我还来。” 和玲娜贝儿合影之后，该游客和他的…