合理缩减非核心数据像素
在核心像素的基础上,添加辅助像素;如何找到合理的核心像素率?
第一步,是删除非核心像素 - 非核心像素,就是页面元素中不服务于网页主要功能的设计部分。这些像素不能引导用户去使用网页的主要功能, 具体来说是:
色彩:不支持视觉传承的色彩对比
字体:特殊的字体设计,会分散用户注意力。
分段图像:避免使用过渡图像,尽量用空白自然地隔开段落和功能区间。
页面排版:段落对齐,字体大小 和 颜色反差:避免不必要的刻意设计。 (例如,端落缩进,较大的图标或者显目的颜色都会分散用户的注意力)
如果访问doHome的页面,这种分散注意力的设计的坏处非常凸显。 导航目录上的反光设计, 没有明确目的的影像, 导致的结果是没有足够的内容让人一目了然它是做什么的。
(网站设计图片大全)
与之相反,MailChimp 的核心数据像素率把握的很好。 言简意赅介绍网页的功能; 大块的输入框和明确的指示文字标识保证用户能够很快地填写完注册页面; 准确的文字提示告诉你注册的具体内容; 然后注册摁建显目:大,颜色鲜明对比。
极端的例子像Squarespace’s:注册页面上把可能分散注意力的像素全部去除,保证了零几率注意力分散,注册成功率大大上升。 在登录页面,用户一旦点击“注册”,背景图案完全消失,如图所示:零分散。
Google+也是一个“非核心像素最小化”设计的典型例子。 就像 Oliver Reichenstein说的 :
设计一个简练的用户界面非常的困难:干净,没有多余的线条,框架和装饰。内容的传承明确,用色准确,一致。
这里列举了些许网站是为了具体介绍这个抽象概念的落实:必须准确地分析视觉元素。把分散注意力的像素去除。