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

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

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

Feed流中容易被忽略的图片适配知识

Feed流中容易被忽略的图片适配知识

Feed流中容易被忽略的图片适配知识

Feed流中容易被忽略的图片适配知识

Feed流中容易被忽略的图片适配知识

Feed流中容易被忽略的图片适配知识

Feed流中容易被忽略的图片适配知识

Feed流中容易被忽略的图片适配知识

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

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

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

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

UI走查表有什么用？

一套成熟的UI走查表能更科学更地改稿；减少设计中的反复试错、评审交付时更言之有物；不仅仅停留于“看上去顺眼”、“我觉得挺好”、“先这样”的视觉表层。更深一层来说，走查表有助于培养设计师的结构化思维，形成一个完整的设计体系。

01.页面要表达的意思是否正确

在设计页面的时候，需要注意页面要传达给用户的信息重点，例如本次案例的产品需求中，该页面的功能是促使用户快速下单，信息上则要侧重于价格与优惠信息。

首屏信息是给用户的第一印象，在用户打开页面，尽可能展现出更多用户感兴趣的内容， 而此次页面需要突出促销优惠信息，次要信息则放在后面。

02.页面视觉重点

相信大家平时经常听说0.618的黄金比例（斐波那契数列），屏幕方寸间合理运用黄金比例可以让界面视觉重心更加平稳，视觉更加舒适。同时有助界面区域分割，集中视觉焦点，承载更重要的信息，让整个界面布局更加合理。

淘宝、京东到家等成熟的一线产品黄金比例运用，o在视觉焦点区域都向用户展示了关键信息。

02.元素间距符合各层级的关系

为什么页面会杂乱无章？主要是信息一味地堆砌，分布没有区别，但只要遵从以下方法，页面就会清晰很多，有节奏的呼吸感也出来了。

同类的板块不应被混乱的间距区隔开来，他们应该更集中，并且整体与别的板块区别开来，同理，不仅仅是板块，元素与元素之间也是如此，这样用户可以更加快速地看到自己想要的东西。

那么，如何更好地让信息按照相似属性分布合理呢？这就要利用5分、等分原则来让分布变得更合理，假设相同板块的间距值为a px，则不同板块为2apx。这样不仅在视觉可以将信息分布开来，还能让整体的布局更加规整，不会凌乱，尽可能使用同一或者同倍数的间距，更便于开发。

案例中，相近元素的间距为16px（a px），则不同类别的元素则为32px（2a px）。

01.字体种类的控制

一个产品如果字体种类过多，会导致界面的不统一与混乱。通常字体控制尽量在3种以内，中文字体、英文字体以及特殊数字字体。如下图：

02.字号与粗细控制

字号过多使信息失去重点，基础字号控制在3种以内，目的在于清晰区分信息的层级。正文字号建议为28px，副文案为24px，大标题、价格等重要信息需按实际情况加大，令信息的层级区分更明显。

加粗字体往往是整个界面的视觉焦点，重点的文本（如标题、价格）需要加粗处理，注意控制字体加粗的使用，以免造成信息层级的混乱。 下图为调整字号及粗细的前后对比：

03.行距控制

行距太小不便于用户阅读，太大会显得松散，所以控制在1.2-1.5倍的范围是较为舒适的范围。下图为调整行距的前后对比：

04.字体颜色

字体主要以黑白灰为主：#333333､#666666､#999999；字体颜色深浅有序能让信息层级主次分明，产品应该根据不同模块以及同一模块的层级需要调整不同的灰度值，并在产品中反复使用，统一规范输出。

信息越重要，字体颜色越深。除此之外我们还需要注意到什么呢？也是很多刚入行的设计小伙伴很容易忽略的细节，产品的实际使用环境。比如，我们此次改版的产品详情界面就是线上下单，线下提货的运营模式，不仅需要考虑室内使用环境，还需要考虑到特殊的室外强光环境。结合下图感受一下。

如何在强光环境下保证产品良好的视觉体验呢？这也是UI走查表需要注意到的细节点：强光测试(大于4.5:1)。

4.5：1经验数值参考前辈行业经验总结：

https://www.w3.org/TR/WCAG20/

https://www.sitepoint.com/making-bootstrap-accessible/

我们先观察一组颜色对比，如下图：

我们会发现字体颜色层级依然是深黑色、中黑色、浅黑色，相信很多设计师朋友已经注意到我们使用的颜色更深了，为什么呢？为了保证好在强光环境下的信息阅读可阅读性，如下图：字体信息最浅层级，浅黑色的色彩数值对比数值都大于4.5:1。

强光测试链接：https://webaim.org/resources/contrastchecker/?fcolor=0000FF&bcolor=FFFFFF

有细心的设计师朋友或许已经注意到色彩值并没#333/#666/#999那么便于记忆了，为什么呢？

为了提升更好的视觉感受与界面的品质感，我们在字体颜色中采用了偏蓝灰，至于为什么，大家不防给我一起观察下图，上图灰色看上去略微有一些脏脏的感觉，下图视觉更耐看、更有质感。

腾讯新闻、金色财经App中的也应用到了偏蓝灰，带来种扑面而来的清爽。

除了常用字体层级的颜色对比，在界面中针对关键的卖点信息还用到强调色，即品牌色

品牌色也会经常运用到特殊字体、提示文字、链接等等。

改版前，促销信息缺少提示入口；改版后，以品牌色作为入口字体颜色，引起用户注意。

01.视觉比例

由于图标通常都是成群结对的出现，彼此之际的统一性显得非常重要，但是常常容易被忽略，可以制定如下图的图标盒子来规范尺寸。

02.图标设计要点

设计图标时应注意基础形状复用，保持整体识别性。如下图重复使用矩形、圆形、椭圆形等基础形状进行设计，既能统一大小又有整体感。

面性图标

设计时需要注意挖空比例的一致性，保持图标的整体性。如价格走势、降价通知这一排图标，挖空比例控制在20%

线性图标

设计时应注意保持良好的线条粗细的统一，案例中使用2px的粗细线条重复使用，所有图标的粗细与文字粗细一致，和谐统一

03.图标尺寸

在app中，功能图标大致可分成两种：可以点击的按钮；不可点击的展示图标。

可以点击的按钮常用于导航栏、tab栏、操作栏（吸底按钮图示）常用尺寸为：48x48px 64x64px。如下如的导航和吸底按钮都用了48x48px的大小。

不可点击的展示图标常用于信息展示位置（价格走势/规格/评论等图示）常用尺寸为：24x24px 32x32px，如下图，评论模块中的展示图标使用24x24px，价格走势则使用了32x32px的尺寸。

04.标签的走查规范

从商业的角度，标签是为了凸显产品卖点，比如你在商场时常能看到“全场低至2.9折”这类的促销信息，其实在界面中同样也会有，目的就是为了抓住用户贪小便宜的消费心理，对比没有标签的同类商品，用户会更佳倾向与有有标签的商品。

常用标签样式有三种表现样式，面性：填充一整个色块；线面结合：低饱和度的色块结合高饱和度的描边；线性描边：1px粗细描边；

如上图：为展示清楚，在原来基础上放大了1倍，运用规则与之前提到的图标一样，根据模块功能的重要性去搭配，按照重要到次要的排序是：面性>线面>线性

标签呼吸感规律：

很多初级设计师都在疑惑到底标签文字定多大合适呢？标签字号一般为：18-22px

以"自营"标签为例

如上图：外框边距横纵向成2倍的倍数关系，所以以后在画标签，只要先定好字号大小，剩下的边框边距就按照2倍的关系去拓展

为了确保我们做视觉稿的时候易于文本的阅读我们通常会用到一些配图，而这些配图通常也影响着我们整个界面的美观度，一个优秀的设计师在设计作品时都会特别的注重图形与图象的比例，图片的选取当然也是重中之重，那么我们在项目中应该如何选取图片并且正确的使用图片的比例呢？

01.图片使用的规范

第一点：首先就是要做到让图片的背景保持统一并且做到干净整洁

第二点：图片主体的比例大小跟其他图片保持统一避免出现有些图片展示局部有些图片展示整体

02.图片模块的常用使用比例

UI设计中图片的比例会比较的多常用的有下列几种

1：1，这种比例比较适用于电商，它可以让商品图片展示最大化。也是目前电商最主流的图片使用尺寸。如下图：

16：9，这种比例比较适用于视频，这是标准的人体工程学比例，根据人体工程学家的研究发现人的两只眼睛的视野范围并不是方的，而是一个长宽比例为16：9的长方形，所以我们看到的视频比例通常会采用16：9。如下图：

4：3，这种比例应用于新闻类APP比较的多，它源自于一些微小型相机最原始的尺寸比例，不需要进行过多比例的裁剪，应用起来比较方便，对于需要展示大量的图片信息类的产品来说特别的适用。如下图：

如果你还是不知道如何去使用尺寸，那么你可以直接查找相关竞品进行设计。

压轴给大家带来一个小惊喜，我们整理了一个较为完整的设计走查表，希望在实践中能够帮到大家。

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

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

 点赞设计的分享！

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

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

不管是做设计（感性）还是设计规范（理性），都是仁者见仁智者见智的，都很主观。我是想阐述出自己的想法供大家参考，文章中的数值也不是固定标准，还是希望大家根据不同的项目需求，去解决不同的实际问题。

目录

1.下拉菜单

   1.1 了解侧边导航栏

   1.2 绘制矩形框 

   1.3 文本行高

   1.4 层级划分

   1.5 确定距离

2.分页

   2.1 了解分页

   2.2 绘制普通分页

   2.3 绘制首末分页

   2.4 绘制跳转分页

3.步骤条

   3.1 了解步骤条

   3.2 绘制步骤条

1.1 了解侧边导航栏

侧边导航栏就是固定在侧边或从侧边划出的导航栏，一般应用在企业网站的触发型导航栏上，或后台页面/系统的左侧功能性导航栏上。侧边导航栏的方向是根据业务需求来做调整的，方向在那边就往哪边对齐。我们先了解一下侧边导航栏的样式。

设计师的对设计的理解和审美决定了周围要留多少的空白。

1.2 绘制矩形框

矩形框的高度可以随着屏幕高度的变化而变化，所以不需要考虑。那只定义矩形框的宽度就行了，宽度分别是：小（240px）、中（280px）、大（280px）。当我们决定采用哪种尺寸后，就要定义矩形框与内容之间的距离了。下图所示的例子是以中等尺寸来做参考的。

1.3 文本行高

当我们绘制好矩形框，就要往里填内容了。文本行高上一章已经讲过了，就不多说了。文字的行高是由鼠标状态（Hover）的高度来确定的，Hover的高度有多高，文字的行高就有多高。但要注意的是，侧边导航栏的文本左右多留一下白，不能使导航栏看上去太紧凑，给人感觉太压抑，就会显得不是很美观了。

1.4 层级划分

因为侧边导航栏中有树形结构，一个主级别可以分散为多个子级别，所以就需要划分一下层级。划分层级的方法也有很多，可以改变字号、改变颜色、改变字形、改变距离，那我用的方法是改变距离。采用哪种方法还是要看具体需求，像那种需要想突出层级且对比强烈的需求，可以采用改变字号和改变字形（加粗）。下图中颜色越深层级越高，另外要注意的是，大类也有层次，越往上层级越高。

1.5 确定距离

当我们把矩形框绘制好，文本也填进去后，就要确定每一个层级的距离了，我们要做出1>2>3的感觉出来，细微调整每个层级的间距，使它们的差异突显出来。确定距离指的是每个层级左侧的距离，这就像楼梯一样，在上层的楼梯往往优先级是最高的。层级1（收藏夹）与层级2（艺术类）之间多留了4px的空白，目的是为了突显主级别与子级别之间的差异，稍微强化了一下主级别。

来看一下最终效果吧。

2.1 了解分页

侧边导航的讲完后来讲讲分页，分页有三种样式：普通分页、首末分页、跳转分页，名字是随便起的，能理解什么意思就行了，来让我们了解一下它的样式。

2.2 绘制普通分页

接下来我们学着画一下它。我把所有的分页分为三种尺寸（大中小），分别是32px（小）、36（中）、40（大），每一个小按钮的曲率分别是4px（小）、6px（中）、8px（大）。每个小按钮之间的间隔我用的是4px，也可以用8px，4px虽然更容易误触，但视觉效果要比8px好很多。

当然了以上数值也不是绝对的。尺寸、曲率和间隔都是需要根据项目需求与设计师自身审美来决定的。

2.3 绘制首末分页

首末分页就是在普通分页的基础上加两个按钮，分别是“跳转到首页”和“跳转到末页”。只要注意把“数字按钮（分页）”与跳转首末页按钮”按优先级分隔就可以了，要把控好这首末按钮与数字按钮之间的距离，距离过短容易误触，距离过长会破坏整体性。

2.4 绘制跳转分页

跳转分页是在首末分页的基础上加上“总页数”与“跳转至指定页数”这两个功能。跳转分页前端显示总页数，后端显示跳转至指定页数。所有按钮模块的间隔都成倍递减，这样不同分页的功能，区分就会更明显一些，而且它们之间也有隐性的关联。

将分页组件与其他组件组合起来看一下最终效果。图片压缩效果不是很好，要与实际效果（原始比例）差很多。

3.1 了解步骤条

步骤条相对比较简单，这里穿插一下讲了吧。步骤条的样式比较多，但他们的绘制方法都大同小异，我只单拿出一个来讲，就不一一的进行讲解了。

3.2 绘制步骤条

步骤条其实不难绘制的，注意对象和元素之间的距离就可以了。留的距离也要讲究一些，要匀称不能出现左面留太多而右面留太少的情况，具有关联性的部分距离差异不能太大。另外就要考虑视觉平衡性的问题，不能一味的采用水平或垂直居中。只要熟练把控好距离，知道什么需求下留多少的白，那绘制不同样式的步骤条，也会显得游刃有余，做出的东西也更自然舒服体验也更好。

做设计要精益求精，把每一个像素点都要考虑到并合理运用它们。

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

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

上周和小伙伴一起翻译了一篇 medium 上点赞量超多的文章（8.1k赞），该文作者在电子产品的界面设计领域有13年的从业经验，也经历了从架构师到用户体验设计师再到如今的产品设计师的多次职业转换，文章主要是讲他对用户体验设计的犀利吐槽，以及对产品设计所代表的工作方法的无限看好。或许观点上并没有什么新意，但是，就像某大佬说的，设计是对混乱的驯服。想要驯服混乱仅凭理论套路是远远不够的，而设计师真正的价值或许也就在于此：投身于未知与混沌的灰色之中，并且还要从中分出黑白。

那么为什么我要翻译这篇巨长的文章呢？就我个人而言，单纯很喜欢作者傲慢中带着犀利的风格，就像看一篇文字版的吐槽大会般有趣。我在翻译的时候加上了自己的思考和看法，所以，文末也留了 medium 的原文链接，可以去查看作者的本意，并观看其中的演讲视频。

这是关于我从架构师转变到用户体验设计师的一段经历，以及我是如何看待行业现状的。

十年前的某一天，我决定要把我的职业从架构师改成用户体验设计师。我记得当时很多可用性专家、架构师、界面设计师、交互设计师对我说：这只是潮流而已，「用户体验设计」这个表述并不，简直就是胡说八道，体验怎么可能被设计？

然后在去年，我又突然决定把我的职业从用户体验设计师改成产品设计师。同样的，一群用户体验设计师又来对我说，这只是潮流而已，用户体验设计师和产品设计师之间并没有什么本质的区别。

但是，对我来说，它们是不同的。在我看来，产品设计更加的谦虚真诚。我觉得这是用户体验设计师不具备但最应该学会的：谦虚务实。

我不是在劝你像我一样改换职业名称（坦白地说，你最好别这么做），我真的一点儿也不在意。我只是想告诉你，我决定转变的原因，以及我是如何看待行业现状的。

很肤浅的话题，聊职称大概是世界上最无聊的事儿了，但是作为设计师们，我们又确实很喜欢讨论它。或许，这次我们可以聊的更深入一点。

用户体验设计的出现是因为我们设计师的需求

我一直很喜欢 Alan Cooper 提出的这个词：交互设计师（interaction designer）。我认为它很地抓住了这项工作的本质。但是早在十年前看来，这个词的定义就已经很狭隘了。数字产品的设计师们希望工作能触及到更多的内容，而「用户体验设计」似乎就承担了这个「需要触及更广泛内容」的责任。

它确实抓住了这个需求，现在 UX 这个词广泛流传，每个人都在使用这个缩写，但问题是每个人对它的理解是不同的。所以，直到现在它也是个令人疑惑的概念。

在Peter Merholz 的一次访谈中，Don Norman 对创造 UX 这个词的初衷做了如下解释：

我发明了这个词是因为我觉得人机交互和可用性这两个词儿太狭隘了。我想要创造一个可以覆盖人们体验各个方面的系统，包括图形设计，界面，体感交互和这个系统的使用手册。但从那之后，这个词就开始广泛地流传，慢慢地失去了它本来的意义。

如今它偏离本来的意义越来越远，以至于 Alan Cooper 先生说：根本没有用户体验设计这回事。

UX设计师是如何看待自己的以及他们真正做的是什么？

在我们尽可能扩宽工作边界的努力之下，我们把 UX 这个气球吹得快要爆掉了。UX 现在承担了「设计不同触点的体验」的任务，包括组织转型，制定策略，改革创新，市场营销，设计从 app 到广告、服务、设备、地点、事件，甚至公司文化在内的所有事情。

或许用户体验确实应该做到这些，但是问题是，没有一个用户体验设计师能一个人把所有的这些事情做好，要创造一个复杂的产品，你需要的是一个由不同领域专家组成的团队。

我不得不说很多 UX设计师真的是眼高手低，他们根本不具备足够的技能或者经验去支撑他们的野心。

我同时也负责招聘的工作，大多数申请 UX 这份工作的求职者可以分为以下几类：

• UI/UX设计师，其实就是图形设计师，他们并不擅长信息架构、定义目标和需求，创建交互模型，考虑商业利益。他们只生存在追波上。
• UX设计师，他们靠画规范的线框图谋生，有时候也做做可用性测试。（顺便说一句，他们是最有可能成长为优秀的产品设计师的人。很多有经验的 UX设计师叫他们「线框仔」，我真的很讨厌这种没必要的鄙视。他们忘了自己也是这么成长起来的。）
• 空想家，专注于建工作坊，喜欢在墙上贴便利贴和画布，但是通常没有把想法转化为实际设计方案的能力。

当然，以上只是一种简单的归纳，但是从我的观察来看，很多做 UX 的都可以归到这三类人当中，因为真的很少见到那种既懂战略又会战术，既有创造力又有执行力，既了解商业又懂设计的人才。

UX设计师日常做的事情以及他们对商业的价值根本配不上他们的自我认知：「用户体验设计很重要 」。

用户体验设计实际上并不像很多「什么是UX」的文章写的那样是所有事情的中心。我推荐你去看Paul Addams在UX London 2018上的优秀演讲——《The end of Navel Gazing》。标题「用户中心论的终结」很好地表达了这个意思。

UX专注于用户和工具，但是这两点并不足以解决真正的商业问题

我观察到的另一个现象，是关于用户体验设计目前的状态的。UX设计师们每天都会发表数不清的文章，它们大部分都是关于研究工具以及方法论（例如用户画像，用户体验地图，原型制作工具，用户研究方法等等），各种教程，无关紧要的图形设计趋势，或者用户界面细节。

Fabricio Teixeira 和 Caio Braga 写了一篇优秀的文章来说明这些理论的狭隘之处：

https://essays.uxdesign.cc/state-of-design-publishing/

然而，这些我们经常讨论的东西，对于处在残酷商业竞争环境下的产品设计团队来说，并没有什么用。因为计划与管理实际的产品开发进程和理想的「Design thinking 五步法」之间并没有太大的关系。

整个 UX 行业好像对商业这部分都没什么兴趣，也难怪，「用户体验设计」这个名字就暗示了他们只关注用户。商业是别人的事。

UX设计现在很像一个宗教，而且它的信徒的想法通常都很接近

也难怪会冒出 UX 的忠实捍卫者们了，如果你胆敢不同意他们的信仰，他们就会把你的心扯出来。

仅仅只要说一句：用户研究不是总是被需要和有实际意义的。他们就会告诉你如果你不会用户研究，你就不是一个合格的用户体验设计师。如果你个人并不是很喜欢一些方法论，像用户画像或者其他，你最好赶紧默默溜走。

可悲的是，UX们总是想成为最有创新能力的人。但是我认为他们并不是。因为，创新力需要尝试不同的工作方法，考虑新鲜的想法，要求与众不同以及灵活多变，敢于实验，勇于实践，并拥有商业头脑与落地思维。想要成为真正的革新者，需要的是自己去开创自己的道路，去突破规矩，去冒险。而不是重复说那些所有人都在说的简单的陈词滥调，遵从那些轻而易举的方法指南。我觉得 UX设计师整个群体都搞不清楚地图和实际道路，模型（或其他噱头）和现实之间的差别。（只有这些「革新者」的想法才很容易被预测：因为他们所有人都读一样的书，说着同样的话。）

我感觉我已经超越了UX

我从事数码产品的设计有13年了，现在我不觉得我和大多数的 UX设计师之间有什么共同点。我觉得我已经超越了用户体验设计。我跟产品经理或产品需求方之间更为投契。

Peter Merholz 在他的一次演讲中说过，用户体验这个行业的出现是因为产品经理对用户体验缺乏考虑，我同意这种说法。

数字产品就是我现在正在做的，像网页，app，界面。我的目标是为我的客户创造一个成功的产品，一个会帮助他们赚钱或者省钱的产品。可用性和用户体验只是实现这个目标的一部分，它们很重要，但是说实在的，并不是最终的目的。我不会像大多数的 UX设计师那样不切实际的浪漫主义。

我也需要为我自己和我的公司赚钱，所以我要擅长规划一个有效率的设计流程，估计好预算，有条有理地和客户进行合作，销售与推广我的工作，招聘人才等等。

我知道我很擅长数字产品设计，但是我可能并不擅长做所有类型的设计。这就是为什么我更喜欢「数字产品设计师」这个头衔的原因了。

我喜欢它的点在于，它更聚焦于产品而不是用户。它把我的工作放在了资本市场的背景之下。产品需要对顾客有用，但是也需要切实地有利可图。

对我来说，无论它是什么，听起来，「产品设计」比「用户体验设计」都更加的落地。产品设计更容易被所有人理解，甚至你妈妈也能懂。它不需要太多解释。用户体验只是它的一部分，但是从另一方面讲，比起想要解决世界上所有问题的万能药UX 来说，产品设计这个说法更加的谦虚。

现在我大部分时间依然是在做交互设计和信息架构这种传统工作。我大部分的精力也都是花在制定策略，进程管理和设想概念的层面。但是我也正在带上许多的帽子：决策者，界面设计师，架构师，文案，创意总监，项目经理，产品需求方，用户研究员，测试人员。总之，哪里有需要哪里就有我。

当然我需要和很多人（他们是各自专业领域的专家）一起合作来实现我的愿景，然后把它迭代变得更好，更完善。技术专家，开发者，图形设计师，内容设计师，项目经理，甚至律师等等。最后的用户体验其实是很多这些人的工作共同作用的结果。

用户体验是很多人工作的结果，是一个产品或者服务生产出来的，并不是一个职位的描述。

我会把产品设计师定位为这样一个角色：他们是那些为产品功能和形式的最终呈现负责，并能够以任何可能的方式对设计流程以及产品的发布进行规划和优化的人。（如果你还把产品设计仅仅看作是 UI/UX 的另一个名字，这对你毫无帮助）对于很多有经验的 UX设计师来说，并没有什么新鲜的，但是产品设计确实和 UX 不同。

我看到如今，越来越多的有经验的 UX设计师称自己是产品设计师了，所以，也许这是一个潮流吧。又或许是某种原因？

Andy Budd，一个有着很棒的见解的家伙，我一向很尊敬他，最近他发了一个推特说：UX就像爵士乐，产品设计就像朋克乐。

好吧，我的看法跟他完全相反。打比方说，如果你想成为一个 UX设计师，你现在要做的只需要去上个周末课程，学习设计过程的5步法以及5个方法论，像用户画像，用户体验地图，愿景图，你就可以开始干活儿了。

但是成为一个产品设计者，你需要把产品交付给市场的实际经验，这非常的难，因为经常是一团混乱，复杂的过程。产品设计就像自由的爵士乐。可能听起来混乱嘈杂，有一点像朋克乐，但是想要把它玩好，你需要很多的技能和经验以及音乐理论的掌握，也需要一些即兴创作的能力：改变规则甚至是反对它们。更不用说，在团队中，你需要成为整个团队工作的主导。

无论你想叫自己什么，无论你有多大的梦想，但，也要记得保持真实和谦卑

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

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

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

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

现在让我们关注最常见的设计专业：UI/UX设计师。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

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

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计