如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

想必很多前辈都会告诉大家，提高设计水平，最重要的一点就是多看多练多想。这句话，没有任何毛病。

刚入门的同学肯定都会一直这样做。特别是在“多看”方面，很热衷于去收集各种各样不同的站点，譬如自己碰到最多的问题就是：“米田，你有什么好的设计网站推荐给我们？”这样的问题，我每周都会被问到数十次之多。

但是当东西真的变得很多的时候，往往会产生很严重的问题。不知道从哪里开始找起。特别是关于图片方面的问题，这点更为严重。因为图片能清楚描述的可能性很小，譬如一张一年前看过的海报，让你再次清楚描述它是很难的。

所以这里就会引出一个话题，如何让我们辛辛苦苦收集的图片。能更好的使用，这是每个设计师必须要面对的问题。

要了解这个问题，最重要的一点是，知道什么东西是适合的。

举个简单的例子吧。图中的这位人物叫卢冠廷，填词人。或许很多人对这个名字比较陌生，没关系。你肯定听过他唱的歌。

是以下这首一生所爱。大话西游里的主题曲，相信华人都听过他唱的这首歌曲。

那么经典的一首歌，创作时间需要多久呢？

答案是一个晚上。你的眼睛没看错，真的就是一个晚上创作出来的。这是我在一次线下分享会的时候。问过卢冠廷先生这个问题，他的回答就是这样。

那么他是怎么做到的呢？相信每一个人都特别好奇。

和作曲一样。好的设计创意也不一定需要长时间去思考。很多时候，创意来源于洗澡的时候。相反你花越多时间去思考，却越想不出来。

这就是做灵感创意的魅力所在。

回到一生所爱这首歌曲的创作过程，卢冠廷先生是怎么做到在一晚时间，创作出经典的歌词呢？ 

答案就是。答案就是，答案就是，画重点了。

将他听过关于爱情最好的十首音，一首一首反复听。

抽取其中的精华，变成这首歌的主要内容。为什么要选取十首最好的？因为哪怕你创造出来的作品是在这些歌曲里最差的那一首，那也是从最好的结果内得到的最差答案。比单纯自己凭空想象，效果要好很多。

那么对于设计同样如此。我们不是需要填词，但是要做设计，参考是必不可少的内容。

好的参考流程，找到合适的关键字很重要。你就要采用观看，丢弃和应用这三步将看到的东西，消化吸收。

为了让我们持续拥有最好的灵感，这时候，就需要建造灵感水库。

一般建造水库来说。最重要的就是这四点

● 第一、找到坐标（建造地）。

● 第二、投入鱼苗（商品）。

● 第三，保持它的时效性，常常要去维修这个水库（定期上班）。

● 第四、每条鱼苗都标记好（记账）。

当然，这是比较形象的比喻，其实就是要建立属于自己的图库。坐标系所用的工具。投入的鱼苗是图片。时效指的是定期去删减图片。标记为每张图片打上标签。

最理想的。图库工具应该有这样一个功能，就能找到类似的图片。

这不是很复杂的技术，不过却很有用。有这个功能的工具，能够一下子推荐相似风格的作品给我们参考，这大大提高了工作效率。

因为这个是图片类的。整理工具。

三常用的工具如下图。

● Pinterest

● 花瓣

● Eagle

其中最理想的图库工具是Pinterest。它的相关度，联想功能是最强大。简单来说，你能用最短的时间找到。最多相似的图。

对比花瓣。就明白其中的差异。

同样是一张类似的图。Pinterest找到的图片是比较接近的风格，而花瓣找到的图片风格就比较迥异了。

你或许会说。你这两个工具我都不一定用到，我常常用的只是百度。那直接通过百度搜到的图片，能有类似的效果吗？

但饶可以，所有的搜索引擎都有一个功能叫做“以图搜图”。

以谷歌浏览器为例吧，就在浏览器的红色箭头部分上传你需要寻找的图片，它就会在显示结果里自动推荐相似的图片。

得到的结果类似这样。

一般谷歌浏览器，点击图片右键的时候。都能发现有一种叫做在Google搜索相关图片，这也是能达到相同的效果。

嗯，或许你不一定能访问谷歌搜索，不过以下推荐的这些站点同样能实现相同的效果。

有兴趣可以去看看。

好了，你要储备自己私人图库的工具后，接着就是要将我们看到的图片一张张放进去。找到坐标，修建水库后，你需要定期定量的投入鱼苗，不然这个水库也只是空置的水库，是没有任何作用的。

举个简单的例子，如何保持庭院的整洁？肯定是需要时时打扫。这是日式庭院里面很重要的组成部分。定期的清扫落叶，保持整个庭院是处于相对空灵的状态。

同样我们的水库。也是需要进行这样的一个修缮工作。一般我自己会将其分为性和临时性两种项目大的分类。

● 性：会收藏一些最常用的，而且以后肯定能用到的一些图片素材。

● 临时性：会根据每个项目收集有针对性的素材进行放置，可能项目结束之后就会进行封挡或直接删除处理。

网络端整理：

通过线上工具，比如chrome花瓣插件通过一个“采集到花瓣”的功能，就能将网络上的图片直接转载到相应的工具里。

本地端：

可能有些项目不太想被人知道的话，本地整理很不错的方法。譬如这里用到的工具是Eagle。它的分类功能很强大，可以通过颜色、大小、类型进行筛选。

为什么要修建自己的水库，即整理图库呢？

最终目标跟前面那两课讲的很类似，就是要在未来的时候，能通过模糊搜索找到快速相对应的图片。如果你找不到，那其实整理图库意义不大了。

这就好比一个很庞大的图书馆里面没有任何分类系统的话，你肯定是找不到你需要的东西。

讲了比较这么多内容，我觉得应该举一个案例，会更容易理解。

比如我们要做一款产品。希望薄荷糖去吸引上班族购买，最终设计的成果是一条广告片或者平面海报。

首先如果按我们普通的思考模型。大概是这样的，你会思考出一堆薄荷糖的作用或者营销方案。这种方法不好么？当然不是，只是效率有点低。

现在介绍的办法就是希望通过技巧，能快速想到十个甚至100个不同的创意方向（关键字）。这有什么用呢？就对于最后的在临时项目里面寻找相对应的参考图片，就会有非常大的帮助。

简单来说，先在左边的三角形内写下与主题相关的资讯。可以理解为，跟口香糖这个产品有关系的感受，都可以放在这个三角形里呈现。

随后在右边的三角形内写出目标客户群喜欢的东西。就是年轻的白领，他们最喜欢的是什么东西？可能有以下的这些关键词。

最终我们要做的就是将左侧的三角形的关键字与右侧三角形的关键字进行随机的拼合。

就是这么一个简单的过程，就能形成很多看上去特别酷炫的关键词。

● 清凉的音乐

● 变态的重金属

● 头发竖起来的温柔

● 甜甜的色眯眯

● 透心凉的帅气

我们循着这些酷炫的关键字去寻找相对应的素材参考，就完成了我们最基础的灵感构思阶段，得到以上这些图片内容。

很多朋友都在问一个问题。老觉得自己构思设计的时候感觉没有灵感，不知道怎么提高。很重要的原因是看的东西不够，或者看的东西太过单一。

最后，当看到足够多的时候。就不会太依赖图库，进而能够将不同的元素进行拆解，形成属于自己的原创东西。

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

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

在过去几年当中，插画开始以一种坚挺的姿势，站在设计趋势的最前列。不止是原本身处各个领域的画手和插画师开始越来越受追捧，而且连网页、UI和动效设计师都纷纷学习插画设计。当然，更显著的变化，是插画在网页和UI中的使用越来越多，越来越频繁，甚至越来越多样。

多年来，插画被广泛地运用在杂志、图书、报纸、海报、传单等不同的传统载体之上，新的工具和技术使得它更加轻松地植根于数字化媒体当中。

作为设计中，最具有表现力的元素，一张插画所传递的信息比文字更多更丰富。在UI和网页中，使用插画来辅助传达信息，无疑更加直接到位。而插画的可定制性之强，犹在图片之上。

插画在UI界面中的运用，可以说相当广泛了，它更清晰，更时尚，也可以更加精准，甚至更有表现力，为什么不用呢？就适用范畴而言，我们可以观察到，它可以运用到这些地方：

• 页面主题图

• 网页首图和Banner

• 吉祥物和形象插画

• 博客文章配图

• 新用户引导教程

• 工具提示

• 奖励页面和成就页面

• 游戏化设计的页面

• 通知和系统消息

• 聊天表情

• 讲故事的辅助配图

• 信息图

• 营销和广告图

• 图标和装饰性内容

• 社交媒体页面

• 支持性内容的页面

插画的适用范围之广，这些总结出来的使用场景，并不是全部。插画本身的属性很有意思，它连接了设计，作为内容呈现，还带着明显的艺术化的属性。今天的文章，我们总结一下在设计中使用插画的10个理由和注意事项。

无论是印刷品、品牌设计还是UI界面，更加风格化的插画能够将不同的风格和创意加入其中，在激烈的竞争中更容易因此脱颖而出。留下用户才有转化。

同样的，在博客、新闻和Banner 中使用插画，也是看准了插画可以根据内容进行深度定制的优势，这种微调能让内容更加统一一致，更加符合产品目标，借助色彩、角色、环境甚至暗藏的隐喻，来吸引特定的用户。

我们常说「一图胜千言」不是没有道理的。人的视觉感知能力很强，看到图片的一瞬间，也许还没有来得及进行逻辑思考，但是大脑已经接收到大量的信息和内容。

• 心理学研究表明，人类只需要大概1/10秒就可以感知到场景中绝大多数的元素和基本视觉信息。

• 视觉信息可以更快传递到大脑，而重要的信息，人类也通常会被固化为视觉图像，而非文本化的记忆。

• 文本需要依托可读性设计，而图片和插画则会被直接识别。

• 图片和插画更容易打破文化和语言隔阂，传递内容含义。

• 对于视障用户、阅读障碍用户和儿童，图片插画更容易被理解。

虽然图片一瞬间传递的信息很多，但是图片在很多时候是无法提供精准而详细的内容。用户依然需要文本来呈现清晰而可以被阅读和记录的内容，所以文本依然是不可或缺的。在另外一方面，文本和标题已经具备的情况下，经过定制的插画能够辅助用户理解，更清晰的记忆。

在很多特定的领域，举个例子比如说金融，插画能够借助色彩、图形和形象来讲述故事，让用户更清晰的理解复杂的金融功能，甚至强化信任感，而这是文本所不具备的。插画能带来强烈的情感连接。

故事是最令人难忘的内容，剧情的走向和起承转合会给人留下深刻的印象。而插画则以清晰的形象将文字和意象勾连起来，无论是在网页、UI设计还是内容和体验上，都有着足够突出的体现。

营造氛围，渲染情绪，描摹环境，呈现角色，插画让故事更加鲜活、易于理解。在内容制造上，有着难以替代的作用。

人是情感动物，看似理性的皮囊之下，几乎每个决定都是在情感和情绪的驱动下完成的。如果某个设计除了能够帮你达成某个目标，还能让你感到愉悦，会心一笑，那么通常下一步就是将它收藏起来并且分享给朋友。而在诸多设计因素当中，插画在撬动用户情绪这一点上，有着无与伦比的效用——从线条、色彩到面部表情和曲线和动效，都在竭尽全力地为你阐述故事，营造氛围，将你拉到故事和场景当中去。

即使所有人都在分析和争论产品的可用性和易用性，大家在对美的追求上，始终保持着一致的态度。一个设计是否具备可取性，是否能够通过甲方、客户和实际用户，是每个设计人都需要面对，都力求做到最好的事情。精心设计的插画在美学和风格上更加扎实，风格化的设计不弱于现成设计素材所提供的价值。

和文本相比，插画的视觉化属性无疑是更强的。图片插画所提供的定制化内容能够从各个方面来贴合品牌的需求，更加到位地表达品牌所需呈现的信息。这也使得插画不仅仅在品牌宣传的时候，运用在广告、海报等显而易见的地方，而且也成了品牌 APP 中新用户引导和教程中必不可少的元素。

就像 Perfect Recipes 这个应用的新用户引导屏中，就借助插画来呈现。而 Toonie 这个可爱的闹钟应用当中，甚至借助游戏化的设计，集成了大量有趣的表情和贴纸，当然，它们都是使用定制化的插画来呈现的。

数字化的好处就在这里，通过不同的数字软件，合理的处理之后，不仅能够变成动态的，运用于视频当中，还能够作为微交互，强化产品的整体体验。

一旦涉及到的动效和短视频，整个数字插画就开始具备更多的可能性了，不同的动效能带来截然不同的感觉和体验，更不用说这种玩法正贴合时下的流行趋势。

Whizzly 这个动态图标就是基于插画，给一个创意分享社区所准备的。

和艺术一样，设计中同样需要借助隐喻来传达一些相对更有趣、更深刻、更有意思的信息。插画的独特性也是借此来构成，包含的隐喻使得其中的价值更加复合，值得反复咂摸，而不是一眼就可以完全看穿。

在这个约会应用的网页当中，插画无疑传递出了多重的信息，暗含的隐喻告知了用户产品的功能和属性。而下面这幅插画则是为一篇如何找到原创风格的文章所准备的，图中的金鱼指代的则是难以被抓住的灵感和风格。

无论是图标还是大幅的插画，都能帮助用户理解，更加直观地知道要看哪里，要做什么。面对如今的数字界面，用户的注意力持续的时间越来越短，而插画则让用户更快、更直接地获取信息，并且决策下一步要做什么。如果插画或者图标内容不能被用户一眼看出来，那么用户就只能借助文本标签来了解功能是什么。设计师可以通过测试来测试图标和插画的可用性和识别度。

值得思考的问题

当然，插画的设计是没有门槛的，在设计的时候，要求也是比较高的。在使用和设计插画的时候，需要考虑以下的几个方面：

• 目标受众（身体能力，年龄，文化背景，教育水平等）

• 产品的使用环境

• 产品和内容的在全球范围内和当地的传播水平

• 所选图形的隐喻以及是否容易被识别

• 插画是否会让人分心

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

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

现在，当你打开 Instagram、Airbnb、Apple Music、Twitter、Dropbox 这些应用的时候，乍一看很难区分清楚彼此的区别：带有圆润边缘、现代感极强的非衬线字体大标题，极简的黑白色调为主的界面，大量的留白，少量的提亮色甚至没有提亮色。

这种现代的界面设计风格，乍一看很简陋。而具有讽刺意味的地方在于，它们出自于最大的公司，是也是受众最广的产品，在视觉观感上，让人觉得几乎没有被设计过。

Instagram 的深蓝的页头怎么变了？Lyft 中经典的亮粉色元素怎么不见了？这些有着深厚底蕴的品牌是否已经放弃了标识性的设计？又或者是它们开始共享相同的模板了？

问题在于，这不止是 Instagram 和 Lyft 这样了，有迹象表明，Google 这样的大厂也有类似的倾向。比如Gmail 中标志性的红色大幅度减少，白色的背景，白色的交互按钮，白色的输入框，其他的Ui控件都很精准到位地保持了这种简约而一致的风格。

身在硅谷的大型企业，互相之间的借鉴学习是常有的事儿，但是至少保持了足够的差异化。但是现在的局面则不同，这种高度趋同的趋势，让整个事情看起来非常反直觉。

到底是怎么回事？

好吧，我们认为产品设计的一致性是好事情，这里有几个值得注意的原因。

对于大量APP 的视觉和信息疲劳是谁都无法忽略的真实存在，绝大多数人已经厌倦了在太多应用之间来回切换，每一次下载新的应用都要花费大量的时间来重新了解界面的设计

调研表明，超过四分之一的应用，在首次下载之后，用户只用过一次就卸载了。绝大多数人日常使用的APP 其实是非常固定的，它们中绝大部分，核心在于帮助人们节省时间和金钱（或者兼而有之），让生活更轻松。

对，让生活更轻松。而这需要数字产品具备良好的一致性，而设计师也越来越多地将注意力投注在这一个点上。

正如同我们熟知的UX设计专家唐纳德·诺曼所说的：「很多用户界面所存在的真正的问题，在于它仅仅只是用户界面。很多用户界面的设计阻碍了功能。我想努力达成某个目标，而不是将精力耗费在界面上。」

所有的电商网站基本上都遵循着类似的交互逻辑和视觉元素，你不会搞错购物车的图标，也不会错过任何环节。这些约定俗成的惯例，意味着用户不再需要重新学习在某个新的平台上购物，降低学习成本。

绝大多数约定俗成的规则和流程都被用户不自觉地印刻在大脑中，成为一种自然的习惯，而独特的设计，截然不同的规则，则常常会成为习惯以外的东西，引起混乱，让初次上手的用户感到受挫和沮丧。

以 Snapchat 为例，今年早些时候曾经发布过一个版本，其中包含有一些比较有争议的设计。这个版本当中，被重新修改过的导航和几乎随意堆砌的功能模块，让用户活跃度几乎立刻下降了73%，甚至直接导致了用户流失和股票下跌。

正如同 Snapchat 所证明的那样，新颖的设计是有风险的。一致的设计，确实有一定的机率降低用户在面对新兴事物时候的不安感。

明白用户的需求和意图，在不断探索解决方案的过程中，才能真正创造出伟大的用户体验。相比于独特的外观，差异化的体验是更有价值的。

当然，样式和风格很重要，它们也确实会影响到体验，当人们感知到有视觉吸引力的设计的时候，即使有一些混乱和无效的设计，也是可以忍受的。

但是设计师的精力是有限的，用户的也是如此，相比于在色彩和花哨的动画上反复尝试，帮助用户找到更好完成任务的方式，无疑更有价值。设计好的产品，最终能够给用户带来价值的东西，是需要看似无限的测试和迭代，来向着可用和易用的产品更进一步。

奥巴马、乔布斯和扎克伯格每天穿着相同的衣服，他们的衣服和这种行为同样出名。心理学家将这种现象称之为「决策疲劳」，它们每天需要用有限的能量来做大量的决定，而为了给更重要的事情留下足够的精力，他们穿相对固定的衣服，就可以省心很多。

设计师面对的是同样的局面。随着界面设计的趋同化，设计师可以花费更少的时间来决定用什么色彩，而可以将更多的精力投注在更为深入的设计当中，比如更有效的布局，反思为什么要这样设计，等等。

我想你一定在思考这种设计趋势之下的缺点，比如这样的设计是否会显得缺乏创新，甚至会扼杀创造力。老实说，我觉得这样的影响是存在的。

但是，即使每个产品设计师都参与到极简主义设计的运动当中来，仍然有大量的设计工作有待完成，设计的范畴太广泛了，需要设计的东西远超用户界面本身。

事实上，界面中的趋同化在近期看来是颇为有益的，对于长期的影响也是非常巨大的。

首先，最重要的一点，VR、AR 和人工智能的逐渐普及，用户和数字设备之间的互动可能会变得更加隐形，小屏幕同样在普及，手势操作将会成为最基本的交互语言，我们将会越来越多地参与到无屏幕的交互当中去。

即使我们在iPhone 上，人工智能加持下的 Siri 越来越好用，越来越多的用户开始习惯使用类似的语音助手来创建待办事项，选择音乐，发送消息，查看天气，简单的功能它们已经可以很好地完成了，复杂的功能和需求也会通过机器学习逐步习惯、越做越好。

在诸如人工智能、机器学习这样相对高深的概念背后，是软硬件正在更好地帮助人类完成任务，做对事情。设计师的角色需要更进一步，更深入地参与到产品当中。

如果设计师要改进 Siri 的设计，那么要做的工作远不止设计界面，已经有很多相关领域的专家讨论过这个问题了，设计师所需要了解、掌控的维度越来越多，设计正在变得更加深入和复杂。更通俗的讲，设计师需要考虑新的方式，更加富有创造力的策略来吸引用户的注意力，甚至要深入到情感和感知当中去，而不是单纯的视觉。

如果我们仅仅将优秀的设计局限于我们在屏幕上看到的内容，未来更多的可能性，可能就止步于此了。

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

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

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

本文重点梳理以下七大问题：一、令人眼花缭乱的专业术语；二、交互和视觉如何分工；三、工作的流程；四、视觉类UI的自学；五、交互设计需要掌握的知识；六、今天设计什么；七、设计师的薪资

经常有人问我新手如何自学交互设计，我之前也录过一个视频给大家，没想到放到网上后点击率很高，看来对新人是的确有帮助的。所以今天再次针对这个问题做阐述，修正了第一版的一些内容，也更具有针对性。

编者按：当手机屏幕越来越大时，该如何保持单手操作的便携性？今天这篇文章提到了两个新的交互方式，值得一看，说不定有启发哟。

大屏手机有很多优势，大屏手机的趋势未来还会持续下去。但大屏也不是什么都好，更大的显示屏幕并没有承载更多的内容。实际尺寸和功能多少对于高、低分辨率显示是相同的。Steven Hoober 2013年的手机设备研究报告发现：49%的用户通过单手持机操作，36%的用户一手拿着手机一手操作，另有15%的用户双手持机操作。

2017年，并未有太多改变，单手拇指触控操作正在成为常态。首先，这样的操作比较方便；其次，同时使用双手并不总是太方便。但这里就有一个障碍：单手持握使用限制了你拇指能够触控的区域范围。

最近在做产品的会员中心改版设计，有一些关于会员体系相关设计的思考及分析，纪录并分享一下。

大多数产品在满足用户的基础需求上，会推出付费会员功能，以满足用户更高需求的同时，达到商业层面的收支平衡。那么，会员中心应该怎么做，才能让用户感受到自己花的钱很值呢？

设计前，先明确会员中心的设计目的是什么？

1. 会员尊享感（让用户感知到付费值得，花了钱就是爷，满足一部分用户的虚荣心）

2. 功能特权对比（通过特权的对比，让用户选择更高的等级会员）

3. 突显核心特权功能（突出核心功能，抓住用户诉求点，提升用户购买决策）

作为APP狂热分子，定期去App Store或者其他渠道找新鲜的产品来玩儿，已经持续了很多年。但是光浮于表面的玩儿，还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。

下面分享下我通过自问自答的方式分析APP的方法，希望对你有帮助。

1. 产品层面

分析一款app，首先从产品层面入手，因为产品定位决定着后续的交互设计、视觉设计、运营策略等等… 通常可以从三个维度来分析产品定位：

良好的交互设计应该确保用户的每一次操作都能得到视觉反馈，无论成功与否，这会让用户体会到使用产品期间的一种安全感——一切尽在自己的掌控之中。视觉反馈的目的就是通过一种可视化、简洁的形式向用户展示操作的结果以及当前系统所处的状态。

编者按：说起usTwo 你可能没听过，但《纪念碑谷》你肯定玩过。这个全球顶尖的设计工作室还做过哪些酷酷的产品？他们是如何帮助设计师和客户合作的？想加入它们有哪些要求？这期直接让usTwo 的设计师为大家揭秘。

我们请到了设计工作室 usTwo 的设计师 Avalon Hu。她曾先后就读于台湾大学生物产业机电工程系和密歇根大学人机交互专业，曾在 R/GA 和汤森路透任职。本期我们聊了聊她如何从迪士尼秀场后台开始，转专业成为用户体验设计师；设计 Agency 的工作流程；usTwo 独特的企业文化和公司结构；最后她也与想加入设计 agency 的同学分享了自己的建议。