- 颜色-让色彩更具有可读性，少一点颜色，多一点价值。
- 排版-根据字体的选择，文字颜色的选择，再看内在的、情感上的因素来布局。
- 规模-避免空间过度拥挤。
- 角度和形状-尖锐的角度、线交叉点或多个线条汇聚的地方，使用这些焦点把用户的眼光引导到你希望的地方去。
- 重复出现的视觉主题-角落处理模式可以给用户带来视觉旋律。
- 文本-选择形散，神不散的字体与文本颜色。
- 图片-节制性的使用装饰性图片，在功能性GUI里谨慎使用，因为会分散用户注意力。
- 文化因素-如果要表达明显的文化含义，考虑下将要面对的受重。
针对电子商务搜索LIST页面用户体验设计，视觉优化不是万能的，但是没有视觉优化阶段是万万不能的。
前端代码优化
文件越大，用来下载和显示页面的时间就越长。请记住：文件总体积，指的是构成Web页面的所有文件，包括：HTML、外部CSS、外部JavaScript、图像、声音以及视频在内的文件的大小。在这些文件中，HTML、CSS、以及JavaScript文件只是文本文件，因此，常常相当紧凑。而图像、声音，以及视频文件通常都很大，存在下载问题。
公共网站的页面大小，从每页小于20K到每页大于100K（包括页面的所有图形文件）。究竟应该有多大，即使是所谓的专家在这个问题上，也普遍存在着分歧。如果你的网站需要专业品质的图形，那么就不可能遵守“20K定律”。但是，如果目标受众的Internet连接速度慢，或者目标受众的耐性有限，你就不得不放弃那令人难以抗拒的漂亮图像，转而遵守关于“20K定律”的限制。怎么样为有限的文件体积做事先的规划呢？
- 把大部分的CSS和JavaScript文件放入外部文件。只在网站第一次引用这些文件时，才进行下载。之后，网站上任何页面都可以重复使用这些文件，而无需再次下载。
- 重复使用不同页面的图形、音频和视频。因为这些文件也是在第一次时，才进行下载。
- 不要使用不必要的图形、动画或声音。无论是出于实用性的考虑，还是为了增强网站的吸引力，每个文件都应该有清楚的存在于网站上的理由。一个用于导航，大尺寸、具有吸引力的图像映射，同时具备了实用和美观两种用途，就像待售产品的照片一样。另一方面，应该去掉那些只起到填充空白作用的图形。
- 在可能的情况下，使用小尺寸图像，而不是大尺寸图像。因为在其他因素相同的条件下，与大尺寸图像相比，小尺寸图像的下载速度更快。例如：你可能使用一个平铺（重复）显示在背景上的小尺寸图像，代替单个的大尺寸背景图像。
文章TAG：
