使用轮播图对于在有限空间来提升用户阅读效率是很有用的，但现有大部分情况轮播图设计得并不好用。
遵守本文中提到的 10 条轮播图设计原则，可以提使用高轮播图的用户体验，在这篇文章中，作者首先会通过实例来过一遍 10 条轮播图设计原则，然后说明为什么以及怎样区别对待桌面端和移动端的轮播图，在文章最后，列举出一种相比于轮播图更好更易用的展示方式。
一、实际运用中的轮播图
在美国一份针对 50 家顶级零售电商网站的统计中，发现轮播图被广泛运用于电商网站：PC 端 52%的电商网站使用轮播图，而与此同时移动端 56%的电商网站使用轮播图。(以下图表是译者个人为方便大家理解制作的)

来百度APP畅享高清图片
这篇文章的重点旨在讲如何通过设计和交互细节，使首页轮播图更易用，而不是关注于轮播图本身应该放那些内容。此时，我们轮播图的内容应该注意以下几点：
如果轮播图的内容与网站本身不相关，且没有经过精心设计和使用高质量的图片，那么用户体验会很糟糕 —— 轮播内容应与网站主题相关
如果轮播图的内容看起来太像广告，那么用户会直接忽视它，即使轮播图的内容与用户所需相关 —— 轮播图内容不能过于商业化
轮播图的一个主要优势就是可以放专门设计过的图片，那些经过设计的图片会降低首页的退出率并且会对网站和品牌产生积极效果，因为那些经过设计的高清大图能在首页给用户留下一个好印象，在用户快速决定停留或者离开之前增加用户在首页的驻足时间 —— 轮播图片要精心设计
二、轮播图设计十原则
那么，怎样在实际运用中做好轮播图设计呢，作者将 10 原则分成了四个部分来进行阐述：

1. 滑动（轮播）顺序和点击后的落地页
   大部分用户不会看完所有的首页轮播图，即使是一个自动切换的轮播图。他们常常会在所有轮播图内容循环一遍以前就早早的跳到另一个页面或者向下滑动页面，换句话说就是没有人可以预测用户下一步到底会看哪一帧轮播图。
   因此，只要轮播图不是展示网站特点和展示网站产品的唯一方式，那么用户即使不看完所有轮播图问题也不大。
   我们之前做的轮播图可用性研究，发现大部分用户会在轮播图自动轮播完一个轮回前就跳到另一个页面了，而在手动轮播图网站里轮播图只会停留在第一帧，除非用户主动去找不然他们不会注意到那些有用的信息。所以，即使完善轮播图的细节设计是一个很好的想法，但这并不能成为用户获取网站信息的唯一方式。
   两条原则：
   原则 1： 轮播图的展示顺序特别是第一帧非常重要；
   原则 2：把轮播图当成展示网站重要信息和特点的一种补充手段而非唯一方式。
2. PC 端自动轮播逻辑
   自动轮播形式能够保证轮播图的每一帧都有一定的曝光量，并且实际上自动轮播的点击率(8%~10%)要比手动轮播的点击率高(1%~2%)，这是因为：像动态图片一样，自动轮播图很容易把用户的注意力从页面的其他静态图片上吸引过来，因此轮播图的内容和设计质量都需要很高的要求才能保证用户产生有效的阅读，此时要注意三个极其重要的自动轮播图设计原则：
   原则 1：自动轮播不要太快
   如果轮播得太快那么用户就没有足够的时间看完感兴趣的轮播图内容；如果轮播太快那么用户就会因为不感兴趣的轮播内容而被骚扰。
   轮播图的展示时间应该根据轮播图的文案内容来决定，尼尔森诺曼集团推荐自动轮播图的单帧时长按照1秒展示3个文案来播放，这就意味着每个轮播图的展示时长都是独立的。
   
   其实也可以学学苹果将轮播时间外显来让用户有一个心理预期。
   原则 2：用户 hover 内容时应该暂停自动轮播
   用户鼠标的位置与他们在当前页面关注的内容有内在联系 ：
   当用户鼠标悬停在某一帧轮播图时说明他们对它的内容感兴趣；
   当用户悬停时轮播图暂停的第二个理由是防止用户在点击想看的那一帧轮播图时自动轮播到下一帧 ；
   如果用户意识到他们点击后跳转到一个无关的页面那么用户会感觉很气恼和失落，并且会不得不重新回到主页，然后再次点击原来想要的那一部帧轮播图。
   原则 3：用户有任何主动交互行为时应该停止自动轮播
   当用户主动点击轮播图按钮来看前一帧或者下一帧内容时，这种行为是有意进行的并且 (当前轮播内容)不应该被改变，即使用户决定去查看主页的其他内容。
   点击行为是用户的主动响应行为，它是反应用户意图和兴趣的一个强烈的信号。因此，当用户主动对轮播图进行交互时轮播图应该停止自动轮播，因为用户极有可能是有意要查看某一帧的内容。
3. 轮播图控件应该具备两项功能
   原则 1：轮播图控件提示当前图片所在帧数位置
   提示用户有更多帧数的图片，让用户有更多探索的可能；
   提示用户轮播图到底有多少帧图片；
   当轮播图自动播放到最后一帧时提示用户将循环到第一帧。
   比较常用的设计是在一张五彩斑斓的图片上设置一组小点，但这通常会很难识别，把这些点放置在图片外面会好一点。原则 2：轮播图控件允许用户进行前后帧内容的切换
   这是使用箭头是比较好的方法，然而我们发现由于底图与箭头的对比不够以及箭头本身大小有限，会导致用户容易忽视这些控件，那怎样避免进行前后切换的箭头被用户忽视呢：
   展示部分下一帧或前一帧图片；
   根据所识别的背景图片的颜色和明度进行相应的颜色改变。
   通过展示前后一帧内容的部分内容，用户很容易感知到可以进行切换。

除了传统的设计样式像是用来感知位置的小点和前后切换的箭头，“table of contents”这种设计样式同样也能起到一样的效果 。
首先，它结合了位置感知和手动切换的控件为一个整体的 UI 组件；
其次，它能为用户提供了一定的轮播信息线索，让用户知道接下来会看到什么，因而可以让用户更有效的进行跨帧的切换。

4. 在移动端一切都如此不同
   触屏设备上的轮播图与 PC 端有着很大的不同，之前列举的PC端上的交互逻辑在移动设备上是无效的，并且有很多新的规则：
   原则 1：移动端没有 hover 状态因此尽量避免自动轮播
   hover 状态是用户对某一特定帧内容感兴趣并有可能在阅读完文案后产生点击的一种信号，这意味着如果没有 hover 状态来激活自动轮播暂停，那么自动轮播在移动设备上的使用就不那么合适了，自动轮播会使图片在用户要点击轮播图几毫秒之前就突然切换，这会使用户跳转到错误的页面。
   原则 2：移动端支持滑动操作
   用户在触屏设备上的操作预期就是滑动来进行导航切换
   传统的轮播图操作控件同样重要（如进行前后切换的箭头和让用户感知位置的小点）
   原则 3：移动端屏幕的图片需要特别优化
   许多在 PC 端上使用的轮播图设计稿是直接缩放后在移动端上重复使用，这造成在移动端屏幕上许多文案的阅读性较差；
   移动端用户对加载较慢的轮播图更没有耐心，用户在 PC 端可以边花费 1 到 5 秒钟来等待轮播图刷新边浏览网页的导航栏和其他信息，而在移动端有限的屏幕大小下用户只能看到轮播图
   现在我们来总结一下：
   
   三、轮播图的替代方案
   单纯展示静态内容作为在主页的独立部分是替代轮播图的一种好方式：
   它没有轮播图的那些用来控制切换图片的控件，因而尤其适合在移动端使用；
   它高度符合用户与首页的交互方式，70%的移动端用户会下意识的拖动并浏览首页的内容，来获知他们来到了什么类型的网站；
   相比于使用轮播图要遵守的那 10 条原则，它使用起来更加便捷，那些商家和公司会越来越认识到布局设计上的紧凑会有多重要。

文章来源：优设网 作者：LHJ
分享此文一切功德，皆悉回向给文章原作者及众读者
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

用一个实战案例，帮你了解交互与UI思维差异｜兰亭妙微UI设计公司

来百度APP畅享高清图片
大家是否有关注到，在过往的面试过程中，经常被问到的一类问题就是岗位间的区别，比如产品与交互、交互与 UI、UI 与视觉等等。笔者在之前帮团队面试交互设计师的时候，也喜欢给出一个需求背景，让求职的小伙伴聊聊不同岗位是如何思考的，因为大多数交互设计师都是由上下游岗位转岗而来，思维可能还停留在原有的岗位中，所以就希望通过这类问题，来初步的判断下对方是否匹配当前岗位的要求与工作。
一、项目背景
本次项目是一个“购买返虚拟币”的功能，类似于京东的返京豆，返还的虚拟币可以在购买的时候按照对应的比例换算成抵扣金额，而此次改版的功能是在原有单件返币的基础上调整为阶梯返币，单件返币的数量随着用户单次下单的商品件数递增，从而促进用户能多件下单，提升商品的销量。
乍一看该功能都不需要设计师参与，只需要根据商品的返虚拟币规则，将之前的单件反币标识改成多个就行，如“1 件返 XX、3 件返 XX…”，虽然看起来好像也解决了业务诉求，但是如果仅仅考虑标识展示，而不结合需求背后的业务逻辑去思考，后续也会随着规则的变化而带来对应的问题，那对于交互与UI设计师而言，针对这个需求，又该如何考虑的呢？我将分为“交互篇”与“UI篇”来分别阐述。
二、交互篇
对于交互设计师而言，其中一个核心能力就是将业务诉求转变成用户可理解、可操作的交互流程。那么我将从业务规则、用户场景以及操作流程三个方面来拆解交互设计师是如何思考这个业务需求的。

1. 业务规则
   虽说本次业务需求很简单，只是将单件返币改成多件，但是我们也不能仅仅被表象所蒙蔽，需要进一步挖掘相关业务规则。
   返币并不是适用于所有商品，那不管是单件还是多件都会有对应的配置返币规则的地方，我们需要知道在配置规则的时候有没有做限制，比如支持几个阶梯，这将决定我们在前台该如何展示该规则。
   如果最多两个，那我们就可以考虑将每个阶梯对应的返币规则都展示出来，但是如果不做限制，那是不是可以考虑将规则收起，仅展示“单件最多返币”引导用户下单购买。
   

2. 用户场景
   用户在产品中的下单流程不仅仅是通过首页产品瀑布流开启，可以通过各个途径，比如搜索、营销板块等等，所以我们需要考虑多件返币规则都适用于哪些场景。
   除此以外，我们可以结合该需求的目的出发，设置阶梯意味着希望用户能单笔下单多件，那我们可以聚焦用户加购数量的场景，当用户选择的数量在两个阶梯之间时，可以给与相应的提示，告诉下一个阶梯的奖励，引导用户增加购买数量。
   

3. 操作流程
   前面在业务规则的分析中，确定了返利的阶梯是没有数量限制的，为了后续的延展性，我们选择将对应的阶梯收起，改成“单件最多返 XX”的标识展示。
   那如果用户想要了解具体的返利规则时，该如何操作呢？
   所以此时的返币标识不仅仅是一个标签，同时还是一个用户了解规则的入口为了与其他标签区分开，我们在返币标识上加上了可点击引导来辅助用户理解。
   
   三、UI 篇
   对于 UI 设计师而言，其主要的工作是界面的视觉效果设计，并且需要配合前端工程师完成视觉效果的实现。所以主要通过视觉风格、平台规范、以及技术实现三个方面去拆解。

4. 视觉风格
   UI 设计师每天会在各大设计网站中穿梭来收集灵感，但是并不是所有的视觉风格都符合当前的产品与功能，面对的人群不同，行业不同都会对最终的风格选择产生影响。同时该采取什么视觉表现手法，也需要根据具体的需求而定。
   比如本次改版需求，UI 设计师主要是针对阶梯返币的标识做设计。由于该标识属于强营销标识，所以需要有比较强的视觉引导，此时对于 UI 设计师而言，就需要考虑该用什么视觉形式来表现，从而增强用户的感知。
   

5. 平台规范
   UI 设计师其中一个能力要求就是制定平台规范，规范的建立能统一产品的视觉呈现以及提升设计与开发的效率。所以在设计返币标识的时候，除了思考视觉表现手法以外，还要结合当前的平台规范去设计。设计完成以后，可以放在最终的产品卡上，与其他的标识做对比，最终达到“突出而不突兀”的设计目标。
   

6. 技术实现
   这里说的技术实现并不是说要让 UI 设计师去写代码。当然设计师是可以了解一些简单的前端代码，这样就可以站在技术实现的角度来权衡设计，减少后续的沟通与优化的时间成本。
   在本次的需求中，标识的设计如果采用了微动效，那就需要确定是技术实现还是将动效切图给前端，而动效又有不同的文件形式承载且各有优缺点，需要设计师提前去了解并最终与技术达成一致。
   
   四、共性
   其实随着整个互联网行业越来越成熟，对于岗位的界定也变得越来越模糊，所以市面上出现了很多如体验设计师、产品设计师、产品交互设计师等“新兴”的岗位，网上对于这些岗位的定义也各有不同，其实总结下来就是如何发挥岗位的优势帮助产品提升收益。所以不管是 UI 设计师还是交互设计师，都需要对产品、对业务、对目标用户有足够的了解，这样才能产出符合用户预期的体验与设计。
   比如这次多件返币的升级功能，当我们在完成了这个需求本身的工作后，是不是可以进一步的去挖掘需求。我们可以在功能上线后，结合后台的埋点数据，来观察这个功能带来的变化，如果用户热衷寻找或者下单多件返币的商品，那我们是否可以尝试将所有的返币商品集合在一个页面，这样不仅可以提升用户查找返币商品的效率，同时平台也便于管理与跟踪这些商品，并且可以通过该板块的营销提升产品的日活与最终的转化。

五、总结
以上，就是笔者根据工作中案例，分享的一篇关于交互与 UI 思维差异的文章，经验有限，欢迎大家批评指正与交流。
文章来源：优设网 作者：一个青橙子
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

一篇文章补齐你的平面设计八大构成！｜兰亭妙微UI设计公司

平面设计是一门艺术和科学的结合，通过合理运用各种设计元素和构成原则，创造出富有吸引力和有效传达信息的作品。在平面设计中，八大构成原则被广泛应用，它们是：对比、重复、对齐、对称、比例、空白、色彩和排斥。

对比（Contrast）：对比是通过相互之间的区别来突出一种元素或一个组合的方法。通过使用对比，可以增强图像的吸引力，并使关键元素更加显眼。比如使用不同的字体、颜色和大小来营造强烈的对比效果。

2. 重复（Repetition）：重复是指在设计中重复使用一个或多个元素，以增强整体的统一感和协调性。通过重复使用相似的形状、颜色或图案，可以营造出一种重复的节奏感，从而使作品更加有序和有力。
   
   

3. 对齐（Alignment）：对齐是将不同的元素或组件置于水平、垂直或对角线上，以增强整体的组织性和连贯性。通过合理的对齐，可以使作品的结构更加清晰，并使观众的注意力集中在重要的区域。

4. 对称（Symmetry）：对称是指作品的形态、结构或布局两侧呈现相似或镜像关系。对称可以给人一种稳定和平衡的感觉，它适用于传达正式、庄重和可靠的信息。
   

5. 比例（Proportion）：比例是指各种元素之间大小和比例的关系。通过合理的比例，可以使作品达到和谐、舒适和平衡的效果。合理的比例关系可以通过调整尺寸、距离和形状来实现。

6. 空白（Whitespace）：空白是作品中未使用的空间，也被称为负空间。空白可以帮助调整元素之间的关系，营造出平衡和稳定的效果。合理运用空白可以提高作品的可读性和可视性，并使重要元素更加突出。

7. 色彩（Color）：色彩是平面设计中非常重要的一部分，它可以通过情绪、情感和意义来传达信息。通过选择适合的色彩方案，可以增强作品的吸引力和表达力。色彩应该符合品牌的形象，并与其他设计元素相互协调。

8. 排斥（Hierarchy）：排斥是指通过元素的大小、位置和颜色等方面的差异来创建层次感和视觉引导。通过合理的排斥，可以引导观众的目光，使他们更加关注重要的信息和设计元素。
   以上八大构成原则提供了一个设计师在平面设计中创造有吸引力和有效传达信息的作品的指导。设计师可以根据具体情况和目标，灵活应用这些原则，以实现更好的设计效果。
   蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
   蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

深度解读VisionOS设计原则，掌握设计趋势｜兰亭妙微UI设计公司

引言：
VisionOS是一个全新的操作系统，设计初衷是提供更智能、更简洁、更人性化的用户体验。为了实现这一目标，VisionOS拥有一套独特的设计原则，本文将深度解读这些原则，并探讨其如何引领下一代设计趋势。
一、简约与纯粹（Simplicity and Purity）
VisionOS强调简约与纯粹的设计风格。界面布局流畅简洁，清晰明了，消除了多余的视觉噪音。不仅如此，VisionOS还追求纯粹的用户体验，通过减少不必要的元素和干扰，让用户专注于核心操作，提升操作效率。这种简约与纯粹的设计风格将成为未来设计的主流趋势之一。

二、智能与个性化（Intelligence and Personalization）
VisionOS具备强大的人工智能能力，能够根据用户的喜好、习惯和行为智能化地提供个性化的体验。系统能够自动学习用户的偏好，为其呈现符合其兴趣和需求的内容和功能。这种智能与个性化的设计趋势将成为下一代设计的关键。

三、自然与无缝（Natural and Seamless）
VisionOS注重自然与无缝的交互体验。系统借助先进的技术，如语音识别、手势控制等，使用户能够以更自然的方式与设备进行交互。同时，系统还能够实现多设备之间的无缝切换和互联，让用户的使用体验更加流畅和高效。
四、安全与信任（Security and Trust）
在数字化时代，数据安全和用户信任成为设计的重要考量。VisionOS将安全性和信任度置于首要位置，采用先进的加密技术和隐私保护措施，确保用户数据的安全和隐私。同时，系统提供透明的数据使用和共享机制，建立用户与系统之间的信任关系。

五、可持续与生态（Sustainability and Ecosystem）
VisionOS致力于建立一个可持续的生态系统，与不同厂商和应用开发者合作，共同打造丰富多样的应用和服务。系统通过开放的API接口和生态伙伴计划，促进创新和合作。此外，VisionOS还积极推动绿色环保理念，降低能源消耗和环境影响。
总结：
VisionOS的设计原则包括简约与纯粹、智能与个性化、自然与无缝、安全与信任，以及可持续与生态。这些原则不仅仅是VisionOS的设计理念，更是未来设计趋势的重要方向。尽管VisionOS是一个操作系统，但其中所蕴含的设计思想和理念对于各行各业的设计师和从业者都具有启示意义。掌握这些设计原则，并将其运用于实际设计中，将有助于推动下一代设计的发展和创新。
蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会上传中...100%为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

教育产品如何做好游戏化设计：理论篇｜兰亭妙微UI设计公司

随着双减政策的落实，教育类应用市场的“斗争”悄悄拉开序幕，在线教育行业保持稳定增长，市场规模在 2023 年预计达到 5901.9 亿元，用户规模达到 3.52 亿人。
教育行业的竞争性强，但国内教育类产品的游戏化设计集中在低龄化的群体中，面向少年、青少年群体的游戏化应用市场仍有很多空白值得探索。
本专题将分上下期，分别阐述笔者近期针对学习动机及流程的调研成果，以及在教育产品游戏化中的实战经验，分析教育产品在游戏化设计下的切入点和机会点。
一、关于学习
为教育类产品做设计前，需要先解构学习及其本质，从学习行为动机的拆解，更好地找到在整体流程中设计的切入点。

1. 学习的本质是什么？
   学习本质的理论基础经过了 4 个时期的发展，从行为主义、人本主义、认知主义再到建构主义，对于教育者/方的要求越来越高。
   在前 3 个阶段，教育的核心分别是简单的行为训练教学（驯兽师）、提供知识让学生自主学习（服务师），提供加工后的信息提升用户学习效果（讲解员）。
   在最高层级的建构主义中，教育者需要承担起设计师的角色，因材施教，考虑不同的学生的学习进度/学情提供定制化的学习内容。
   

2. 教育产品的顺应变化
   从层级演变中，我们也能看到教育产品的发展史。教育产品从一开始只提供教育资源/书册的教育资源平台（学科网），再到提供知识学习的平台的兴起（慕课网），最后到现在提供学情定制化的学习内容（多邻国）。
   利用大数据算法，以及最新的 Chatgpt，教育产品的可能性越来越多。身处教育行业的设计师，也要从建构主义考量自己产品的核心价值是否要顺应变化，在产品/设计侧能够为学习者提供什么样的学习帮助。
   二、如何触发学习行为？
   在明确教育本质后，再来看学习行为。从经典的动机理论模型（福格模型）来看，学习行为的构成需要 3 个要素，动机（Motivation）、能力（Ability）和触发（Trigger），三者缺一不可。
   如何提高设计转化？先学会经典的「福格模型」
   日常工作中我们经常要考虑如何吸引用户转化。
   

3. 动机
   （1）动机的强弱
   “教育是有滞后性的”作为老师或是家长，应该对这句话很有感触。学生在心智尚不成熟的阶段，对于学习的动机多来自外在。北京大学，中国最高学府之一的教授就在访谈中表示：
   
   同时，社会的环境浮躁，“钱”至上的社会，让学生看不清学习这件事本身的意义，学生的学习动机更多来自外部环境。常见的几种说法有：
   “大家都说学习很重要，我要好好学习”
   “学习好了，长大才能赚大钱”
   回归到自我决定理论来看，大部分学生都处在非自我决定的阶段，以无动机或外在动机的外部调节和内投调节为主，他们对学习没有动机，很难坚持。从动机侧来看，我们要做的是把学生的动机内化/强化，去提升学习效率和学习效果的提升。

（2）如何强化动机？
用学术角度回答，普雷马克原理（Premack Principle）指出：即用高频的活动作为低频活动的强化物，或者说用学生喜爱的活动去强化学生参与不喜爱的活动。如“你可以出去玩，如果你吃完这些青菜。”如果一个儿童喜爱做航空模型而不喜欢阅读，可以让学生完成一定的阅读之后去做模型等等。
从这个理论来看，我们的第一个转化是“外壳”。用游戏化的包装，让学生去学习，外壳形式的改变。让学生的无动机/外部动机学习，转化为偏向内部的动机，动机强化的过程，让学生更主动/高效的学习。
面向低年龄层的教育游戏化软件有恐龙数学、悟空识字、洪恩数学等，都是成系列的学习软件，核心是包装了游戏化的形式，让小朋友能以比较轻松的方式学习；面向较高年龄层的应用中，多邻国也是采取了游戏机制的包装，让用户能更轻松的学习。
恐龙数学-选中正确选项可以转化为一次攻击

多邻国-提供游戏化的勋章、奖励养成系统
因此，这里能够得到第一个设计转化：

2. 能力
   学生的学习能力是正态分布的，有的人能力好，有的差一些。但现在的“排名”机制，分数机制，家长分数至上的思路，让学生对自己的能力的认可越来越少，自信心大大减少。常见的家长话术是：
   “隔壁家的小孩这次排名...”
   “排名怎么样？你这次怎么又退步了”
   外部的评价会持续性地影响学生的能力评价和认知，心理学上有个模型，自我效能模型，核心思想是：人对自己是否能够成功地进行某一成就行为的主观判断，它与自我能力感是同义的。成功经验会增强自我效能，反复的失败会降低自我效能。自我效能感是个人对自己完成某方面工作能力的主观评估。评估的结果如何，将直接影响到一个人的行为动机。
   在自我能力评价较低的情况下，用户会去采取行为的可能性就越低。
   
   因此，高自我效能的正向循环对于学生用户来说很重要，从产品/设计层，能够考虑的是：
   1）增加个体对成功的体验（适当的挑战）
   当挑战程度适中时，用户可以更容易获得成功+正向反馈，结合自我效能，就能实现正向循环。
   
   在海外的教育软件 Quizizz 中，老师可以关联知识点，并设置难易程度，帮助用户根据自己的学习水平选择合适的题目：
   

Quizizz 增加知识点绑定

Quizlize 看到各个学生的学习进度和掌握情况，方便因材施教
2）语言说服（强化反馈的证明感受）
指通过他人的指导、建议、解释及鼓励等来改变人们的自我效能感。当个体总能获得外界的关心和支持时，他的自我效能感就会增强。人们对自身能力的知觉在很大程度上受周围人评价的影响。

Classcraft-关卡+知识点让用户学习

3. 触发
   在触发方式上，考虑用户进入产品前、后的流程，找到用户进入产品的触点，让用户更容易触达学习的内容。
   这点和常规做产品的触点很类似，虽然是做教育产品，但其本质还是产品。因此用产品的思路，在用户未进入产品时，用 APP 推送等方式提醒用户上线；而在进入产品内，在主线上，以任务的方式督促用户学习，同时增加一些随机触发的学习任务，提升学习行为触发的触点。

三、如何提升学习过程中的学习状态
从心流模型来看，基于用户的能力，合理设置任务、适当引导注意力，并且给予即时反馈，从而去引导用户长时间去做一件事情。在心流体验中，注意力得到集中，学习效率得到提升，对外干扰事物的感知降低，甚至达到忘我的境界。

达成心流需要满足 3 个条件，
1）目标 -有明确的目标设定。
在美国的学习体系与学习目标相关性极高，教师教学时会围绕当前学科的 Standard（教纲）要求，为学生提供目标强关联的教育，这样的学习教育方式效率更高。
这点转化到教育产品侧，为学生提供教学内容的学习目标就尤为重要，有方向的学习更有效率。

2）平衡-任务的难度和挑战性之间有平衡
与自我效能理论类似，我们要为学生提供难度适中的题目，让学生不会陷入负反馈中。但同时，要有一定的难度，让学生不会觉得太没有挑战及学习意义。

3）反馈-有清晰、及时的反馈
常规的教学应用一般是把核心反馈放在结果页面，但好的教育产品会侧重在任务过程中就根据用户的表现给予对应的递进式的反馈，导向正确的结果。
在恐龙数学中，把反馈的差异化重点放在音效上，在单次操作正确与多次连续操作正确时提供不同的语音反馈，比如常规的是“Yeah”多次正确时说“你真棒”等。下图是竞品的 gif，具体的音效大家可以去网上找视频听听看。

四、总结
回顾上述内容，从教育软件层面，游戏化设计的切入点可以归纳为如下内容。

切入点到实际应用时，要根据产品阶段、功能的业务目标、设计目的，有取舍的使用，具体的实践将在下篇《教育产品-游戏化设计实践》中分享。
以上就是本期分享的内容～欢迎大家在评论区说出自己都疑问或想法，一起讨论，共同进步！
文章来源：优设网 作者：番茄
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

在当今数字化时代，设计师在创建令人印象深刻且用户友好的Web用户界面（WebUI）时，需要借助稳定扩散的模型来提供灵活性和创造力。以下是几款设计师必备的稳定扩散WebUI模型，它们有助于设计师创作出出色的用户体验。

1.Material Design（材料设计）：由Google推出的Material Design模型是一套基于材料概念的设计语言，强调真实世界的触感和动态效果。该模型提供了丰富的视觉效果、动画和交互元素，使设计师能够创建出现代感和稳定扩散的WebUI。

2. Atomic Design（原子设计）：Atomic Design模型将用户界面拆解为不同的组件层次，从原子级别的基础元素（如按钮、输入框）到更复杂的有机分子（如表格、导航栏）。这种模型让设计师能够使用可重复利用的元素构建稳定扩散的UI，进而实现一致性和可拓展性。
   
3. Neumorphism（新拟态设计）：Neumorphism模型结合了扁平设计和拟物化效果，创造出具有质感和层次感的稳定扩散WebUI。该模型通过使用柔和的阴影和凸凹效果，营造出仿佛物理实体的触感，提供更加真实和互动的用户体验。
   
4. Skeuomorphic（拟真设计）：Skeuomorphic模型通过模拟现实世界中物体的外观和纹理，创造出逼真的稳定扩散WebUI。设计师可以运用阴影、纹理和动画效果，使用户感受到界面元素的真实性和实际触感。
   
5. Flat Design（扁平化设计）：Flat Design模型强调简洁、直观和现代感，通过去除冗余和不必要的设计元素，创造出稳定扩散的清晰UI。该模型以简单的图标、鲜明的颜色和清晰的排版为特点，为用户提供了直观且易于理解的界面体验。
   
   这些Stable Diffusion WebUI模型为设计师提供了丰富的选择，以创建具有稳定扩散特性的令人印象深刻的Web用户界面。设计师应根据项目需求、用户群体和品牌形象来选择适合的模型，并结合创意、用户体验和易用性来达到最佳效果。

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

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

VisionOS是一个全新的操作系统，设计初衷是提供更智能、更简洁、更人性化的用户体验。为了实现这一目标，VisionOS拥有一套独特的设计原则，本文将深度解读这些原则，并探讨其如何引领下一代设计趋势。

一、简约与纯粹（Simplicity and Purity）
VisionOS强调简约与纯粹的设计风格。界面布局流畅简洁，清晰明了，消除了多余的视觉噪音。不仅如此，VisionOS还追求纯粹的用户体验，通过减少不必要的元素和干扰，让用户专注于核心操作，提升操作效率。这种简约与纯粹的设计风格将成为未来设计的主流趋势之一。

二、智能与个性化（Intelligence and Personalization）
VisionOS具备强大的人工智能能力，能够根据用户的喜好、习惯和行为智能化地提供个性化的体验。系统能够自动学习用户的偏好，为其呈现符合其兴趣和需求的内容和功能。这种智能与个性化的设计趋势将成为下一代设计的关键。

三、自然与无缝（Natural and Seamless）
VisionOS注重自然与无缝的交互体验。系统借助先进的技术，如语音识别、手势控制等，使用户能够以更自然的方式与设备进行交互。同时，系统还能够实现多设备之间的无缝切换和互联，让用户的使用体验更加流畅和高效。

四、安全与信任（Security and Trust）
在数字化时代，数据安全和用户信任成为设计的重要考量。VisionOS将安全性和信任度置于首要位置，采用先进的加密技术和隐私保护措施，确保用户数据的安全和隐私。同时，系统提供透明的数据使用和共享机制，建立用户与系统之间的信任关系。

五、可持续与生态（Sustainability and Ecosystem）
VisionOS致力于建立一个可持续的生态系统，与不同厂商和应用开发者合作，共同打造丰富多样的应用和服务。系统通过开放的API接口和生态伙伴计划，促进创新和合作。此外，VisionOS还积极推动绿色环保理念，降低能源消耗和环境影响。

总结：
VisionOS的设计原则包括简约与纯粹、智能与个性化、自然与无缝、安全与信任，以及可持续与生态。这些原则不仅仅是VisionOS的设计理念，更是未来设计趋势的重要方向。尽管VisionOS是一个操作系统，但其中所蕴含的设计思想和理念对于各行各业的设计师和从业者都具有启示意义。掌握这些设计原则，并将其运用于实际设计中，将有助于推动下一代设计的发展和创新。

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

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

2个方法帮你从历史中学会字体设计｜兰亭妙微UI设计公司

引言：
字体设计是一门融合艺术和技术的复杂领域，深受历史的影响。通过深入研究历史中的字体设计，我们可以汲取灵感和经验，提升自己的字体设计能力。本文将介绍两种方法，帮助您从历史中学会字体设计。

来百度APP畅享高清图片
一、研究经典字体：

1. 深入了解字体的历史背景：
   了解字体的起源、演变和发展历程，可以帮助您理解不同字体背后的文化、时代特征和设计理念。研究不同历史时期的经典字体，如文艺复兴时期的Garamond字体、18世纪的Baskerville字体等，可以获得丰富的设计灵感。
2. 分析字体的构造和特点：
   细致研究字体的构造和特点，包括字母间距、笔画粗细、字形比例和曲线结构等。比较不同字体的细节差异，探究其设计目的和美感，有助于提升自己的设计技巧和审美能力。
3. 进行实践练习：
   通过仿制经典字体的练习，可以深入研究字体的细节和运用。选择一款您喜爱的经典字体，用纸和笔或字体设计软件重新绘制它。这个过程中，您将更好地理解字体的结构和设计原则，并能够在实践中掌握相关技巧。
   
   二、探索地区文化中的字体设计：
4. 研究不同地区的书法传统：
   不同地区的书法传统具有独特的美感和艺术特点。通过研究中国的楷书、日本的行书、阿拉伯的库法字等，您可以了解不同文化对字体设计的影响，发现新的设计元素和风格。
5. 掌握当地历史纪录和文献：
   查阅当地历史纪录和文献，了解古代的书法作品和印刷品。这些记录可以帮助您理解当时的字体设计趋势和审美标准，启发您进行相关的创作。
6. 利用地域标志和文化符号：
   探索地区的标志、传统服饰、建筑风格和艺术作品，寻找与字体设计相关的视觉元素。将这些地域符号运用到字体设计中，可以赋予您的作品独特的文化内涵和地域特色。
   结论：
   通过研究历史中的字体设计，我们可以获得灵感、丰富设计技巧，并提升自己的字体设计能力。通过深入了解经典字体和探索地区文化中的字体设计，我们可以更好地理解不同的设计理念和审美标准，并将其应用于当前的字体设计中，创造出独特而受欢迎的作品。不断学习和实践，将历史中的经验转化为自己的设计语言，让字体设计更加精妙和富有艺术性。
   蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。
   蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

混合现实（MR）技术在近年来迅速发展，并成为人机交互的热门领域。然而，MR交互的易用性设计仍然是一个重要且有挑战性的问题。本文将从七个方面，探讨混合现实交互中的易用性设计，旨在帮助设计师更好地理解和改进MR交互的用户体验。

一、界面设计：
设计直观、简洁且易于理解的界面对于MR交互的易用性至关重要。合理的布局、易用的控件和清晰的用户反馈是成功的界面设计的关键。此外，考虑到用户在AR设备上实时观察周围环境的特点，界面元素的可见性和可操作性也需要仔细考虑。
二、手势识别与操作：
MR交互通常利用手势识别技术，用户通过手势完成操作。因此，手势的设计和识别准确性对于易用性至关重要。设计师应该避免过于复杂的手势，尽量使用自然、直观的手势，并提供明确的操作指引，以降低用户的认知负担。

来百度APP畅享高清图片
三、交互反馈：
及时、准确的交互反馈对于用户的易用性体验起着重要作用。当用户进行操作时，MR设备应该及时给出合适的反馈，给用户清晰的指示和结果。例如，指示光标、声音提示、震动等方式都可以增强用户对于交互的感知和理解。

四、虚实融合：
MR交互最大的特点就是将虚拟与现实相融合，这就要求设计师在易用性设计中注重虚实之间的平衡。一方面，虚拟物体和现实环境应该能够无缝地融合在一起，避免用户在交互过程中出现错觉或不协调感；另一方面，设计师也应该在显示和反馈上给用户明确的区分，帮助用户准确理解虚拟和现实的界限。

五、用户导引：
对于新用户来说，混合现实交互可能是一个全新的体验。设计师可以通过引导用户的方式，帮助用户快速上手。例如，通过简单的演示视频或交互指南来介绍基本操作，提供帮助按钮或提示，以及在用户犯错时提供明确的纠正方式等。

六、可访问性：
易用性设计应该考虑到各种用户的需求和能力。设计师应该关注视觉、听觉、运动等方面的障碍，并提供相应的辅助功能或选择，以确保所有用户都能够轻松地使用MR交互。

七、用户参与：
用户参与是设计过程中不可或缺的一环。设计师应该积极收集用户反馈和意见，并根据用户的实际使用情况进行不断迭代和改进。通过与用户的密切合作，设计师可以更好地理解用户需求，并提供更好的易用性设计。

结论：

混合现实交互的易用性设计需要从多个方面综合考虑，涉及界面设计、手势识别与操作、交互反馈、虚实融合、用户导引、可

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

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

如何从IP的角度理解品牌？顶尖高手深度分析｜兰亭妙微ui设计公司

品牌是一个企业或产品的核心资产之一，能够帮助企业在竞争激烈的市场中脱颖而出。在现代商业环境中，有效管理和保护品牌成为了企业成功的关键要素之一。从知识产权（Intellectual Property，简称IP）的角度来理解品牌，能够帮助企业更好地把握品牌的战略价值和保护措施。本文将探讨如何从IP的角度来理解品牌，并提供相关建议。
一、品牌的知识产权保护
品牌作为企业的核心资产，具有一定的知识产权保护需求。以下是几种常见的知识产权保护方式：

1. 商标注册：商标是指用于区分商品或服务来源的标志，包括商标名称、标识、图案等。企业应及时进行商标注册，并确保自己的品牌不会因未注册而被他人恶意抢注或冒用。
2. 版权保护：品牌广告、宣传手册、产品包装等作品可能涉及版权保护。企业应确保相关作品在创作完成后即进行版权注册，以确保权利的合法性和不受侵犯。
3. 专利保护：若品牌涉及独特的技术创新或产品研发，可以考虑申请专利，确保企业在相关领域的市场竞争中具备独特的技术优势。
   

来百度APP畅享高清图片
二、品牌价值的IP评估
通过IP评估可以衡量品牌的价值，并为企业提供决策参考。以下是一些常用的IP评估指标：

1. 商标价值评估：评估商标的市场影响力、知名度和品牌价值，通常可以采用市场调研、品牌评分和市场份额等指标。
2. 版权价值评估：评估品牌相关作品的创造力、市场需求和版权净收入等指标，以衡量版权的经济价值。
3. 技术价值评估：评估品牌所涉及的技术独特性、技术壁垒和专利收入等指标，以衡量技术创新对品牌的贡献。
   
   三、品牌管理与保护策略
   为了有效管理和保护品牌，企业可以考虑以下策略：
4. 建立品牌使用规范：制定品牌使用指南，规范员工和合作伙伴在品牌推广和使用上的行为，确保品牌形象的一致性和价值的呈现。
5. 加强知识产权保护意识：通过培训和宣传，提高员工对知识产权的保护意识，加强对品牌价值的认识，并确保企业内部不会侵犯他人的知识产权。
6. 建立合理的合作伙伴关系：与合作伙伴建立明确的合作协议，明确双方在知识产权使用和保护上的责任和义务，避免知识产权纠纷的发生。
   

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，添加vx蓝小助ben_lanlan，报下信息，蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等，欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。~~
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司~~