•  编辑 : 陈子木
 
• 作者 : CARRIE COUSINS 
• 阅读本文需 6 分钟

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

  
  

在设计中，情绪的传达和氛围的营造通常是要看设计项目的目的是什么，而不同的配色和不同的元素组合，往往能够呈现出截然不同的风貌。相比之下，深色系网站常常会呈现出更为独特的氛围，传达出更为复杂多样的情绪。虽然这样的情绪并不一定是正面和向上的，但是好设计总归是让人过目难忘的。

想要借助深沉的色调来创造情绪相对独特的网站设计，是有一些可供遵循的常见的设计技巧，今天的文章，我们来分享一下这方面的内容。

深色，并不定是黑色

首先这一点必须明确，深色并不一定是黑色。

在选取配色的时候，网明亮的色彩当中添加黑色或者灰色所得出的色彩，通常会显得更加深沉浓重，这样的色彩中往往会包含之前的色调。

在上面的 Hooligan 这个网站当中，设计师不仅采用了深沉的黑色背景，而且采用了和黑色背景相当匹配的暗金色，两种深色之间色彩明暗依然存在对比，和白色的标题文本构成了三个层次，不仅富有视觉吸引力，而且创造出了沉稳厚重的氛围。

阴影的使用

阴影和光线往往是相伴出现的，而阴影所带来的舞台剧般的效果则充满了戏剧感和神秘感，这也是设计师喜欢它的原因，这样的设计会让用户心中产生兴趣和好奇心。

在上面的 Clear Motion 这个网站当中，车辆周围被阴影所包围，文本内容很容易吸引用户的注意力。同时，用户会好奇这辆车有什么特殊的地方，有什么地方看起来不太一样，黑暗的氛围下，用户的好奇心会身不由己地高涨起来。

黑色叠加层

用黑色的半透明层叠加到图像上，也是制造深色系背景的一种常见手法。在图片的选取和不同的透明度之下，背景图片所呈现出来的效果和氛围，是非常不同的。

透明度较低的情况下，黑色叠加图层会让用户看不清背景中的信息，这使得背景信息在整个设计中参与度较低。透明度较高的情况下，更多的背景元素会透过叠加层呈现出来，和前景元素产生交叉和互动。但是总的来说，黑色叠加层让元素之间产生对比，也使得行为召唤元素更容易发挥作用。

在上面的 Fhoke 这个网站当中，透明叠加层让背景中的场景适当地透露一点出来，但是真正吸引人注意力的，还是在标题和左侧的行为指引上。

简陋的画布

细节较多的背景让人觉得信息丰富，而粗陋的画布则更容易创造出一种虚无的感觉，相应的，后者是会让人更有探索的欲望。粗陋甚至赤裸的深色系画布很好地将神秘感和探索的欲望结合到了一起。

Dubois 这个网站的背景同样非常的简单，没有纹理，只是通过均匀分布的小圆点来进行装饰，如果你仔细观察会发现这些点的分布、色彩其实是有微妙变化的，会引导你去注意位于整个页面底部的文本标题，虽然绝大多数的网站并不会把标题放在这样的位置上。

字体的选取

Punk is Not Dead 这个网站给你的感觉是否很独特？网站的设计非常清晰，识别度极高，网站本身还有音频组件，它的设计从视频到音频一应俱全，整体充满了朋克的风格。

黑暗的背景和明亮的字体色彩有助于实现这样的效果，但是字体的选取才是最关键的。想象一下使用普通的字体，是完全达不到这样的效果。尖锐粗糙的边缘和并不那么友好的可读性，让他在视觉上和朋克的精神保持了一致。

黑白配色

当设计完全失去色彩，仅仅保留黑白两色的情况下，会给人什么样的感觉呢？如果整个设计是以黑白两色为主，搭配少量其他的颜色，体验和氛围又是什么样的呢？

黑白配色和纯黑为主的配色一样，很容易创造出戏剧化的效果，这两种色彩本身所构成的冲突和对比就是原因。

黑白的强烈对比，常常会促使访客在浏览过程中忙于注意不同的细节，面对 Super Rebel 这个网站的时候，这种感觉就非常明显。打开页面之后，注意力会迅速被右上角的图片吸引，随后便忍不住把对比强烈的所有模块都扫视一遍。黑白色搭配大量信息很容易创造出信息过载的效果和体验。

图片的选取

Jimmy Chin 在他的作品集网站的「关于」页面当中，他将自己的照片直接放了进去，色彩采用了单纯的黑色。

色彩的明暗和饱和度的选取，直接影响着整个设计的情绪，在这里，单纯的黑色让整个页面的形式感更强，而所呈现出来的感觉也非常的锐利。想想看，他穿着黄色的衬衫和绿色的裤子，那么整个图片所呈现出来的感觉是完全不同的，浮夸而醒目。

图片的选取对于情绪的表达和氛围的营造有着巨大的影响。

也可以营造轻松的氛围

许多深色系的网站都给人以深沉、怪异的感觉，但是深色并不完全代表着负面的情绪。深色系的网站同样可以被设计得轻松而富有活力，这主要取决于你如何将元素组合到一起。

在 Atom 这个网站当中，整个背景都采用了典型的深灰，但是卡通角色和轻盈的色调让网站凸显出一种可爱而有趣的感觉。这样的设计也能带来视觉奇观，并且不会让用户感觉到负面的感受。

这种设计让用户和网站之间的情感联系更轻松，让服务更容易为用户所接受。

结语

那些带有负面情绪和独特氛围的网站，你喜欢吗？带有这样情绪和氛围的网站，需要设计师花费更多的时间和精力来拿捏程度，来达成相应的设计目标，而且这样的设计并非不好。情绪化的设计，有趣而神秘的氛围，带有负面情感的表达，躁动甚至暴躁的设计，这些都有其独特的作用。

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

你真的明白用户需求是什么吗？

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

来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。

文章中的观点是鄙人在各大运营类网站学习总结的知识，加上本人对运营的一点看法，愚昧之见，还望批评指正。

相信很多在互联网公司工作的朋友们都晓得用户需求挖掘这件让人头疼的事情。产品之所以会被生产出来，其主要目的，就是为了满足使用者的需求。而使用者的需求是什么？如何去挖掘这些需求？这些繁杂的需求中又有哪些是真，哪些是假等等问题，都是每一个产品/运营人员头疼的一件事情。

产品的存在源于用户的需求。像汽车的出现，是人们对于更高交通效率的需求，电脑的出现，源于人们对办公的需求等等。观察移动互联网时代下的手机应用市场，各类产品出现的原因也正是源于人们越来越多，越复杂的需求。像滴滴打车满足了人们方便叫车的需求，饿了么满足了人们选择订餐的需求等等。上面举的两个例子只是众多需求中最基本的需求。而根据马斯洛需求分析层次理论，人类的需求有五层，在满足生理与安全需求之后，人们还会往上追求尊重需求社会需求和个人实现需求。这些需求成为产品生产源源不断的动力。如果把产品看作是一个孩子，那么用户需求，就可以看作是决定这个孩子形态的DNA。用户需求不仅对产品的诞生有着决定性的影响，而且在未来，在产品发展的过程中，还会不断地影响产品的形态，决定产品最终的样子。 所以产品需求对产品的重要性不言而喻。本文将从用户需求挖掘的方法，用户需求挖掘后的选择，用户需求挖掘中的误区三个方面的问题出发进行讨论。

1.用户需求挖掘的方法

（1）需求挖掘的渠道

A.产品开发前

1. 市场调研

任何一款产品的出现都是因为这个市场有需求，需求在哪，大旗就得往哪里挥。所以市场调研，毫无疑问是需求挖掘最重要的事情。设计好调研的问卷，利用网络渠道，像QQ群，帖吧，社区，微信群等，在线下，通过深入目标用户的群体进行走访调查，深入了解目标用户的需求。线上线下，深入目标人群，获得足够多的调查结果，并确保获得的需求具有一般性。

2. 产品分析

现在移动市场的商品已经有很多，可以说目前可以被想到的产品已经有人在做了。所以要开发的产品难免会有类似的竞品。这时候就需要我们去分析这些竞品，找到共同点即已经被满足的需求，找到差异点，即未被满足的空白区。比如如果你想要开发一款社交软件，那么就要寻找像微信，YY语音，QQ，陌陌等一系列的社交产品作为竞品进行分析，在这些竞品中找到社交软件应该有的通用的功能，找到这些社交软件中没有的，同时用户又有需求的功能作为你的产品的差异点。

3. 数据分析

随着大数据时代的到来，数据在决策中的作用越来越大。用户的很多潜意识或者有意识的行为，都可以通过大数据体现出来。很多情况下，用户很难清楚地说明他们的实际需求，很多时候他们的判断与实际的需求是不一致的。显性的需求没办法很好的表达出来，更不要说那些用户觉察不到的隐藏的需求。所以数据，这个不会骗人的东西，可以很好地帮助我们去分析需求。通过对用户数据的分析，需求可以较清楚地被表现出来。在产品未开发之前，数据的来源可以有很多方面，各大搜索引擎的关键字排行榜，微博热搜榜，同行的数据报告，或者是一些数据网站的免费或者付费的数据报告，都可以成为我们的数据分析来源。

B.产品开发后

1. 搜索记录和用户行径

在产品上线后，用户的搜索行为和用户的行径是分析需求的一个重要来源。用户搜索过程提及的关键词，举个简单的例子，比如婚恋产品中，如果搜索词中“35岁以后”“北京户口“的搜索频率很高，那么我们就可以知道用户对对象筛选有需求，就可以考虑加入对象筛选这个功能。另一个是用户行径，哪个功能是重度使用功能，哪个功能使用率不高，哪个功能用户的中途放弃率最高，都是需求分析中的重要数据。

2. 用户日志和用户数据

如果拥有大量的用户日志和用户数据，那么要好好地利用这笔难得的资源。找一个用户IP出来，GREP一下，分分钟就能获得这个用户的完整访问和操作轨迹，分析用户的操作行为，设身处地的理解用户的心情，理解用户的处境，从而理解自己产品和运营中，是不是有一些不合适，不妥当的地方，真正把自己代入到用户的体验中，理解用户的不满，理解用户的挣扎，理解用户在使用中的困惑和障碍。

3. 用户反馈

产品在上线之后，通过各种渠道获取尽可能多的用户反馈或者邀请用户面对面进行产品的评测。通过用户反馈了解产品还没有满足的需求还有产品中的伪需求或者说是冗余的功能是最直接最有效的方式。因为这群用户是你最珍贵的种子用户。

（2）需求挖掘的思想方法

A.头脑风暴法

在收集产品需求的过程中，最常使用的是头脑风暴法。让参与者敞开思想，集体讨论，相互启发、相互激励、相互弥补知识缺陷，引起创造性设想的连锁反应，产生尽可能多的创意。

B.创意分合法

创意分合法是创意思维训练方法之一，主要是将原不相同亦无关联的元素加以整合，产生新的意念、面貌。分为两种心理运作过程：使熟悉的事物变得新奇（由合而分）、使新奇的事物变得熟悉（由分而合），主要是运用类推（analogies）和譬喻（metaphors）的技术来协助分析问题，并形成相异的观点。

C.属性列举法

属性列举法即特性列举法也称为分布改变法，特别适用于老产品的升级换代。其特点是将一种产品的特点列举出来，制成表格，然后再把改善这些特点的事项列成表。属性列举法是根据设计对象的构造及性能，按名词、动词、形容词等特性提出各种改进属性的思路，从而萌发新设想的一种方法。

D.6W3H问题法

面对庞杂的需求分析工作、不知从何做起时，6W3H分析法不仅有利于较系统和周密的思考问题，使思维具有条理性，也有利于较深入地发掘问题，有针对性地提出更多的可行性设想，帮助产品经理制定有效的目标。

6W3H分别是：

1. Who（什么人）产品的目标客户是谁？是一类群体还是几类群体？针对产品的用户群进行分析，了解目前用户群的年龄、性别、特征、区域、习惯、兴趣、爱好、收入、消费等情况。
2. When（什么时间）用户可能会在什么时候使用到产品。产品推介的时，必须选择合适的时机，同时还要考虑用户的停留时间、使用高峰时间、跳出时间。
3. Where（什么地方）用户可能在那些条件和环境使用产品。针对什么样的环境条件，如，针对不同的操作系统环境、不同的地理位置，要有不同的方案。
4. Why（为什么）此法主要用于了解设计产品新功能是的目的是什么？是现有产品没有满足用户需求还是为了满足用户的新需求、又或者仅仅是跟风凑热闹。
5. What（是什么）产品功能分析。用来分析产品基本功能和辅助功能的相互关系如何，用户到底需要什么功能？
6. Which（哪些）除了我们的产品，市场上还有可替代产品吗？
7. How do（怎么做）用户怎么使用产品，使用产品的流程是什么？怎么样更省力？符合用户的使用习惯吗？体验怎样？
8. How much（多少钱）用户使用产品需要付费吗？需要付多少？是否超出了用户的支付能力？
9. How many（多少次）用户的使用频率是怎样的？经常使用？偶尔使用？还是不定期？

2.用户需求挖掘后的选择

A. 甄别真假需求

用户的需求和用户的痛点 .需要注意的是，用户提出的需求不一定是用户真正的需求。

• 第一，用户没有很强的产品意识，很多都是模棱两可的感觉。
• 第二，用户是贪婪的，他们往往会提很多自私的需求。

如果能够躺在床上每天有人送钱送吃的给你洗衣服打扫房间这种需求绝对是强需求，但是可能么？

有些需求可能是低频率的需求甚至是违背商业规则的需求，像春联O2O，一键挑选春联送货上门，新用户还能免单哦~~这种需求用户求之不得，需求可以说是大了去了。但是有企业会做吗？明显不可能！所以不要一味地跟着用户的需求走，不理智的需求分析行为，无疑是一种自杀的行为。

B.从需求中需找真正的痛点

在需求分析中，甄别真伪需求，对需求进行抽丝剥茧的分析，剥开表面浅显的需求，通过逻辑思维分析，代入用户使用的场景，去寻找造成这些需求下面更深层次的痛点。

举个例子：360安全浏览器，看起来是好像用户使用的需求是需要一个安全的浏览器，能够保护他们上网的安全。但是如果给用户一个绝对安全的，但是很卡的浏览器呢？如果我们给用户一个安全系数较低，但是已经能够保证隐私等基本信息安全，同时又能够保证浏览速度和浏览质量的浏览器时，用户会选择哪个呢？

浏览器本质还是网上冲浪的工具，核心问题还是使用过程的流畅度，浏览体验。安全性问题，只是因为现在越来越多的信息泄露，用户担心自己信息安全而产生的一个附带需求罢了。

2007年微软推出vista时，提高了安全性，但是同时也影响了使用效率。很多用户由于没有办法忍受vista糟糕的操作体验而放弃使用它而转用XP系统，即使vista的安全性比xp的要高。所以从这两个例子我们可以看到，很多时候，我们以为理所当然的需求，其实并不是用户核心的需求，又或者说，存在这种需求，但是在需求平衡，他并不是占大头的。所以寻找需求，要求我们抽丝剥茧，发掘最最本质的需求。至于怎么找，这个就要看对产品和所在领域的深挖程度了。

3.用户需求挖掘中的误区

在需求分析中，常见的错误有以下几个方面：

1. 分析对象出错
2. 分析方法错误
3. 永远以为自己比客户更聪明
4. 不尊重用户的现实选择
5. 客户和用户没有区别来对待对需求的一厢情愿，理解出错

很多产品人员对于产品的理解，很大程度上是取决于个人的感觉+身边人的感觉。但是这种需求理解方式无疑是错误的，几个人并不能代表大多数人的想法，统计学上有个著名的观点，当数据越来越大时，趋势将会越来越稳定，某些值将会越来越稳定在某个数值范围区间，所以要求我们在分析需求时，不能以偏概全，一厢情愿，必须跳出自己的圈子，去目标客户群那里，跟大量的人接触，跟他们聊产品。让他们来评价产品，这样得到的产品需求，才能够真正的反映绝大部分用户的需求。

设计师的知识管理体系怎么建立？只需4个步骤，实现能力价值提升 

在生活中，不管是浏览网页还是使用APP，我们都能看到色彩是其中重要的设计元素。每一年我们都能看到很多“流行趋势预测”之类的文章，而这些流行趋势里无一不包含色彩。

随着时间的推移，设计师们在色彩的使用上更加大胆，更加有策略。有时，色彩用来突出某个元素，有时用来讲好一个故事，有时用来强化品牌的输出。今天我们就来举几个例子。

几年前有一个很流行的趋势是采用大胆的背景，现在还是能看到很多例子。在一个好的设计里，丰富多彩的背景能够让某一区域成功吸引注意力。不管你认为流行趋势是什么，不可否认的是，好的背景色能让一个部分脱颖而出。

下面这个设计来自Root工作室，使用黄色背景来突出切斯特动物园的案例研究。黄色背景设定了这个案例研究的基调。当然了，并不是所有的案例都使用像切斯特动物园黄色这样鲜艳的颜色，因为这个案例的设计是极简风格，并没有需要特别突出的内容，所以鲜艳背景恰到好处。

接下来这个例子是Mambo Mambo，它使用色彩来突出组合的不同部分。有些部分是霓虹黄色，有些是深蓝，有些甚至是黑色。在截图中，我们可以看到，霓虹黄色与绿色搭配，蓝色和肤色搭配，看起来非常和谐。

在整个页面中，正是这些背景色的使用使不同部分都变得独特而有趣。同时呢，也起到了品牌宣传的效果。

颜色运用得当可以更好地突出想要突出的部分。让我们从优步手语登录页面开始，橙色的渐变背景肯定会吸引用户的注意力。这是一个很棒的设计策略，因为这个页面的目的就是教人们基本的手语，很大程度上是依赖视觉线索实现的。

接下来是Kickpush 设计工作室的页面。看图上的文字我们就知道，Kickpush希望展示自己与众不同的个性。这个配色方案的选择就很有目的性，将Kickpush的个性快速直观地表达出来了。

色彩有助于讲好一个故事，Bloom的主页就是个很好的例子。在整个设计中，他们使用的是同样的电子蓝。相同的配色与其他视觉元素一起，帮助用户从页眉滚动到页脚。如果所有不同的部分都有不同的主色，那么故事的完整性就会被打破了。

对于Adobe的营销云登录页面，效果也是差不多的。整个设计是一个很大的版面，每个部分都有自己的配色方案，从最顶部的浅蓝色一直到最底部的深紫色。我们可以看到，整个配色不仅仅是纯的UI颜色，照片选用的色调也与每一种背景色相配。

因为这个设计是一个很长的页面，颜色有助于讲述每个部分的故事。

有时，颜色是专门用来给设计增添趣味性的。为了更有效的使用色彩，有时大胆的颜色并不一定要在设计的前面和中心。

例如，Designmodo自己的Qards着陆页面使用了各种各样的小色块，从而使得登陆页看起来更令人愉快。

强化品牌，我认为这是色彩最有力的作用了，当然了，我不是指上文中Kickpush 或是Bloom那种使用大块背景色的方式，而是批判性的、策略性的使用颜色。

我们很多人都见证了Asana的改版，在新版本中加入了不少颜色。在网站的某些部分，颜色被大量地使用，而在其他部分则不是那么多，这是为了在总体上实现平衡。Asana选用的颜色多变而充满活力，搭配的也非常好。现在，Asana的品牌色彩由亮粉色，橙色和紫色组成，充满活力。可以说，颜色策略似乎是Asana品牌定位的关键。

Stripe公司的策略也差不多，使用相邻颜色之间的渐变，比如蓝色和绿色，这可能是这种颜色使用的一个大趋势。品牌整体上是蓝色，同时也包含绿色、粉色、紫色和橙色。这么多颜色共同配合，增强了Stripe公司的品牌影响力。

最后一个例子是Goulburn山谷的网站。他们的品牌使用了一些不同寻常的颜色，不过整个设计看起来不错。

登录页面中使用的颜色和照片中的截图是一样的：绿色略带橙色。由于照片中色彩的协调，整个着陆页都很流畅。

总结

无论是Asana，用颜色创造更好的品牌；还是Kickpush，使用明亮的红色背景突出内容，让用户意识到它的与众不同，我们看到了颜色在网站中的战略性意义。

最重要的是，颜色有助于塑造个性，尤其是品牌形象。当网页设计趋势发生变化时，网页设计中色彩的使用只会变得越来越好。

作为一名专业的UI设计，其实工作职责无外乎包括界面设计、图标设计、动效设计、切片与标注等。

话说回来，所谓「认真分析」，也是有法可依、有据可循的。今天就给大家复盘下，身为产品经理，最需要掌握的四大分析法，都如何来做。 

一、市场分析

• 从行业角度，要看行业有没有发展，市场规模大不大，政策好不好；
• 从用户角度，要看市场中的用户习惯、用户构成、用户期望；
• 从自身角度，要认清在市场中自己的优势劣势，遇到的挑战等。

• 搜集相关资料，包括宏观经济、行业竞争、技术趋势、市场阶段、市场规模等；
• 分析市场用户基本情况；
• 分析自身基本情况。

二、竞品分析

三、用户分析

• 避免出现诱导用户选择的选项，比如：如果给你提供一个XX功能，你会不会用。
• 避免出现无法理解的专业术语，比如：你是否希望我们的产品采用个性化推荐算法分发内容。
• 避免出现容易引起歧义的模糊词语，比如：你使用社交电商产品频率是多少。
• 避免出现需要让用户思考的问题，比如：你每周共花多少钱买我们的产品。
• 避免直接出现产品名称，比如：你觉得像喜马拉雅、得到这样的知识付费产品能解决你的问题么。

四、需求分析

什么人，在什么场景下，为了达到什么目的，在遇到什么问题的情况下，希望采用什么方法来解决。

通过贴近业务和产品运营团队深入的交流，有助于我们尽快融入一个不熟悉的领域，同时可以阅读一些专业行业网站上关于进口业务的文章，了解大盘的背景。在进口业务中通过背景的挖掘，我们发现在商品和供应链层面上，进口有一些特有的特征与其他业务不同，差异的地方其实往往就是用户的痛点和后面我们发力的机会点。

将会员全链路场景中的服务触点进行统一的感知设计，并在服务中为用户传递一致的体感，此所谓通感。 将升级带来的行为变化用数据反映出来，结合数据去调整设计表现，通过设计迭代再次影响用户的行为，最终与用户在认知方面达成共识。此乃通识。

相信很多体验设计师在与产品需求方进行设计提案的时候会遇到这样的情景：

• 你阐述自己的设计推导过程，从产品目标分析、问题定位、设计目标分析、设计思路阐述这样的推导下来，在场的产品经理们都点头，表达认可。
• 但是！当到了设计方案环节，你把方案放出来，各位就七嘴八舌挑战了：￥#@%&*&*
• 这时候经常会听到这样一句话：“有没有其他更好的方案啊？”
• 这时候你是不是会想，我前面的推导和演绎过程那么完美那么富含逻辑，推导的肯定是最好的方案啦！

但是哦，这个时候，你还是会感觉没底气说出这句话来。

于是你最后说出一句妥协的话“好的好的，我回去改一下。”（各位老板我都听你们的，你们说啥就是啥）

专业度呢？设计价值呢？你的玻璃心要碎了：死了产品经理们会不会觉得自己很水很不专业。

怎么办？这就是今天想聊聊的主题：“思维框架”理论，让我们更好地决策和解决问题。