UI设计详情页设计教程思路思维导图

UI设计详情页设计教程思路思维导图，一张图带你完全了解7±2法则、2秒钟法则、3次点击原则、2/8原则(Paretod定律)、界面设计的8个黄金法则、设计简单、字体设计的法则的内容，赶紧来试一试吧~

UI设计详情页设计教程思路思维导图

1、7±2法则

1、人们短期记忆，每次能处理5~9件事情

2、（网页设计）导航菜单的元素控制在7个以内

2、2秒钟法则

1、用户使用某类系统时，等待反应 （例如：功能切换和功能载入）的时间不能超过2秒钟

2、用户等待的时间越短，用户体验越佳

3、3次点击原则

1、用户3次点击之内，如果没有找到想要的信息 或了解网站的特色，就会离开网站

2、突出越清晰的导航，符合逻辑的结构和易于理解的网站层级的重要性

3、如果不能在3次之内让用户找到想要的信息，就应该让他知道 他在哪，从哪来，要到哪里去，并且能够让他了解如何完成目标

4、2/8原则（Paretod定律）

1、paretod定律（也称为“少数关键定律”或“因素稀疏定律”）表明， 80%的结果由20%的原因产生

2、对20%的用户、客户、活动、产品或过程定位，可能 为你带来80%的利润，使你对它们的注意程度最大化

5、界面设计的8个黄金法则

1、努力做到连贯

2、允许频繁使用系统的用户使用快捷方式

3、提供信息反馈

4、为关闭这一动作设计对话框

5、提供简单的设计处理

6、允许简单的撤销操作

7、提供控制器，支持内部控制点

8、降低短期记忆负荷

6、设计简单

1、减少：达到简单的最简单的方法，就是用心割舍

2、组织：妥善组织能使复杂的系统显得比较简单

3、时间：节省时间会让人感觉简单

4、学习：知识使一切变得更简单

5、差异：简单和复杂相辅相成

6、背景：简单的周边事物绝非无关紧要

7、感情：感情越多越好

8、信任：我们相信简单

9、失败：有些事物不能简单

10、简单是减少明显的，增加有意义的

7、字体设计的法则

1、统一文字方向控制面板整体倾向

2、统一文字斜度，使版面更具动感

3、统一文字笔画粗细，增强版面平衡感

4、统一文字整体风格，表现版面独创性

5、统一文字空间，保持版面形态美

6、统一字体色调，强调版面第一印象

8.详情页设计

详情页到底是干嘛用的？

电商跟实体店铺体验的区别，导致我们的商品是没法直观看，没法直接上手摸，感受手感，感受材质，没有导购吹嘘、引导和即买即走的。

详情页就是要替代实体店铺购买体验中的这部分功能

详情页的目的是什么？

吸引消费者下单购买，而要完成这个使命，就需要展示我们的优点优势，打消消费者的顾虑，让消费者体验刷卡的快感！

消费者看详情页实际想看的是什么？

消费者想看的是我搜索打开的东西是不是我想要的，是不是足够好到我要付款拿下，型号、规格是什么样，有没有打到我的买点，跟别家商品对比有什么优势，店铺是不是靠谱，售后如何。

店铺内其他商品的关联推荐和活动等

但要精简，原则上不超过1屏。

有创意有逼格的海报情景大图

抓住消费者的注意力，展示品牌或商品的调性，给消费者美好的第一印象，也给整个商品详情页定基调。

商品的卖点、特点、优势展示

拿出正儿八经的好东西来，别只展示商品图了。这一部分展示完，基本就决定消费者对你的商品感不感兴趣。

卖点要挖掘，你是主打实惠、性价比还是高品质服务，不同的定位，展示的方法不一样。

商品的细节图展示

看了整体和参数之后就该看细节了，细节决定成败。这里实现的实际是线下购买商品时，检查商品的细节，看看衣服的走线、瑕疵什么的。

细节展示的时候导购是不是该说一说跟别人家商品的优势啊，这就是详情页里跟同行的对比图了，再次坚定消费者购买的决心。

包装、物流、售后优势的展示

如果是大品牌也可以再加一个品牌宣传，证书、资质啊什么的。最后让消费者放心购买，去享受刷卡的快感！