原研哉在《设计中的设计》中说：“设计的实质在于发现一个很多人都遇到的问题然后试着去解决的过程。”如果说解决问题是设计的核心价值，那么我们可以将解决问题分解成“问题是什么？”和“怎样解决问题？”如果进一步准确地表达就变成：“正确的问题是什么？”和“目前最有效的解决方案是什么？”    
个人喜欢在看文章看书籍时，把一些重点要点，对自己以后有用的整理成笔记，因为好记性不如烂笔头吗，可能本人记性不行，看过一遍后容易忘hhhh，所以就慢慢养成记笔记的习惯。养成这个习惯还是挺有用处的，说不准在哪天你接到类似的需求的时候，或者跟老板甲方讲道理的时候，或者你在做设计提案的时候，你会发现这些理论东西真的很重要，就可以翻一下之前看过的收藏等，不可能保证你看过之后就会全部记住。
之前买的三本关于设计类的书籍，一本是孔雅轩老师的《规律与逻辑：用户体验设计法则》这本书从初始用户体验设计基础开始到后面的如果做情感化设计，和一些设计体验细节等，还是非常值得一看的。另一本是刘津老师的《破茧成蝶2》主要讲述“用户导向”的用户体验设计师，与“业绩导向”的产品经理，在瞬息万变的互联网新时代如何顺势转型成“以产品价值为中心”的产品设计师的过程；这本书最近正在看，只看了有三分之一吧。一本是孔雅轩老师推荐的《用户体验与可用性测试》不过这个还没看哈哈，还有一些是来自一些各大业内大佬的公众号设计文章我做的笔记整理。在这里分享给大家，希望能对大家带来点滴收获与能量。
比较杂，就不进行系统的细分了，不过每个笔记点我都给他进行标注了：

艺术是“我表达我的感受”，而设计需要“我感受你的感受”。 设计师需要有极强的同理心和洞察力，去“感受用户的感受”，发现他们的痛点，用好的设计去解决。

关于圆形头像与方形头像使用技巧：

1、对于强调互动娱乐类的产品（如游戏、教育、陌生人社交等），推荐使用圆形头像，可以更好的凸显用户的特征，激发他人的互动兴趣；

2、对于强调专业严肃类的产品（如金融、政务，熟人社交等），推荐使用方形头像，可以更好的传达冷静、专业的用户气质，并传递更多的环境信息，赢得他人的信赖感；

互联网多年的发展已经让用户培养了固有的习惯，不要轻易颠覆用户的认知。

通用复盘模型总共分为五步：

1.回顾目标：回顾当初为什么去做，并且目标是什么，这一点非常重要哦！

2.评估结果：在这件事中， 你达到了一个什么样的结果（准确的数据，论坛上的用户反馈）通过这样的方式去与之前的预想效果相互对比，看看是否存在差异与不足。

3.分析与反思：分析整个事情的过程和流程中，发现并找出过程中可再次优化的点，并且一定要做记录哦！如果有能力的小朋友，可以再给出更优的解决方案。

4.经验总结：我们要输出一些被复用的经验，来作为自己的经验沉积和方法论总结。在过程中，比如遇到….举个栗子

5.推广复用：将自我的一些总结经验整合，分享给大家！

运用好对比，可以在页面上引导用户的视觉，并且制造焦点， 设计没有绝对的好与坏，能根据不同需求做出符合用户体验习惯的设计，才是好的设计。设计师任何不以解决问题为目的的设计，都是设计师的自我意淫。

如何营造产品的差异性:

硬符号：产品IP形象扩展，闪屏页，缺省页，默认头像。专场加载，模态弹窗。

软符号：图标线条 色彩数量 圆角大小 选中状态 交互反馈 

情感符号：消息通知语言 空页面语言  错误提示语言 弹窗确认语言 功能命名语言 

用户界面中的功能图标设计原则：

预见性：功能性图标最大意义是提高用户获取信息的效率。因此功能图标即要做到即便是脱离文字广告也可以让用户通过图标了解入口的属性。

美观性：复杂的图标放在不重要的面积较小的位置会很难被识别，太简单的图标放在功能入口，会显得粗糙。切忌用反白的方式做线性图标，线条图标无法压住大面积色块。有底色的背景上放线性图标，会使图标看起来粗糙。

统一性：风格，视觉大小，粗细，圆角，复杂程度及特殊元素上实现统一。

设计师能力金字塔：

沟通能力：有效传达思想、观念、信息，把握对方意图，说服别人，让他人接受自己的观点或做法。

解决问题能力：通过逻辑思维，借鉴相关经验，运用工具及方法，及时并有效确定、分析问题，并达成最佳的解决方案。

执行力：完成预定目标及任务的能力，包含完成任务的意愿，完成任务的方式方法，完成任务的程度。

项目管理能力：通过流程规划、时程安排、任务和人员的管理以及资源的整合运用，顺利达成项目目标。 

设计知识：对专业领域相关知识和信息的了解。

行业知识：对从事行业的领域的知识和信息的了解。设计定位：分析并梳理产品需求，确立产品定位，分解任务，把握整体方向。设计实施：利用工具、方法、流程等，完成既定的设计目标及任务，包括推动设计效率的提升，过程中的有效创新。

设计总结：对设计过程的信息进行有意识的总结提炼，形成可供分享的阶段性经验及成果案例，形成可复制的设计经验及模式。

方法论建设：从工作积累中不断总结提炼，形成普遍性解决方案，起到指导及示范性作用，并加以推广应用。

知识传承：主动将自己所掌握的知识信息、资源信息，能通过交流、培训等形式分享，以期共同提高。

人才培养：在工作中主动帮助他人提升专业能力或者提供发展机会，帮助他人的学习与进步。

“双钻模型”。从问题到解决方案，需要经历4个主要阶段：

发现问题、定义问题、构思方案和交付方案

• 发现 — 建立一致的理解和共鸣
• 定义 — 确定关键流程、挑战和痛点
• 探索 — 构思，画草图，做低保真原型
• 执行 —迭代，测试，落地
• 

项目大改版流程：

1、视觉梳理清楚改版原因发起项目改版

2、通过目前问题，调研设计趋势、竞品等找到解决方向

3、视觉、交互尝试多种方案并找到突破口

4、不断打磨最终方案，找到其特性并记录

5、根据特性对二级页面进行延展并定义基础规范

6、根据规范铺完整个项目

推动项目步骤：

1、交代项目背景    

2、项目分析页面数据（日活跃 月活跃）  改版目标， 设计策略 上线后的效果预测， 开发排期 

3、推动（擒贼先擒王）让对方知道我们是在同一条战线上。定期汇报工作

4、设计推动必须与公司战略，业务价值利益点关联上。

5、设计师要有效的沟通（站在别人的利益点沟通考虑。）

6、方案改版可以提升数据，提升转换率。目标认同 解决疑问。

首页的作用是什么？

1、承担了产品最核心的功能，决定了产品的属性和基调；

2、体现产品的「骨骼」（产品架构），以方便用户快速进入对应的需求模块；

3、展示公司的品牌形象，强化在用户心中的品牌认知度。

4、一款好的 APP 产品，其首页设计不仅能清晰展示产品核心功能、特点，有着较好的用户体验，还能展示公司的品牌形象，提升用户品牌认知度

页面交互三大原则：

操作前可预知

尽可能让操作后的结果满足用户的预期，那么，这个预期可能就是产品操作前的预知，用户非常清楚的知道这个是什么功能，就好比生活中的指示牌一样，引导你往哪个方向走。清楚明确的状态，可以让用户操作前有更好的预知结果，这样可以省去多余的反复试错过程，可以在很大程度上优化用户体验。

操作中有反馈

反馈的形式：反馈的形式基本上可以分为视觉、听觉、触觉三大类。视觉反馈形式又可细分为：动效反馈、弹窗反馈。操作流程中的反馈，可以说是流程中最重要的一步，及时响应用户的操作、确认操作。在信息的传递过程中，会有不同的结果，以及各种展示的方式。我们需要用最清楚的方法答复用户。

操作后可返回

操作后可分为：返回、关闭、完成三种路径。这三种类型其实都属于可返回的概念。但是本质还是有一点区别，就比如我们常见的弹窗一样，一般只要有结束弹窗的按钮，就不会新增一个关闭的图标，这样就会显得多余。

“个人中心”与“个人主页”的区别：

“个人中心”主要是“给自己看的”，更注重使用效率。“个人主页”主要是“给他人看的”，更注重突显自己魅力。在满足使用效率的基础上，需要通过产品设计手段帮助用户“树立人设”、“辅助吸粉”、“助力变现”，从而使用户和平台实现双赢，打造一个更完善的生态。

做设计之前必须要定义目的，目标，然后解决问题。设计的本质是为了达成目标。

尽可能的潜意识设计，避免让用户去产生思考。

什么是UX? UI与 UX的区别：

UX的优先级高于UI,如果产品无法满足用户价值，对用户没有意义，那么UI做的再好其实意义也不大，历史上有很多昙花一现的产品都是如此，

UX核心是引导用户完成用户目标和任务，比如火车票软件，虽然它的交互视觉很糟糕，但是相对比这个更重要是如何帮助用户完成目标，

UX我们可以把它理解为用户任务流程设计,UX设计师研究和评估一个系统的用户体验,关注该系统的易用性,价值体现,实用性,高效.UX我更多理解为用户的行为表达，UX设计是在用户直接或者使用服务时候感受到的体验，比如反馈，和任务指引的整体设计。

 UI更多是解决用户第一印象，UI和UX尽管本质不同，UI更加具有视觉性，UX更多是逻辑系统性。但是他们一般都属于一个团队，只不过大家运用不同的技能，不用的工具，不同的问题处理方式。但是最终都是把我们产品体验做好。

.UX让界面更好用，UI让界面更好看

UI设计师的价值是让我们的界面好看符合用户审美趋势，同时交互上符合用户逻辑，符合产品想传递的功能优先级，没有大的交互原则问题。UX是让整个流程更好用，更好引导用户完成任务，达成我们的商业目标。

UX的输出包括：UX体验报告，功能定义，功能规划，项目进度，概念设计，需求评估，市场研究，数据研究，可用性测试，用户体验地图，流程图，交互原型图等等。

UI的交付：包括视觉和交互，视觉设计，品牌设计，动效设计，和组件设计，设计语言等等

UI设计和UX设计有一些相似之处，但一个更偏向分析性解决问题的能力，另一个是更具有视觉和美学驱动力。

先出设计稿还是先出规范?

在设计开始之前就制定规范，是很不切实际的做法，你会发现做好的

规范在实际操作中是无用且白费精力的项目全部完成之后再设计规

范，这可能是我们采取的方式，能够方便产品未来延续发展，但这中

方式不是绝对的，如果一次性产品，根本没有必要设计完成之后还去

浪费时间去整理规范，规范是指导设计的工具，而不是设计后的总

结，况且整理规范也是需要不少时间和人力成本。

拆分业务目标，挖掘目标背后的意义：

比如业务初期，需要“拉新”提升用户数量设计目标挖掘：1.优化运营营销设计：包括站内和站外营销设计（通过抓住用户心智的营销设计来吸引新用户）；

2.优化产品分享模块：减少分享阻碍，提升分享欲望（通过有一定粘性的老用户分享，吸引新用户）。

比如产品增长期，需要“促活”提高用户粘性设计目标挖掘：

1、优化产品体验：按优先级模块化升级（通过更好的用户体验来提高用户使用感）；

2、挖掘用户痛点优化和增加功能（通过解决用户痛点来提升用户的依赖）；

3、统一品牌与品牌升级（通过整体的品牌标识来扩大产品记忆性和影响力，达到情感共鸣）。

比如产品成熟期，需要“营收”提升商业化渗透率设计目标挖掘：

1、挖掘用户付费能力及需求并有效转化（可以从用户的各个属性：社交、行为、习惯，喜好、兴趣包括用户数据等等洞察）；

2、选择优质用户挖掘用户氧点，制定个性化模块（通过产品的差异性，提升商业价值）

用户体验五要素

1.战略层

关键词：产品目标、用户需求

解决了这座房子为谁打造，要解决什么问题

我们通过这个产品要获得什么?和“用户通过我们的产品能获得什么? 产品目标」和「用户需求

2.范围层

关键词：功能、需求分析

说明了这座房子要有哪些功能，哪些类型的房间，需要开发的产品功能的范围

3.结构层

关键词：信息架构、页面流

说明了这座房子是高层还是平房，不同类型的区域是怎么连通的

信息架构的目的是梳理复杂的产品功能，确保用户体验的逻辑，落地到实处的话可以理解为功能流程图的关联流程图

4.框架层

关键词：页面布局

说明了每一层的房间是怎么分布的，房间内部是怎么样的功能分区，框架层的颗粒度更加细化，再落地说就是要出个高保真原型出来

5.表现层

关键词：视觉传达

说明了这座房子整体的装修风格

高级设计师懂得结合用户分析和业务诉求得到设计目标。

产品设计的五个基本步骤：用户分析，产品目标，产品规划，产品设计，跟进迭代。

产品成长的三个基本阶段：

探索期，最重要的诉求是找准产品方，活下去，产品的目标是，掌控产品方向。所以对于探索期，不应该把精力放在产品细节打磨上，产品设计策略是用最小成本研究方向是否正确。

成长期：的产品设计目标是：明确差异定位。很多产品本来发展的不错，但是最终在竞争中失败，就是因为没有找到自己的竞争优势。

成熟期：目标提升产品商业价值，成熟期的设计策略是通过科学严谨的方式最大限度提升产品商业价值，成长期的指标侧重新增用户和用户留存，复购，活跃推荐等，成熟期的指标看重如何赚钱。 

关于品牌升级：

现在很多互联网设计师对品牌升级的概念还停留在做个logo，吉祥物，定义新设计风格这个阶段，最后品牌升级变成了首页改版，花费成千上万百个小时设计数十套方案，只是体现了产品最表层的概念。

产品升级不仅仅是设计层的改变，更需要传达产品的愿景和核心精神等，还需要结合运营活动持续深耕下去，不断重复，加强用户对品牌的认知，是否能够加深用户对品牌核心的理解，还有就是直接看业务数据是否有提升。

比如最近的快手品牌升级。

品牌新定位（比如年轻化、下沉市场、进军海外等）、价值观、使命、公司未来的愿景、与竞争品牌的差异化、带给用户的新价值。

品牌升级包括了战略升级与形象升级，战略升级是偏左脑的理性思考，形象升级是偏左脑的创意思维，两者结合的品牌升级是最理想状态。

关于情绪板：

情绪板是一种设计方法论，可以指导设计方向，传递设计灵感与思路。制作情绪板时，首先要明确原生关键词，然后脑暴挖掘衍生关键词，接着搜索相关图片并提取生成情绪板，另外访谈用户收集衍生关键词映射，最后通过情绪板和关键词映射来提取视觉风格。根据不同的行业和用户定位得到相应的关键词。对应不同的关键词再搜集对应的图片，从图片和自然感知中提炼出主色。

情绪板的好处在于可以帮我们理清思路，把不够具象的想法清晰的表达出来

情绪板简单话来说就是由图像,视频和其他视觉元素组成拼贴在一起想法和过程,他主要目的是讲述项目背后的故事,以此作为设计方向形式上的参考,同时情绪版也可以在配色方案上,视觉风格,质量材质,作为设计指导,帮助设计师提供一些设计方向和指引。

使用情绪版的步骤如下：

1.寻找关键词；

2.衍生关键字；

3.图片搜索,提取情绪版；

4.视觉映射:图形分析；

5.视觉映射:色彩分析；

6.视觉映射:字体分析；

7.视觉映射:构成分析；

8.视觉映射:质感分析。

进入互联网公司工作之前，我们对设计的理解更多停留在表现层面，所以对好设计的判断标准更多是好不好看、喜不喜欢。当进入互联网公司后，随着工作经验的积累，我们会发现设计不只是狭义地使用软件绘制图形，背后需要很强的逻辑和系统思考的能力、结构化的思维、沟通能力、设计价值等，需要我们不断的学习补齐自己的短板，及时转换职场心态。VX公众号：小方的设计笔记

Powered by Froala Editor