今天我们就来具体的聊一聊，按照以下的顺序来进行详细介绍吧！
详细的设计分子如下：
头部设计
了解产品
入驻.操作.合作的流程
合作伙伴
数据可视化展示
联系我们
头部设计
头部位置设计主要包含banner位和占位图，设计表现形式主要分为科技类图形配图、产品品牌相关配图、产品相关视频。
1. 科技类图形配图
科技感类的图形配图，会让平台充满逼格和简洁风，主要适用于科技类的公司产品。
2. 产品品牌相关配图
产品品牌相关的配图，对于用户有着更加直观的感受相对于图形而言，同时切合品牌基因，能更好的宣传产品本身，吸引用户选择我们的产品。
3. 产品相关视频动画
头部增加产品相关宣传视频是当下比较潮流的设计方式，同时视频的传播和引导力度也是大于图形和图片单一的表现手法。
了解产品
了解产品的设计分子主要是展示产品总的概述，比如产品简介设计配图、产品功能点设计配图、产品优势配图等等，在设计上主要分为左右布局的大卡片设、宫格设计、背景图覆盖设计、以及视频的设计等等。
1. 左右布局的大卡片设计
大卡片设计的大图设计比较高级，在画面效果上非常简洁，能够比较直接的吸引到用户。当然有一些缺失是内容填充不够，信息传达量少，所以有时候设计师会增加文本的信息量起到相对互补的作用。
2. 宫格设计
宫格布局设计，清晰展示产品功能特色介绍，清晰明确，在相对有限的布局下，容纳更多信息展示。缺点不能展示太多的点击入口，信息文本也不能添加太多，容易造成层级更深的情况出现。
3. 背景图覆盖设计
全部背景图覆盖的设计比较有沉浸感，在网页设计上，可以增加品牌元素和特色覆盖到底图上，提示设计质感。
4. 视频简介设计
产品相关简介视频是当下比较潮流的设计方式，同时视频的传播和引导力度也是大于图形和图片单一的表现手法。
入驻.操作.合作的流程
入驻操作合作的流程是引导用户加入我们的重要环节，如何引导用户入驻操作合作等是我们设计的重点，主要的设计手法我总结了几个方面，主要是图形说明的展示手法、图片说明展示手法、产品截图类展示手法、流程图展示等等。当然还有很多，没有全部说明，希望设计小伙伴们一起来补充吧！
1. 图形说明的展示手法
图形说明的展示手法，主要是概括产品品牌特色，作为图形具象化的展示给用户，所以这个部分设计重点是需要更好的融入品牌基因和产品特色，这样才能更好的打动用户。
2. 图片说明的展示手法
图片类的说明展示需要把产品具有代表性的应用场景拍摄出来，展示给用户，传播和引导效果比图形好一点。痛点是需要我们选取高清有代表性的图片来应用设计。
3. 产品截图类展示手法
产品截图类展示手法，更加真实的展示给用户产品具体的操作点，减轻用户学习成本，提升用户体验。是一个不错的设计手法。
4. 流程图展示
流程图展示设计主要是重点突出流程架构，让用户对于产品本身的操作、展示、入驻等流程清晰直观的了解。吸引用户关注和使用我们的产品，提示产品引导效率。
合作伙伴
合作伙伴主要是资源共享，优势互补，合作伙伴设计需要展示给用户公司的实力，宣传我们的品牌内在力量。在设计上一般会选择平铺和滚动展示等等。
1. 平铺
平铺的设计手法主要是可以全面的展示给用户我们的合作伙伴，更加直观和效率。
2. 滚动展示
滚动展示主要是可以引导用户焦点，提升交互体验，而且页面利用率高；不足是信息展示量不足。
数据可视化设计
效率更快，这是因为人脑对视觉信息的处理要比书面信息容易得多。使用数据来总结复杂的数据。数据可视化是一种非常清晰的沟通方式，使用户能够更快地理解和处理他们的信息，提升用户体验。
联系我们
联系我们主要是给予用户联系沟通的入口，设计方式可以主要分为浮窗设计，卡片设计，功能入口按钮内置等等。
1. 浮窗设计
浮窗设计的联系我们主要是可以全页面固定展示，给予用户更多联系我们的入口机会，方便用户使用我们的功能，提示用户体验，属于一种比较层级高的联系我们入口设计。
2. 卡片设计
内置的卡片设计相对于浮窗入口层级低了一点，但是设计引导固定也是一种不错的联系我们设计手法。
3. 功能入口按钮内置
每一步的引导设计都放入联系我们的功能入口按钮，操作更加便捷，引导更加有效。
总结
在我看来，今天的这几个设计分子-头部设计、了解产品、入驻操作合作流程、合作伙伴、数据可视化展示、联系我们等是我们商家产品展示中相对通用的设计分子，当然根据不同的产品业务，也会有其他的设计分子，希望大家一起来探索！
作为用户，在很多时候会很容易判断出一个网站的用户体验是否优秀，因为主观感受是很难被欺骗的。但是作为网站的设计者和开发者，角色转换之后，所需要面对问题就复杂得多。身为构建者，要让体验尽善尽美需要花费大量的时间精力来完善整个体验的闭环。今天为你所整理的这7个 UX设计的原则，能够帮你更好地进行网站的 UX设计，并且尽可能地将整体的用户体验提升到一定高度。
1. 围绕用户体验来进行整体设计
遵循这7个原则，能让你的网页用户体验更优秀
想要创造难忘的用户体验，自然要围绕着用户体验本身来进行设计。甚至在某种意义上来说，数据和内容也应该是服务于体验的， 它们应该以什么样的体验来呈现出来，这是设计者需要反复思考和琢磨的问题。
图形、布局、文本和交互元素之间的协同工作才能创造体验，任何一个维度缺一不可，单纯的信息展示是不够的。
想让你的网页能在互联网上大量的信息中脱颖而出，体验是至关重要的。现代网页中大量的视觉和交互内容存在，是为了能通过体验直击人心，这样才能在激烈的竞争中存活。
2. 网站内容应当一目了然
遵循这7个原则，能让你的网页用户体验更优秀
如果你认为网站内容是用来读的，那就错了。现代用户的注意力集中的时间非常短，绝大多数用户在浏览信息的时候，都是快速扫视，而非逐字逐句地仔细阅读，信息的展现一定要直观、清晰，确保能够一瞥就能看明白。借助信息图表和视觉特效，更快地传达信息和数据。
你需要让你的内容更加吸引用户，绝大多数用户会为触动它们的信息和内容而驻足，当他们想要了解更多的时候，才会点击，了解更多。
3. 用户想要简单而清晰的内容、
遵循这7个原则，能让你的网页用户体验更优秀
用户只需要半秒就能判断出网站设计和内容，你需要尽量让网站的交互和指引足够清晰，显而易见。不要让按钮难以被用户发现，在首页上放上一大堆的按钮和链接，不如通过视觉上的引导，让用户注意到最关键的那个 CTA按钮。
通过迭代和测试，不断地优化和提升网站的易用性。有的设计对于绝大多数的用户都非常有用，凸显最重要的选项，允许隐藏额外的功能，并且为用户提供显示全部的选项。
除了清晰的设计，整体的一致性也很重要。统一的配色、交互和图形能够让用户对于后续的操作有更清晰的预期，减少用户在后续操作过程中探索的力度，这是通过统一性设计提升产品易用性的一种方式。
4. 通用设计元素 vs 创造性
遵循这7个原则，能让你的网页用户体验更优秀
当某个设计元素在其他地方很常见的时候，它就已经形成了特定的 UI 模式，尽量不要去修改它，哪怕是很富有创意的方式。当你将这种约定俗成的元素修改成其他样子的时候，用户需要花费比平时更长的时间来判断它究竟是什么。这种认知负荷将会影响整个网站的使用效率和转化率。比如汉堡图标，比如网站登录入口的位置（右上角）。没有必要在这种地方重新「标准化」。
对于链接、导航、布局这样基本的元素，应该始终优先考虑其可用性，在此基础上再发挥创意。
虽然非传统的设计很酷，但是它的可用性问题同样很大。创造性的设计同样是需要控制其程度和平衡，如果非要打破常规，尽量控制好程度，并且一次最多打破一条规则，不能更多。
5. 了解你的用户
遵循这7个原则，能让你的网页用户体验更优秀
在开始创建网站和 APP 之前，你应该对于你的目标客户群体有足够清晰的了解，这样才能更好地为他们来设计界面。
一旦你清楚地了解了你的用户，就能了解他们的需求和愿望，并且设计出符合他们预期的界面和体验。这个时候，你的竞争对手能够为你提供灵感和想法。注意对方的色彩，布局，风格和功能。
尽可能使用你的受众已经熟悉的 UI 模式和 UI 元素，能够更快让他们上手。在此基础上，适当地进行差异化的设计，这样效率更高。
当你确定了受众之后，记得尽量把他们的反馈纳入到你的设计当中。
6. 视觉层次很重要
遵循这7个原则，能让你的网页用户体验更优秀
当界面中优先放置最重要的元素，通过视觉层次来凸显它们，确保用户能够更快注意到它们。在设计中，有很多方法能够凸显内容，但是最有效的方法始终是让它们更大更醒目。
视觉层次的构建能够让网站内容更加清晰，也更加富有功能性。
7. 控制用户体验的质量
遵循这7个原则，能让你的网页用户体验更优秀
用户体验设计的关键因素，它的核心价值在于通过不同的维度更好地掌控用户体验的质量：
有用：内容应该是原创的且满足需求。
可用：网站的内容应该很容易被找到。
可取：设计元素应该贴合情感且具备可欣赏性。
可发现：内容容易被定位，被找到，并且可导航。
无障碍：设计要为有障碍的用户进行定制。
可信：网站内容应该有权威性，且值得被相信。
除了上面的维度之外，还有一些值得参考的 UX设计的质量衡量标准：
符合上下文：有明确的路径，符合上下文逻辑。
人性化：值得信赖，平易近人，透明，并不机械。
可发现性：用户在第一次访问的时候就能够顺畅的完成任务。
可学习性：确保交互足够简单，并且能够无缝地相应移动端界面，确保用户在随后的访问过程中达成目标。
高效：确保用户能够快速轻松地完成各种任务。
令人愉悦：确保产品能够满足用户需求，还能够和用户产生情感联系。
表现良好：当用户与之交互的时候表现良好。
