前端视觉设计四大原则

在后端合作开发应用领域中，最重要的是选用者新体验，而选用者新体验大体能分成四个部分：

听觉的听觉新体验，给选用者增添的是听觉表现层的新体验，因此他们把商品听觉结构设计五大准则来仔细分析选用者的听觉新体验。可视化的选用者新体验，也是商品设计中给选用者选用过程产生可视化交互，比如说点选效用、输出、弹出、转换之类。因此他们用可视化结构设计安德森五大易用性准则来仔细分析可视化的选用者新体验。感情选用者新体验，这是由外而内的焦虑因素，给选用者增添焦虑尊重，增加满足用户和愉悦感。因此他们用感情化结构设计准则来仔细分析他们的感情选用者新体验。

这首诗他们主要谈谈听觉结构设计上的五大准则。

商品听觉结构设计的五大准则出自于一名美国结构雕塑家Robin Williams写的《所写大家看的结构设计书》一书中，书中也有许多排印中事例表明，如果大伙儿想进一步了解排印结构设计等方面的准则，能多去看一看。

商品听觉结构设计五大准则

一、翻转

基本概念：网页重要信息翻转，左翻转、右翻转、德博瓦桑县翻转，保持网页听觉标准化。

终端端写作生活习惯是从左往右的，因此他们也是遵从向左翻转，或是前部重要信息向右翻转。德博瓦桑县翻转在总体重要信息排序中较少选用，假如是较为非正规、现代的商品结构设计选用德博瓦桑县翻转的大关系。而在小技术细节的翻转中德博瓦桑县翻转应付logo/肖像等也有选用。从合作开发的生产成本上，翻转的结构设计也是方便快捷了他们的合作开发。

举例子

eBay最新消息网页顶端机能地区选用德博瓦桑县翻转方式，较为正式宣布一些，注重表明鼓励选用者点选；lvguang15194895813和最新消息左翻转表明，发布相片右翻转表明。

eBay我的网页，机能工具栏和

重点注重的重要信息，德博瓦桑县表明，鼓励选用者浏览路径。常规列表左翻转、右翻转表明，满足用户选用者浏览生活习惯，提升选用者新体验。

二、重复

基本概念：重复较为简单的理解为一致性，颜色、形状、材质、空间关系、线宽、材质、空间之类。他们常说听觉规范的一致性是这样，保持这些单元的标准化，贯穿始终这样他们的网页排印才会总体、商品结构设计才会总体。

举例子

eBay最新消息网页，头部机能地区圆形工具栏重复，字体重复。最新消息列表肖像、名称、最新消息、相片重复，保持一致性，和标准化。

首页部分机能地区工具栏重复、风格重复一致。活动地区标题和相片保持重复性准则。在类别筛选部分，每个类别瀑布流展现，宫格重复，保证网页筛选一致性。

三.亲密

基本概念：如果多个项相互之间存在很近的亲密性，它们就会成为一个听觉总体。因此他们在结构设计时候往往需要将重要信息整合把有亲密组织关系的内容整合一起。减少了混乱不堪的重要信息内容排序，整合框架，这也是方便快捷选用者浏览，满足用户了易读性、易用性。个人观点（在商品结构设计中亲密度的把控，要多学理论、然后理论实践结合，多多体证，才能更好的满足用户选用者新体验）

举例子

eBay首页分成4大部分，机能地区、活动地区、闲置地区、分类地区，每个地区相互亲密，形成一个总体，通过间距分割，满足用户选用者的易读性，降低学习记忆负担。

最新消息网页就更明显了，主要分成机能操作地区和最新消息列表地区，每个地区相互亲密通过间隔和表现形式区分。（这类需求就没有基本需求那样必备，是商品中期望需求新体验越多越好，选用者越满意，反之选用者满意度也会下降）。