• 案例    设计需求是：优化一款 B 端产品的「套餐售卖卡片」的原有设计：

△ 某 B 端产品服务购买卡片设计（优化前）

你会觉得这个设计无伤大雅，但也说不上专业。于是设计师参考阿里云和华为云的服务购买卡片：

△ 阿里云服务购买卡片设计

△ 华为云服务购买卡片设计

经过了对信息层级和视觉效果的比较与思考，设计师最终将设计稿优化为下图效果：

△ 某 B 端产品服务购买卡片设计（优化后）

1. 分析几乎完全相同的产品
2. 分析不完全相同的产品
3. 分析完全不相同的产品

1. 分析几乎完全相同的产品

这个方法很好理解，这类产品与你正在设计的产品在功能需求、产品形态、用户类型等方面都很较大的相似性，也是最容易直接提供解决方案的，比如上文提到的服务卡片设计优化案例。再比如，你在做一款「云盘的登录注册页面」，你可以参考「腾讯云盘」和「华为云盘」等大厂产品的登录注册页面，看看他们的页面是怎么布局的，提供了哪几种方式，增加了哪些入口和元素，如何使用颜色和字号等等。

△ 华为云盘登录页面

 

△ 腾讯云盘登录页面

 

2. 分析不完全相同的产品

如果找不到完全相同的竞品，对于不完全相同的产品，也可以分析和借鉴，这就要分几种情况，需要你对手中的设计任务进行拆解：

（1）需求相同，但产品类型不同：比如同样是「云盘的登录注册页面」，如果找不到完全类似的竞品，你可以查找包含 B、C 端用户的其他产品的登录注册页面，取长补短。

△ 雨雀文档登录页面  

 

（2）结构相同，但应用场景不同：接上面的例子，登录和注册页面本质上用户填写表单，产品收集用户信息。因此你也可以找填写手机号、用户名、密码相关的表单的设计，并不一定是登录注册页面的表单，比如你在寄送快递时填写手机号的表单也可以用作参考，也许会提供不一样的设计思路。

△ 淘宝 App 可以调动系统定位，并提供几个最有可能的选项，用选择代替用户输入

 

3. 分析完全不相同的产品

如果是完全不相同的产品，那学习和分析的是这类产品的设计原则和手法。接上面的例子，这次你可能借鉴的设计就是下图中「微信通过好友申请」的页面。

你会发现在这个页面中微信将能设置的好友信息都呈现了出来，让用户先设置之后，再通过申请，这样就避免了很多用户顺手添加了好友而忘记设置信息。相比之下在设计登录注册页面，可能也可以根据产品功能和用户需求，适当将设置项前置。好的设计，在设计思路和原则上，通常也会具备通用性。对于大多数人来说，在很多工作上都要经历这个过程：抄（指学习） -> 操（指操练） -> 超（指超越） 掌握这几个过程中的精髓，很重要。

 

原文链接：长弓小子公众号）

作者：元尧

转载请注明：学UI网》详解｜针对某个功能，如何做竞品分析和设计优化？

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

黑色+白色

黑色是一个很强大的中性色彩，它有一种极其特殊的色彩语言，它很容易让人着迷，而且受到各领域众多设计师的关注。黑色给人传递的是一种庄重、神秘、稳重、高端、大气等等的一系列视觉感受。因此我们在用黑色作为主色调的时候，需要注意产品性格特征，想传递什么样的感受给用户。

在杂志化版式设计中，黑色和白色搭配出现频率也是较高，毕竟黑色本身就有一种高级神秘感。当它与白色搭配，更体现极致简约性格。

黑色+蓝色

蓝黑搭配也是最好看和运用较多的颜色，它们之间组合彰显沉稳大气。黑色本身更沉稳，配上蓝色整体画面感彰显高级时尚。

蓝黑搭配一般在科技类产品较多出现，因为蓝色本身略带一些科技属性，黑色本身会有一些沉闷，且蓝色也不像黄色那样高亮耀眼，因此在选择蓝色上适当提升一些明度。

黑色+橙色

橙色是一种有性格的颜色，当它遇上黑色，在画面彰显活力与生机，与蓝色不同的是，橙色更醒目与热情，更有一丝腔调，内敛和张扬得到有效平衡。

活力橙色作为暖色调，它不像红色那样更霸气刺激，更纯粹的多了些许阳光的温暖，在不同层次明暗橙的对比演绎出柔和的色彩变幻以及熠熠闪光的细微差别。

黑色+绿色

绿色在设计圈可谓说是一直都挺火，绿色与黑色搭配可以中和黑色的沉闷，还有一种清新透亮的感觉，如果是和亮绿搭配，更有一种酷酷的潮流感。

黑色+黄色

黑黄搭配，极视觉冲击力，既能给人活泼奔放的味道，同时又有着一丝内敛与沉稳。很多设计中经常看到黄黑组合，黄色在黑色的存托下，显得格外时尚。

黑色+红色

红色与黑色的配搭，在设计界也是运用较多的经典颜色组合。黑色的神秘而高级，略带一丝沉重，配上热情奔放的红色，缔造了一种无与伦比的时尚，成就了一种永恒的经典。

在使用红黑搭配时，注意红色使用占比，以及饱和度，避免过于高亮的红色。一般在黑红搭配过程中，其实都少不了白色在其中。

原文地址：功夫UX（公众号）

作者：功夫UX

转载请注明：学UI网》这6种高级黑配色套路，太绝了

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

美剧《奔腾年代》（Halt and Catch Fire）里有一段台词：

“当你使用计算机执行一系列操作，每当你按下回车键，它都能在400毫秒内给予你反馈，反馈时间还不到半秒，那么就可以让你一直保持专注，效率也会飙升，你会完全沉迷进去。但反馈时间哪怕只是偏差到半秒钟，你的注意力都容易被分散，你甚至会想起身洗个碗、拿个遥控板、看场比赛…所以说400毫秒以下的反馈速度，是最佳节点。”

当然翻译中带了点我个人的语言色彩，但意思还是这么个意思，也就是说当交互反馈时间小于400毫秒，那么将大大提升用户的专注程度与效率，用户也不易急躁。而大于400毫秒，即使仅仅是偏差到半秒钟（500毫秒），也容易被用户感知到，从而影响用户心流。

而剧中引用到的这个临界值“400毫秒”，就是我们今天要聊到的——多尔蒂阈值（Doherty Threshold）。

一、为什么是400毫秒

1982年，IBM公司的WJ·多尔蒂（WJ·Doherty）及其团队就“系统响应时间对经济价值影响”的课题展开了研究。研究过程主要以用户操作系统后，系统的响应时间作为变量，观察其对多个维度的结果产生的影响。

最终从其中的一组研究实验结果中观测到了一个现象：一旦当系统响应时间超过400毫秒左右时，各项指标数据就会开始产生较大数值的波动。

于是IBM公司就此提出了研究结果：系统响应时间应该低于400毫秒，这将显著提升用户的关注度，从而影响到用户的操作、工作效率。并将“400毫秒响应时间”这个节点值以WJ·多尔蒂的名字命名为「多尔蒂阈值」。

虽然如今我们早已认为系统拥有快速响应时间是一件理所应当的事情，但「多尔蒂阈值」的提出，在当时那个年代却是开辟先河性的。因为70年代左右，计算机研究界还普遍以“系统的响应时间可以为2000毫秒（2秒）”作为业界标准。

虽然我现在已经查询不到这个“2秒”旧知识的科研文献了，但是在 IBM 2018年的一场欧洲线上演讲会的PPT中我们还可以看到：

所以「多尔蒂阈值」可以说是重新定义了现代人机交互领域响应体验的指标，影响着一个标准规范产品的视觉侧、交互侧、体验侧、开发侧等多个方面。

二、多尔蒂阈值的运用

我们要清楚的是，「多尔蒂阈值」是IBM公司给到的一个系统响应时间的最大参考值，并不是说所有的机器响应时间都必须卡在400毫秒这个节点上，而是说响应时间应保持在400毫秒以内，尽量不要大于400毫秒。

那么知道了“400毫秒以内”这个范围值，我们作为设计师，要怎么将其运用到设计工作中，或者说「多尔蒂阈值」会影响到我们哪些设计标准呢？——来看看 Google 旗下 Material Design 的系统动作规范，应该能让你找到一些方向。

要点一：并不是越快越好  

作为设计者、开发者，我们都希望系统能够尽量快地响应用户的操作。但也并不是一味地追求极速就一定是好的。

Material Design 在系统响应动作规范中强调了“过渡时间”的概念，虽然大家都希望系统的响应速度越快越好，但同时用户也需要一些时间去理解系统响应的结果。

如果响应即结果，而不给用户一个视觉过渡的反应时间，则会让用户无法跟随UI变化，同样也是会给用户造成困扰的。

Material Design 规范建议到：不要给用户过慢的响应速度，干扰用户操作进程，让用户急躁；但也不要给用户过快的响应速度，用户无法跟随UI变化，对用户理解会造成困扰。

我们将响应速度结合「多尔蒂阈值」范围内的视觉过渡效果，可以帮助用户理解操作反馈的结果，有时间思考类似于“我刚才点击了什么”、“结果和我的操作之间是什么关系”、“结果是否满足我的预期”等问题，并做出下一步的反应。

要点二：响应时间不是一成不变  

为了让响应视觉过渡更加符合现实规律，Material Design 根据响应结果区域的大小设置了3种响应过渡时间规范，其中又以用户的操作场景进行了更进一步的规范细分。

先来说说根据响应结果区域的大小设置的响应过渡规范：Material Design 将操作响应结果区域分为小、中、大3种场景，当操作影响的结果区域越小，那么响应过渡时间就应该越短。反之，操作影响的结果区域越大，响应过渡时间就会越长。这一点是符合人类意识对运动的理解的。

其次 Material Design 还认为，用户做“关闭”、“退出”类操作时，预示着他们那要进入下一个任务流，而此时上一个任务流的内容，用户就不再关注了。操作与结果的关系、层级的关系、内容的位置关系，在“打开”、“进入”类的过渡中就已经阐明给用户了，所以他们离开的时候，可以更快。这就是在响应结果区域大小的基础上，又以用户的操作场景进行的更进一步的规范。

• 小型区域：响应过渡统一为100毫秒；

• 中型区域：打开的响应过渡为250毫秒，关闭的响应过渡为200毫秒；

• 大型区域：打开响应过渡为300毫秒；关闭响应过渡为250毫秒。

结合两个要点总结一下：系统响应应该结合视觉过渡给用户操作与结果的关系进行指引，所以也并不是越极速越好。响应过渡应该在「多尔蒂阈值」以内，并且可以结合响应区域大小、用户操作场景，使响应更符合现实规律，更加人性化。

三、面对不可避免的延时响应

虽然把系统响应控制在「多尔蒂阈值」内是我们追求的目标，但是响应速度往往和请求的数据量、网络环境等诸多因素有关。对于结果返回数据量小的场景，我们利用视觉或代码层面的解决方案，可以让响应时间是可控的。

但当用户遇到结果请求数据量大、网络环境较差等场景，响应时间以“秒”起步那也是司空见惯的事情。此时面对无法保证响应时间在“400毫秒”以内的情况，我们应该怎么办呢？

其实这已经超过「多尔蒂阈值」的讨论范围，对于不可避免的延时响应场景，已经是属于“如何解决用户等待焦虑”的话题了。

但恰好我之前在《聊聊加载等待的那些事 之 进度指示器》中聊到过这个话题。想系统了解的朋友，可以移步查看。（知识就这么串联起来了！神不神奇~）

对于想走捷径的同学，我在这里把当时的调研结果贴出来，希望能够帮助到你们。

我结合了 “用户等待4秒原则”和UX研究咨询公司 Nielsen Norman Group（NN/g 尼尔森诺曼集团）的一篇文献中提出的 用户等待心理模型，得出了以下参考结论：

用户是一个复杂的群体，他们其实并不关心所谓的量化时间，他们只希望：加载尽量快，快到不要中断我的操作流，如果实在快不起来，那就告诉我还要等多久。所以由上表得出的结论是：

• 加载时长在0到1秒之间时：用户不易感知，不需要给予用户 loading 提示，在任何加载情境下频繁给出 loading 提示其实反而会干扰用户心流；
• 加载时长在1秒到4秒之间时：此时不需要明确给予用户量化时间提示，用户也不易产生焦虑情绪；
• 加载时长大于4秒时：超过这个时间你就需要明确地告诉用户当前的进度状况了，加载百分比或剩余时间都可以让用户心里有个底；
• 加载时长大于x秒时：设计者应该根据具体加载场景设置加载时间临界点机制，在加载超过这个时间之后默认为加载失败，让用户进行再次操作，而不是无意义地苦苦等待。

四、总结

「多尔蒂阈值」不仅仅是设计师完成交互动效、反馈体验时的一个知识点，它是IBM对整个计算机反馈机制进行研究之后得到的结论，影响体验、效率、经济等多个方面。所以我认为这是互联网人都应该熟知的一条交互理论。

只是我在这里仅结合了 Material Design 的系统动作规范，分析了设计层面对「多尔蒂阈值」的应用，还是稍显片面。但感兴趣的朋友，还可以去搜索了解更多关于「多尔蒂阈值」的实验、故事与实践方案。

原文地址：UCD耍家（公众号）

作者：Howiet

转载请注明：学UI网》UI&UE实用方法论 | 做交互体验，你必须得知道的「多尔蒂阈值」

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

1. 有效的信息抓取 

案例 1  ：钉钉的“代办事项”设置功能，可以自动抓取到语句中的时间信息，自动帮助用户设置好时间，减少用户的操作时长：

案例 2  ：在微信中可以对图片中的文字进行识别提取，手指在识别出来的文字上滑动就能够选中，可以直接全选、复制和转发：

案例 3  ：不同产品之间也可以共享数据。咸鱼和淘宝订单数据打通，在闲鱼平台上发布产品时，会看到系统给出的用户曾在淘宝买过的商品，以及卖出这些商品的预估价格，便于用户直接拍卖：

  案例 4  ：支付宝拍照添加银行卡可以使用拍照功能，由系统识别银行卡号和开户行，减少用户的操作时长：

2. 避免重复阅读和操作 

案例 1  ：爱奇艺在剧集片头处，都会弹出提示，选择“跳过片头”，即可设置该剧跳过片头：

案例 2  ：微信的朋友圈在退出后再次进入时，会在内容流中间出现一个“跳到还没看的位置”，帮助用户快速定位之前离开的位置，不必阅读重复内容：

案例 3  ：在微信群聊天记录中，如果有太多条内容未读，会在右上角标注出未读数据，点击之后即可从未读的地方开始浏览：

3. 减少错误的可能性

案例 2  ：高德地图 App 会预估并提示行驶路程何时会拥堵，让用户提前有心理准备和预知：

案例 3  ：微信在你没有领取对方红包时，会给出红包即将超时的提醒。点击“转账”链接，会直接定位到转账对话的位置，防止用户再次花时间处理：

4. 用选择代替输入

案例 2  ：在携程 App 中填写姓名拼音信息时，系统提供了一键转拼音的功能，同时对于多音字还能够自动为用户提供选项判断，提高用户录入的效率和准确率：

案例 4  ：微信钱包的钱转账到零钱通里，有一个“全部转入”的快捷选项，减少了用户输入时长：

5. 提供下一步路径入口

案例 2  ：蚂蚁森林新增了 “找能量“ 的功能，点击会自动跳转至有能量可偷的好友的森林界面，多次点击随机跳转，直至所有好友的蚂蚁森林可偷能量被偷完，偷能量也可以省时高效：

原文链接：长弓小子（公众号）

作者：元尧

转载请注明：学UI网》案例锦囊｜设计如何为用户「节省时间」？

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

什么是彩虹光感？

彩虹光感的特点

彩虹光感的应用

#2. 包装中的应用

写在最后

彩虹光感慢慢开始成为流行文化中的一部分，特别是演艺海报与展览装置艺术等都在大量出现。这种色彩搭配的出现，更是一种前所未有的改变与突破，大胆而张扬的精神，极具吸引力。

个人觉得彩虹光感的配色，可以让产品在竞争中脱颖而出，彩虹色更有着年轻活泼的寓意。如今看到一些营销，也在为Z世代年轻人打造产品，将彩虹色应用在产品中也是一种突破窘境的手段。

转载请注明：学UI网》最近超火的“彩虹光感”，别告诉我你是最后一个知道的

“文中示例相关数据都为模拟数据，而非真正的商业数据，以此声明”

先给大家介绍一下酷大师的背景：

1. 酷大师产品定位：面向设计领域的在线建模工具和内容平台。

2. 酷大师当前阶段：0-1搭建并完善用户体验闭环。

3. 酷大师阶段目标：服务用户增长的同时，提高用户留存。（站点留存→引流→工具留存）

在一周一迭代，交付任务紧的敏捷流程中。以下是我们在其中的一些实践：

1、以系统化的视角来分析业务

酷大师项目启动至今，已经大致完成了站点从0-1的内容搭建。站点的主要模块包含：首页、模型广场、工作台、帮助中心、活动中心、课程中心。他们相互独立，又相互影响。独立好懂，聪明的亲们通过名字就能猜出各个模块的功能，并且这些功能彼此都不可替代。那么他们是怎么相互影响的呢？这里引出一个词：系统化

请看下图：

同样一个事物，独立的看，和把它放到一个系统中看，我们可能会有不同的理解。同理，当我们把酷大师站点当作一个系统来看时，再结合我们的业务指标，我们可以把这个系统转译成如下模型：

从抽象到具象，我们把整个模型分为三个指标类型：

• 1、核心指标：整个项目为之负责的目标，是评判所有项目行为的基本准则。
• 2、策略指标：影响核心指标的所有变量集合，是基于产品策略拆解出来的二级支撑性指标。
• 3、行为指标：随着策略指标的精细化，产品的策略指标最后都会对应到一个或者多个具体的用户行为指标。

我们可以通过模型找到影响业务核心指标的重点发力板块，也可以通过最底层的行为指标去反推上层的策略指标，进而量化设计价值。到这里，我们也就可以在这个系统中，找到对核心指标影响较大的策略指标，他们分别是：注册UV数、站点引流UV数和客户端引流UV数。这三个策略指标对应的产品板块分别是：游客页、详情页和工作台。他们就是设计接下来需要在酷大师众多产品模块中着重发力的项目。

2、以系统化的方式来分析用户

说完了产品目标和拆解，我们来看看用户。市场和用研同学往往可以在项目前期给我们输入很多关于用户的数据，在项目初期，我们可以把这些信息抽象成几个有代表性的关键词。下图是酷大师用户关键词，可以帮助我们定制大的设计思路，不过在一些更细的业务场景中，这些信息并不给到更清晰的设计指导。

所以在此基础上，我们可以把这些信息作为一个一个的内容切片，通过不同的标准来重新组织这些切片，进而得到一个相对系统化的用户信息。

我们换一个维度，再做一次梳理分析：

可以看到，当我们把酷大师用户以不同阶段做划分，从新游客到资深用户，不同阶段的用户对于产品的诉求有着明显差异性。游客和新用户更注重价值和需求的匹配；资深用户更注重实际产品价值的最大化。并且我们对于不同的用户群体，需要对应不同的产品策略，甚至不同的“端”来承接用户需求。到这里，我们已经可以通过以上信息，在产品的不同链路里规划不同的设计策略了。

不过有时候需求对标的用户群体比较聚焦，以上信息还是不够说服我们自己的话，还有最后一个技能，就是找到和需求高度对标的用户（注意，是高度对标），和他们深度交流，为他们做用户画像：

（图中为虚拟数据，仅供参考）

PS：这里的用户画像需要根据实际的业务需求来针对性的采集信息，这是一个比较灵活的过程，需要设计师拿捏其中的尺寸。

通过以上三个维度的用户数据，我们就可以根据产品的不同模块，找到对标的用户群体，然后为其做对应的设计策略。

接下来就是第三步：

3、以系统化的思维规划设计策略

面向资深用户的设计策略（以客户端改造为例）：

通过用户访谈和调研结果看，如果用一句话来描述酷大师客户端的用户特点的话，应该是这样的：

基于用户特点和业务诉求，我们再结合服务模型，我们可以一步步推导出我们的设计策略。

（图中为虚拟数据，仅供参考）

当设计策略明确后，结合实际的业务需求，接下来就是有的放矢的设计实施过程。

面向新用户的设计策略（以游客页改版为例）：

回想我们的生活，最吸引用户眼球的传播方式是什么？思前想后，我觉得是电视直播，因为通过它，自诩谨慎机智的我买了人生第一箱「生发水」…

• 1、你是否有脱发的烦恼？ → 诉求
• 2、用了一堆产品，却迟迟没有效果？ → 顾虑
• 3、我们有北美硅谷防脱技术+南亚失传生发秘方！ → 优势
• 4、主持人和甲方撕破脸，工厂紧急调货、买一送五！！！ → 驱动

事实证明，「生发水」没有白买，因为后来我发现这和酷大师游客页的业务目标几乎一致：“在没有互动的情况下以很短的时间把用户从游客转变为消费者。”

通过前面的用户分析我们可以知道：对于酷大师的游客用户&新用户而言，他们更多关注于产品价值和自己需求的匹配程度。

那么如何在短时间里向用户传达信息，并促成注册转化呢？

我们从诉求->顾虑->驱动三个维度来去组织我们的优势信息。

因此在面向此类用户时，除了对他们介绍酷大师的共性价值外，需要重点介绍酷大师的差异性价值，以及足够有吸引力的驱动利益点。

如下图：

基于上文分析，我们再基于目前产品可提供的能力范围，结合用户反馈，把信息和用户需求做一一对应，然后再给出设计解法。

设计实现：

正所谓：条条大路通罗马，各个小道奔安康。只要设计策略是正确的，那么具体的设计方案就是合理的，篇幅有限，这里就不做展开。

4、以系统化的模型验证设计成果

万物皆可度量，设计并不例外。系统是度量设计成果的最好“尺寸”。

怎么度量？还记得最初的指标模型么？

• 1、通过技术手段监控用户的行为指标：“按钮点击、停留时长、滑动屏数、返回&跳出率…”
• 2、通过行为指标反推对策略指标的影响。“按钮点击提高 → 页面引流效果提高。”
• 3、通过AB测试、上线前后变量监测等其他手段，对比出设计在数据上带来的变化。

通过以上方法，我们可以直观的看到设计在整个项目中的贡献。

那么在酷大师项目中，这个成果是多少呢？请看下图：

ps：图中注册转化和老用户登录转化是以设计为唯一变量带来的数据提高

以上就是酷大师从0-1过程中的主要思考点，从前期业务拆解分析、用户调研，到制定设计策略，再到设计实施，最后到成果验证。

到这里，我们也基本回答了最开始的问题：我们如何在业务迭代中抓重点，并有的放矢的“集中精力做大事”。

以这样的思路，我们就能以有限的精力，最大程度保证业务的目标的实现，也能对用户的关键路径做有效的体验提升。

写在最后

1）：设计师不能盲目跟随需求，更不能对需求一视同仁，什么都想做好的结果就是什么都做不好。我们需要有一个自己判断标准。

2）：“系统”是一个标准，也是一个视角。他影响着我们对业务、对需求、对用户以及设计的理解。

3）：“系统”本身不重要，用“系统”的思维来看待事物很重要。

4）：多个视角看到的东西，一定比单视角看到的更全面。

以上内容，和诸位共勉。

原文链接：酷家乐用户体验设计（公众号）

作者：沧耳

转载请注明：学UI网》系统化思维如何辅助设计实现

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

1.强调你的品牌

应用程序图标就像公司徽标。在大多数情况下，这是第一次互动，第一印象。解决方案应立即传达你公司的品牌。这样它就会变得更加可信。

2.使其与应用程序一致

将图标视为通向你的解决方案。这个外观应该是你的应用程序之旅的开始。融入品牌元素，保持统一性。

3.将图标与平台指南对齐

所有应用程序都是平台生态系统的一部分。我们的大脑会很快注意到与环境不匹配的事物，并将它们视为不自然的。与平台指南保持一致可确保用户的眼睛将它们视为移动平台不可或缺的一部分。

4.让它独一无二

在图标世界中模仿是失败的快速秘诀。当用户检测到模仿时，它将不再信任解决方案。谨慎地传达你的解决方案的价值，不要只是复制他人的想法。所有令人难忘的符号都是独一无二的。

5.让它变得简单

6.使其易于识别

用户浏览应用程序通常会看到每个应用程序图标一两秒钟。这就是为什么你的产品应该在眨眼间被认可的原因。此外，无论人们在哪里看到符号（网站或博客），他都应该自动将它与你的应用程序连接起来。

7.使用矢量图形

使用矢量软件来创建高质量的图标设计是很好的。年复一年，具有更高密度的新设备出现在市场上。你的应用程序设计应准备好以最高质量呈现。你还应该避免在启动器图标中使用照片。

8.各种背景下的测试图标

有些图标在深色背景上表现得很好，有些图标在较亮的背景上看起来更好。你的用户使用各种图像和图形作为背景，为此准备你的图形。以正确方式设计的符号将始终看起来合适。

9.让它美丽

我们都喜欢美丽的物体。让你的移动产品成为其中之一。你的图标应该像一颗每个人都想吃的小糖果。花时间准备一个可爱的图标。这项投资应该会及时回报。

10.总结

记住这个简单的提示可能会显著增加你的应用程序成功的可能性。糟糕的图标设计是移动市场初学者的基本错误之一。

设计你的图标简单且与你的解决方案保持一致。使其独特、可识别并始终符合移动平台指南。在真实环境中测试你的图形设计。使用矢量工具来创建它。最后，你美丽的艺术品将成为标志性的。

原文地址：UI范（公众号）

作者：范范之道

转载请注明：学UI网》如何设计精美的应用图标？

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

01.年中总结到底重不重要？

02.怎么才能使内容更出彩？

·自我介绍

·内容引言

可以用几个关键语句来概括一下半年的工作，能给人留下深刻的印象。要以工作的核心价值为主，比如：我把这半年我在业务能力的显著提升总结出3个关键点

1.品质感的提升

2.解决问题能力的提升

3.善于思考

简单明了，定好主题后，下面内容都围绕着主题去说明论证。

·重点内容讲解

2.介绍此次项目中设计的亮点

冲击力、层次丰富、光影质感

PPT上面文字不用太多，提炼出关键点，简单明了，容易被大家阅读，在讲的时候在把细节具体的展开来说，充分的介绍你的设计思路。

3.完整的界面展示

把项目的设计思路以及亮点介绍完之后，要把项目的所有的页面都展示出来。并在PPT中用数字展现出来，要进行量化。

4.遇到问题如何解决的

那这个部分是非常重要的，因为可以展现出你解决问题的能力，设计师不仅仅要把界面做的美观实用，还要在遇到问题是能给出一个解决问题的好方法，这也是设计师必须具备的能力之一。

 当时这个红包雨的因为每一个界面都涉及动效，所以和开发沟通起来很难去描述细节，最后产出的效果不理想的话改也是很麻烦的，所以干脆出一个demo，把想要实现的效果直接展示出来，这样就什么问题都解决了！

03.自我反思

04. 明年规划

05.结语

原文地址：58UXD（公众号）

作者：环铁艺术家

转载请注明：学UI网》设计师的年中总结这点事儿

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

01.目标导向的来源

a

02.目标导向方法帮助设计师解决什么问题

a

03.目标导向的设计分析方法

第一步：明确设计目标

1.首先要了解什么是清晰的目标。清晰的目标由2个部分构成，一部分是预期结果，另一部分是现状，其中必然存在一定的落差。那么这个落差便是我们要解决的问题和要完成的任务，所以一个清晰的目标需要包括预期和现状。

2.符合Smart原则：具体的、可衡量的、可实现的、相关的、有截止期限的。

3.明确我们的设计目标需要从项目目标切入，通过不断向上追问，补全业务的背景和目标。同时基于业务目标，拆解出设计目标，并且为设计目标找到可衡量的指标。

第二步：拆解目标的两大步骤

1.找拆解维度：

麦肯锡 6W3H方法：

what\where\which\when\why\how\how much\how many

通常解决一个问题，要从提出一个好的提问开始，提的问题就是切入的角度。6W3H中问到最多的是“Why”，往往也是最核心所在。通过不断的提问，打开的视角越广，认知才能越广。 

2.系统拆解：

找好拆解维度，怎么判断是不是一个好的拆解呢？可以看它是否符合Mece原则：同一维度，不重不漏。它是麦肯锡的第一个女咨询顾问巴巴拉·明托在《金字塔原理》中提出的一个很重要的原则：各部分之间相互独立 ，所有部分完全穷尽。

常见的拆解模型有以下5种：

A.二分法：把信息拆解成A和非A两个部分。

B.过程法：按照事情发展的时间、流程、程序，对信息进行逐一的拆解。

C.要素法：可以是从上到下，从外到内，从整体到局部进行拆解。

D.公式法：按照固定公式设计的要素去拆解，比如CTR、GMV等计算公式。

E.矩阵法：根据重要紧急程度构建价值矩阵对应四个象限：重要紧急、重要不紧急、不重要但紧急、不重要也不紧急。

同时，在目标拆解中也有一些小技巧：

A.要够多：对一个拆解维度的拆解方式越多，找到关键因素的概率越高；

B.要够细：在逐层拆解的过程中，需要不断检查最细要素是否已无法再进行拆解；

C.要够准：拆解时，要检查是否可以推导出具有指导意义的结论。

第三步：定位重点

定位重点，可以分为2个维度构建价值矩阵：

1.重要程度：看如何构成目标；

2.提升空间：看横向对比，看时间变化。 

第四步：挖掘策略

通常情况下，在前面步骤做到足够充分的时候，对应的解决策略也会相应成型。挖掘解决策略同样也有4大步骤。

1.明确研究内容：依旧采用6W3H的方法，进一步细分明确要研究的内容；

2.选择研究方法：桌面研究、数据分析、用户研究、竞品分析等；

3.提取研究结论：通过以上方法研究得出的结论可能会有相同与不同之处，对最终的信息进行分析及整理，得出最终的研究结论；

4.提炼策略：基于研究结论，提炼出相应的解决策略。

a

结语：

推荐阅读：

《麦肯锡问题分析与解决技巧》

《麦肯锡教我的思考武器:从逻辑思考到真正解决问题》

《金字塔原理》

文地址： 58UXD（公众号）

作者：环铁艺术家