用户关注商品的数据模型，关注用户的感受，即如何为商品设计方案，为用户感受服务项目。用户的感受是商品的竞争优势，是商品的生命力。
因此，为了理解如何设计产品，有必要掌握关键用户感受的分类，这样我们才能更好地根据每个用户感受的分类来设计产品。
用户感受归类感官感受:向用户展示视觉感受，注重舒适度。一般来说，颜色、声音、图像、文本内容、网页布局等。
用户的感受:页面给用户的是应用和交流全过程的感受，注重互动交流和交互功能。整个交互过程围绕着访问、点击、打字、输出的全过程给访问者造成的感受。
用户的感受:在用户的心理状态上给用户感受，注意心理状态的认同程度。让用户认可并根据网站表达自己的本质感受，说明用户感受实际效果更深。情感的提升是用户评价的传播，产生一种高宽比的情感识别效果。
用户感受符合分类的设计产品。
注重舒适度，主要是色彩和布局合理。色彩主要是UI设计师的设计方案，合理布局主要是控制两端对齐的基本设计方案，也就是产品设计的四个基本原则。
注重易用性，主要是人机对战的交互交换意见和反馈的全过程，也就是设计产品的十大易用性标准。
注意心理状态的认同，主要是情感上的认同，也就是设计产品的设计心理。
四大基本准则产品设计的四个基本原则:亲密、两端对齐、重复和比较。
四个基本原则的应用构想:将信息归于逻辑亲密度，两端对齐，寻找并产生重复元素，添加比较。
亲密性（Proximity）相关的物品应该彼此靠近，组合在一起，以创造更亲密的关系。亲密的根本目的是完成大局。
如果几个物品相互靠近(亲密就是存在)，就会变成一个视觉效果模块，而不是几个独立的元素。这有利于机构信息，减少混乱，向读者展示清晰的结构，使页面的理解和视觉效果越来越连贯清晰，信息能更好地表达。此外，亲密度标准会导致页面中出现相对空间隙。空gap不仅可以表达关联(表示物品之间的关联)，还可以让页面看起来有大量的室内空房间。页面不容易显得拥堵(眼睛得到休息)，页面更美观大方(清晰)，使页面
举例:手机微信的发现页面，扫描主要是二维码/条形码、城市街景、中文翻译的扫描仪上的识别，摇一摇主要是人和音乐的识别。有识别关系，所以把它们组合在一起，产生一个视觉效果模块。页面上没有空使得每个视觉效果模块更加清晰，页面更加全局。如下图所示:
两端对齐（Alignment）页面上不能随便放东西。每个元素应该与页面上的另一个元素有某种视觉效果，可以创建一个清晰，精致和清新的外观。对齐的根本目的是使页面统一清晰。
如果页面上的一些项目两端对齐，将获得更有凝聚力的模块。即使元素的对齐的物理部分是相互分离的，但在你的眼中，它们之间会出现一条看不见的线来相互连接。
对齐键包括左对齐、垂直对齐和右对齐。两端垂直对齐的线框是“软”的，会营造出更为宣告和稳定的外观。看起来比较平淡，但总体来说比较枯燥；在左端或右端对齐的线框比较“硬”，比较成立，这样外观会更清晰，实际效果也会更清晰。所以我们可以看到，页面两端对齐的关键是顶端和底端对齐。
注意:一定要坚持一个标准:只能应用一种两端对齐的方法。因为每个人的眼睛都喜欢看有秩序的东西，所以会给人一种平和的安全感。另外，有利于表达信息。另外，防止垂直中心与两端对齐(除非是故意的)。
举例:手机微信注重社交媒体关联和亲友安全，但垂直居中和两端对齐注重公告和枯燥，违背了手机微信的精准定位。所以手机微信的每一页都采用了左端对齐(左端对齐符合阅读习惯，更方便快捷的找到阅读文章的起点)。
微信的发现页面左端对齐，如下图所示:
反复（Repetition）让设计方案中的视觉效果因素在所有作品中反复出现。能够重复颜色、外观、材质、室内空联想、图形边界、字体风格、大小和照片等。这样所有的因素都是一致的，每个部分看起来都是一体的，既能增强逻辑性，又能增强统一性。重复的根本目的是统一和提高视觉冲击力。
重复会对商品产生一种专业能力和可信度，会让用户觉得有人在承担，因为重复显然是一个经过深思熟虑的设计方案管理决策。
例:手机微信每一页，左右两端重复对齐，字体样式和样式重复，线框样式重复，缺少空样式...注意，重复不代表完全同意，但建立关系是有不可分割的目标的。
在微信的首页目录里，盆友聊天目录和微信服务号的字体风格是一样的，只是色调不同(多样性的统一)。
微信的发现页面，各个视觉效果因子的重复，如下图所示:
比照（Contrast）页面上不同的元素要有对比的实际效果，这样才能吸引读者。以防止页面上的元素过于相似。如果元素(字体风格、色调、大小、图形边界、外观、房间空等。)都不一样，那就果断让它们完全不一样。要让一个页面吸引眼球，对比一般是最重要的因素，它能让读者先看这个页面。
比较的根本目的是提高页面的实际效果(更易读)，有利于信息组织(避免混淆)。
对比不仅可以用来吸引眼球，还可以用于机构信息，明确等级，在页面上引导用户，产生焦点。
例子:手机微信的聊天对话框，对比对话信息文本的背景颜色，对比信息文本的背景颜色与情境。如下图所示:
必须注意的是，这个设计原则必须有效匹配才能有好的梳理效果，在设计方案页面时很少只用某一个标准。
而且一定要注意四个标准的应用构思:将信息归属于逻辑亲密度、两端对齐、寻找和制造重复元素、添加比较。
例子:手机微信的发现页面利用亲密度生成几个视觉效果模块来完成全局；然后用左右两端对齐，产生清晰的外观，使页面均匀清晰；一而再，再而三地反复使用，提升专业页面技术，提升视觉冲击力；最后使用对比度，即空缺失条和视觉效果模块背景色的对比，使页面更具可读性。
十大易用性标准奥特曼的十大可用性标准，注重便捷性，是人机交互的关键参考规范。
情况由此可见标准（Visibilityofsystemstatus）系统软件对用户在系统软件上的所有实际 *** 作，无论是点击、翻动还是按住电脑键盘，都要给予及时的反馈。“及时”是指用户可以接受的等待时间。
举例:手机微信推送消息时，消息文本左侧有一个透明的白色和深灰色的转轴，用于在推送过程中获取反馈。当推送不成功时，会出现一个鲜红的感觉圈，得到推送不成功的反馈。
点击手机微信右上方，及时获得显示相对信息的实际 *** 作按键的反馈。如下图所示:
自然环境切合标准（Matchbetweensystemandtherealworld）软件的所有主要表现形式和描述都应尽可能接近用户所属的自然环境，不使用系统软件的语言。iPhone人机交互指南中提到的隐喻和伪有机化学是非常好的实践活动。另外，也要使用通俗易懂、习惯性的表达方式。
举例:在手机微信的发现页面上，各个子功能的logo和描述都符合用户的自然环境。标识是伪有机化学，描述是用用户理解的语言。如下图所示:
撤消改版标准（Usercontrolandfreedom）为了更好地防止用户的误用和错误，系统软件应显示取消和修改功能。
例子:手机微信导航栏转换，页面返回。
聊天对话框发送错误信息，适用于撤销信息。如下图所示:
一致性标准（Consistencyandstandards）相同的术语、功能和实际 *** 作是一致的。
举例:手机微信的摇一摇功能，打开摇一摇页面，图标一致。如下图所示:
防呆标准（Errorprevention）根据设计方案，对系统软件进行资产重组或专项分配，避免用户故障。
举例:手机微信附近的人发挥作用，应用会d出窗口提醒用户位置信息会泄露，避免用户失败。如下图所示:
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）