作品集架构讲解
对于之前发布的作品集，有看到很多小伙伴的反馈，所以发出此文和大家交流一下~
作品集架构讲解
（一）在此小编有些篇外话想说一下：
————————————————————————
所谓流行趋势只是设计界的一个标模范本，如果只是一味的照葫芦画瓢则是无脑的设计，在迎合设计趋势之前更应该考虑品牌的契合，与功能的匹配等，例如最近 UI 设计在色彩上有个趋势就是明度更高、纯度更低，明亮的颜色可能更有趣，能让人精力充沛有种大胆的感觉，安卓、微信的品牌色就做做出了如此改变，毫无疑问这是流行趋势，而我们设计师要做的工作远比单纯的更改色彩要复杂的多，对于明亮的色彩我们要扬长避短，明亮色彩使用时的问题有：
1、大面积明亮颜色对眼睛却不那么友好；
2、文字背后背景过于明亮的话，会影响文字阅读，带来负面的浏览体验。这些缺点就是我们在作品中需要避免的，而这就是我们能力的体现。
总结来说，我们既要综合考量设计符合流行趋势的产品，也要分析流行趋势，将流行趋势为我所用。
（二）前言
2.1 那么，先来看看群众对现在作品集的看法
就着这些群众声音，来分析一下究竟为什么会出现那么多作品集框架一样的作品集。
在我们看到的作品集中划分为有经验设计师的作品集和没经验设计师的作品集
2.2 一般框架如下：
而在有经验的作品集中的项目作品和无经验设计师中的概念稿作品中的框架又是大同小异的
所以就会出现了很多群众质疑的声音
那么我带着这些质疑的声音，来分析分析我对于项目流程框架的见解
2.3 作品集框架流程
2.4用户体验五大要素
那么做好一个好的ui作品集我认为也是一样的，具有有耐推敲，有理可依的五大用户体验要素
（一）战略层
（二）范围层
（三）结构层
（四）框架层
（五）表现层
结合ui作品集的流程进行分析
（三）战略层-封面信息/产品说明
3.1封面信息图
设计封面的目的是什么？
将想传达的内容按照用户的需求以一定的秩序传递出去。因此，需要强调的核心内容有标题，和传达标题含义的插图。
那么我们在本站的用户即是漂亮的设计师小姐姐和帅气的设计师小哥哥啦~
简单明了的开门见山的封面会让你们作品集在众多作品中显得更加直接，让人容易提取信息~
则好看的封面，经得起推敲的封面还是要花点时间琢磨的
比如：信息提取，品牌呼应，风格定位等等~
·
·
·
3.2 产品说明
产品说明书是指以文体的方式对某产品进行相对的详细表述，使人认识、了解到某产品。其基本特点有真实性、科学性、条理性、通俗性和实用性。
在此写清楚产品说明显得很重要，算是了解整个项目的第一道工序吧。
1、首先可以交代项目的核心思想，基于市场定位的方向去简单的概括一下产品的中心需求。
2、可从产品的定位去概括，通常就是此版本具有怎么样子的核心功能，使用人群是怎么样的，使用场景等角度去分析
3，再者从商业模式的角度去做分析，商业模式包含的范围比较广泛，其实无非就是这个项目是怎么赚钱的
4、运营策略的角度，可以采用对竞品的商业模式进行分析然后做出比对
5、突出主要功能特色，亮出项目亮点
总的来说就是做到引导读者带着探究的想法进行以下项目的探究
·
·
·
（四）范围层-产品分析（痛点/品牌调性/属性及目标）/用户人群
4.1 产品分析
从三个维度去剖析产品
4.1.1痛点
满足用户需求就是消除痛点。
痛点（pain point ），顾名思义是痛苦的点，当用户在使用产品或服务的时候抱怨、不满的、让人感到痛苦的接触点（touchpiont）。
用户为什么会不满意？因为还有一些需求没有被很好地满足。如去星巴克喝咖啡要排队，快捷需求没有被满足；吃西瓜要吐籽，方便需求没有被满足；iPhone用一天就没电，手机无法使用维持正常的生活的需求都没满足。
所以，我们可以从四个方面去恒定痛点
分析业务需求，即明确为什么要做这个功能？产品期望得到怎样的成果？
分析用户需求，即明确谁来使用这个功能？ 他们为什么要使用这个功能？
明确产品策略，通过将业务需求和用户需求进行匹配，实现用【某策略】给目标用户带来【某价值】，以实现【某业务目标】。
设定衡量产品目标的数据指标
4.1.2 品牌调性
一个好的作品做到基础性的共识要求是远远不够的，所以使得作品具有以下特点才是合格的标准：
1、有调性，抓住品牌的定位，运用设计心理学打造产品的共鸣感，做到知己知彼增加用户粘度
2、营造归属感，运用各种设计技巧或者细节，在设计中营造归属感，如：淘宝个人头像下的小细节：淘宝人生，这样的话语与功能就极度具有沉浸式的成长历程，具有强烈的归属感，则应用不在只是工具，也是自己人生历程的一部分，使得客户持续与平台交互互动
3、创造口碑，口碑这东西是一个持续积累的过程，只有你不断去打磨，解决用户的需求，与用户之间达到一种强烈的互动感，归属感越强烈，则口碑就出来了
（三）属性及目标
站在UI的角度来说，属性-了解项目的本质，是什么，给什么人用的，需要解决什么问题，功能如何呈现，设计如何达到简洁而不简单，交互如何做到命中痛点接触点而不繁琐
则其目标就是解决属性带来的种种问题，达到满足用户需求消除痛点。
小结
这三者之间，是属于相互关联相互影响的关系，需要不断地打磨不断的复盘
4.2 用户群体
一般的数据分析工具都具备以下的内容：
用户的年龄，性别
用户的兴趣类别
用户使用目的
这是一幅财税做账公司的数据比例
从概览可得知，该图主要的用户群体是23岁以上偏年老的用户群体，年龄越大，客户群体越多。但是性别来看女性和男性比例大致为五五开。
而这一群体在相对的转化率即消费率-需求痛点来说是最具备消费水平和可以在平台消除痛点的
·
·
·
（五）结构层
结果层所包含
1、风格定义
2、颜色规范
3、字体规范
4、视觉规范
5、ip形象
5.1风格定义
风格并非根据当下的流行趋势盲目而定的，正如小编的前言所说：所谓流行趋势只是设计界的一个标模范本，如果只是一味的照葫芦画瓢则是无脑的设计，在迎合设计趋势之前更应该考虑品牌的契合，与功能的匹配等
好比现在很流行的多色渐变，如果放在传统行业里面，就显得十分突兀，失了几分庄重，又或者毛玻璃的设计趋势，如果适用在算命行业的应用来说，则响应不了当下行业的中心感觉，神秘庄重而又可靠的感觉、
每个行业都是具备着每个行业的专属颜色与风格，可以创新则不可僭越
想要做到合适的风格可以从以下的几个节点考虑：
1、行业属性、
2、行业设计用户心理
3、颜色定位
4、风格落版
5、适配元素
6、使用人群的取值范围
7、品牌调性
5.2 颜色规范
每一个设计师都是视觉动物，因为好看的包装而购买东西事情相信谁都干过。色彩能给人很强视觉冲击。颜色的运用除了需要考虑品牌的统一性之外，还需要达到信息传递，交互反馈等目的，规范统一的色彩搭配可以提高品牌的辨识度，提高产品视觉的规范性和一致性。
5.2.1 品牌色（重要）
品牌色是体现品牌形象和文化理念的最直观的元素之一。每种色彩都有很深刻的文化沉淀和视觉感受。
需要根据自家的行业定位、产品特性、产品理念慎重的选择一个合适的、辨识度高的颜色作为品牌色
5.2.2功能色
功能色起到辅助说明 信息状态的作用，减少用户的理解成本和理解时间。功能色一般分为提示色、警告色、成功色、失败色、链接色。选取辅助色时一定的符合用户对颜色的基本认知。
5.2.3 辅助色
辅助色起到烘托主色调、支持主色调、融合主色调的作用。辅助色在整体的画面中能平衡主色的冲击效果和减轻视觉疲劳，起到一定的视觉分散的效果。
5.3 字体规范
字体规范在整个应用中起着信息展示的重要作用，所以在选取字体的时候显得格外慎重，要达到内容可视，内容重点凸出过去重要信息清晰的效果
则字体的大小则与用户群体息息相关，如年纪大一点的群体需要字号大一点，艺术类应用可考虑个性化一点的字体
备注：如果是使用Android端与ios端的系统默认字体，则自定义字体是在开发中起不了作用的
5.4 视觉规范
5.4.1本着设计原则
简洁
清晰：使产品聚焦于功能，突出重点信息，让⽤户更简单的吸收信息。
⾼效：设计有效的操作流程，使⽤户能⽤最简单的操作完成任务。
⼀致
设计一致：让所有产品保证一致交互体验。尽可能的减少用户的学习成本
习惯⼀致：与现实世界的习惯、逻辑和反射作用保持一致
克制
删除：让用户专注在核心的功能上，删除其他功能。
有⽤：如⽆必要，勿增实体
反馈
呼应：让产品“活”起来，主动和⽤户呼应，主动跟⽤户交流，
及时：及时的反馈使⽤户清晰的知道⾃⼰当前的状态
可控
决策前：给予⽤户操作建议，减少⽤户思考和负担
决策中：包容⽤户的⼀些失误，并告诉⽤户正发⽣的情况
决策后：允许⽤户撤回重要的操作，给用户更放心使用
复用
重复：将产品或组件进⾏抽象封装成可复⽤的模板，避免重复制造轮子
5.5 IP形象
IP形象对于今年来说是相当火爆啊
IP形象诞生于漫画书、电视和游戏中的传统IP角色流行了很长一段时间，随着Kakao和LINE等通信APP的增加，帮助表达用户情感的表情贴纸也变得越来越流行。
IP市场有4个特征：
第一，独特的故事讲述；
第二，比起简单的消费品，跨界更容易，也更受喜爱，因此对于多元文化的敏感度十分重要；
第三，业务许可证也很重要，因为它占总销售额的50%；
第四，有很多把原始内容转换和扩展为各种形式的“一源多用”的案例
此外，随着IP产业的发展，很多公司创造了许多品牌都希望与之合作的，以艺术家为基础的具有独特故事的IP品牌，中国的Molly，韩国的Sticky Monster Lab和Super Fiction是代表性的例子。
针对品牌打造品牌调性的IP形象，而不是盲目的随手一画
IP形象的详细解释和引用就不在这里一一说明了，稍后会出详细的文章说明。
（六）框架层-产品框架/产品原型
6.1 产品框架
人机交互设计，更像是一个“服务者”的角色。以需求为导向、理解用户的心理、期望，理解商业和技术，创造出有用、易用、可行、令人满意的产品体验。这其中框架设计师像拥有一直上帝之手，牵动着用户的行为。
·
·
·
6.2 产品原型
清晰简单的用户流程能帮助用户更高效快捷的达到目的；而在产品页面整合上，合理的布局和信息的展示，能更便捷的帮助用户理解信息。
每个文案、每一张图片都可能会分散用户的注意力，此时需要产品经理在梳理原型的过程中考虑模块信息之间的衔接和展示。
（当然前期是已经梳理清楚了功能清单和功能流程后）这5个要素是在做产品设计前需要梳理清楚的：
战略层：我们想要达到什么目标？
范围层：为了达到目标，需要展示哪些信息？
结构层：展示的信息之间的关联性是什么？
框架层：关联性下的信息，如何有效结合？
表现层：有效结合的信息，应该如何传达给用户？
这个之后详细出文章介绍吧~
小结
说到这里，你们觉得以上内容需要在作品集里呈现吗？换句话来说，你们觉得UI设计需要具备产品逻辑和思维，还有系统的结构步骤和规范吗？
为什么要具备产品逻辑？
（七）一定的产品思维
7.1 为什么要掌握一定的产品思维？
什么是产品思维？在说产品思维之前我们先来说说什么是产品，在百度百科中对产品的释义是“作为商品提供给市场，被人们使用和消费，并能满足人们某种需求的任何东西，包括有形的物品、无形的服务、组织、观念或它们的组合。”
那么什么是产品思维？就是制造能够满足人们需求产品的复杂心智操作过程，而作为 UI 设计师而言我们需要知道产品到底解决的是什么问题，满足的是什么需求，具体是如何实现的，也就是说我们需要在整体上知道产品到底是怎么一回事，才能知道 UI 设计作为整个产品中的一环应该怎么服务于产品总目标。
7.2 在作品集中如何展现这部分能力？
大概率浏览我们作品的应聘公司设计师能够看出我们作品背后的思考，但如果我们制作作品集从这个角度出发的话，可能会错失很多机会，正确的假设应该是对方不知道我们在作品背后的思考，我们以文字、图片等形式把我们的产品思维表述出来，让应聘公司设计师清清楚楚、明明白白的知道我们是怎么思考的。
则所有的铺垫是为了展现层的落地与推行
（八）展现层-图标设计/产品主功能介绍/页面展示
随着移动端互联网普及碎片化时间增多，互联网产品满足着数字化时代人们各式各样的需求。面对结构复杂的产品，产品体验设计师如何跳脱出单一的设计维度更全面的进行体验方案的构建？内容产品的行业形态、产品孵化路径、产品设计流程具体是怎么?以及了解这些内容和产品体验设计的关联性是什么？这里和大家做一个简单分享。
本篇内容主要有四个模块：
数据效率-链接与匹配
价值层
(1) 根据用户画像进行数据连接与匹配运作
(2) 互动玩法/信息的消费与产生
数据跟踪-数据转换/沉淀
数据呈现与用户成长系统关联
增值层-触点机会/成长路径
小结
8.1 数据效率-链接与匹配
8.2 用户画像（用户活动路径）
什么是画像系统？画像系统是一个以用户为分析对象，通过各种方法将用户信息进行展示，提供给分析人员
全面、准确并具有指导意义的信息，从而优化运营的策略。画像系统最为核心的三个能力，分别是：
1、信息的加工生产能力、信息的分析展示能力和信息的传递能力。我们将其比作一次烹饪流程：信息加工生产就是我们的原材料，他决定了我们可以做哪些菜；
2、信息的分析展示就是我们做出来的菜，技巧、顺序都会影响我们的菜品口感；
3、信息的传递是我们最后装菜的容器，如果没有盘子，菜品也就无法被品尝。
画像系统可以做什么？掌握用户特征，更好的进行用户群选定，提升运营效果。
8.3 链接与匹配
精准推荐 - 人物画像数据沉淀，分析行为模式与数据进行推荐（在此产品的所有活动路径，根据路径
模拟个人数据画像， 根据数据画像的类别进行精准推荐）
模糊推荐 - 根据个体数据与个体数据之间的关联进行模拟匹配（根据数据个体与个体之间的互动关联
判断数据与数据之间的关系进行模拟推荐。（如：抖音））
智能匹配 - 根据实时数据进行匹配（如：标签、关键词等等）
8.4 价值层（完成用户的期望，解决基本痛点。分清楚伪痛点与真痛点）
需求的概念很模糊，大家都在说需求，但含义确大相径庭；比如用户需求、产品需求、心理需求，这三个需
求所要表达的意思是完全不一样的；但当一个词被赋予了太多含义，这个词也就越容易被错用；因此我们要
用更好方式，来表达不同的“需求”。为此，我们把需求分成两类，一类是用户需求，一类是产品需求，两
者的区别如下：凡是能指导产品开发的，就是产品需求；凡是不能指导产品开发的，就是用户需求。按照这
个划分方式，我们再进一步说什么是产品需求，什么是用户需求。
产品需求是在描述产品是什么样，这样就能通过描述来进行开发。在造车的例子中，属于产品需求的
是：造一辆车、造一辆有天窗和真皮沙发的车、造一辆电动车、在租车APP里支持接送儿童服务。这
些需求都属于产品需求，都是站在开发角度看问题，告诉研发要开发什么。
用户需求也是一个很大的词，很多内容都可以归为用户需求；和产品需求是在具体描述产品不同，用
户需求是在描述用户的需要，这个需要通常是主观的和因人而异的，体现了用户期望的状态。我们常
说的，用户的马斯洛的心理需求，用户的低成本交易需求、用户场景下的需求等。
8.5 增值服务（设计机会触点，在解决用户期望的同时提供更多趣味服务）
增值服务是一种盈利商业模式，是公司通过为客户建立渠道并在此渠道中销售产品来获利。增值服务
往往在基础业务上向客户提供附加价值，引导客户的需求，使其获得更好的体验 ，从而增加产品的竞
争力 。其也属于企业价值链中的一环，价值链是否具有竞争力直接影响到公司的竞争力和稳定。企业
间的竞争在某种程度上来说等同于价值链的竞争。
腾讯是一个典型的增值服务盈利公司，它通过旗下QQ和微信等产品来搭建与用户日常生活相关的强
大的连接通道，而这个通道是唯一的是可以将用户牢牢捆绑住，与用户进行更多的联系，盈利渠道构
建完成了，腾讯公司可以卖广告、特权、产品、道具等给用户携程等各大OTA，将酒店、机场、旅游
景点等各个部分进行整合，在给客户一种舒心便捷的定制化服务的同时可以从中间环节赚取收益，提
供佣金酬劳。例如：在旅客购买机票过程中搭售的保险、餐食、接送机、贵宾室、优惠券、Wi-Fi等，
来获取佣金收益。为了扩大收益，在预订机票时增加¥38金牌服务包与机票捆绑销售，其中包含¥50
接送机券和¥50休息室券，在购买休息室时，抵用¥50优惠券以后仅需¥8，通过低价提升竞争力，可
见是亏本卖。
那么大多数人就疑惑了，这还能赚钱？
其实不然，一是由产品或业务不同发展阶段根据该阶段的目标采取相应的策略。机票一次购买中搭售辅收产品是携程新增的业务场景，为了培
养用户购买习惯，获得用户高满意度，利用低价的噱头进而促进用户推荐给更多的人，其价值就不可小觑了。
二是，是否赚钱？通过优惠券和购买的贵宾室等增值服务商品的使用率来决定，如果用户没使用，使用率低那么携程就能减少成本，进而获利。
所以如何计算盈利收益模型，平衡各种利益，需要强大商业智慧。
8.6 内容营销（互动玩法、信息的消费与生产、用户成长体系）
内容营销：通过内容、满足用户需求，解决用户问题，培养用户信任。当用户信任值达到一定水平，
会自发地购买产品。
例如：找工作，上boss直聘
内容营销：喜欢向用户传递产品价值。
通过有趣的标题、深度挖掘的内容、产品的对比来强化用户对产品价值的关注，弱化对价格的关注，促使其产生感性消费。
内容营销界有个经典案例：斑马精酿，通过一篇文章，带动了接近38万的销售额：传统营销：更喜欢价格战
尤其是传统电商购物场景中，存在着大量同质化产品供用户挑选，消费者面临的主要问题是“买哪个”，此时，价格高低，有无促销，是很多用户重点考虑的因素。
数据效率是根据价值层-增值层-内容营销的相互链接，循环。从而不断细化、优化产品用户成长体系是根据价值层与增值层之间的一个用户行为路径进行不断升级，得出等级与荣誉值等等。而所得等级与荣誉值等等又继续在价值层与增值层中消费。
8.7 小数据（用户行为数据）
在产品的设计与运营过程中，通过数据对用户行为进行分析，我们可以总结分析出用户行为与产品之间的关联，并针对性地对产品做出改进。在数据分析的大框架下，通过对用户行为监测获得的数据进行分析研究的行为归结于用户行为分析。用户行为分析可以让产品更加详细、清楚地了解用户的行为习惯，从而找出网站、app、推广渠道等产品存在的问题，有助于产品发掘高转化率页面，让产品的营销更加精准、有效，提高业务转化率。
用户分析是用户中心的设计流程中的第一步。是一种理解用户，将他们的目标、需求与商业宗旨相匹配的理想方法，可以帮助企业定义产品的目标用户群。在用户行为领域，数据的使用及挖掘是非常重要的，通过数据分析方法的科学应用，经过理论推导，能够相对完整地揭示用户行为的内在规律，基于此帮助产品实现多维交叉分析。
（九）总结
作品集有千千万，标准的作品集流程俱佳，可是能有迹可循有理可依具有商业化的作品集还需要设计师多多推敲，深入研究~
