小细节,大设计小细节 好产品三玖的学习笔记

细节控:图片搜索网站的背景处理

2018-07-17  本文已影响60人  39Joyy

设计中由于视觉范围受限并且在排版上人脑的自动归类原因,所以遵从亲密性原则是大家一致肯定的。

“内容相关能近就不要远,尤其在内容繁杂的版面上”

而在体验方面,大家也都认同,可以简化操作的地方尽量简化操作。

“步骤能少就不要多,将复杂转移内部简单留给用户”

所以今天就是要说一个功能齐全但没有充分考虑到场景且完全不注重体验的反例。

首先对比下列两张图:

图一来自某度,从这样的搜索结果我们可以分析出来:

1.什么都分析不出来

2.这张图有可能是白色背景也可能是透明背景

3.有可能是长的有可能是方的

4.有可能很大有可能很小

图二来自Google,从这样的搜索结果我们可以分析出来:

1.这是一张尺寸为246*246的图片

2.白色背景

3.有可能侵权

这样对比不难发现,在短时间内,这么大的视觉范围内,Google提供的信息更多更准确。

虽然某度也有同样的功能可以达到同样的目的,但是某度和Google的区别在于,Google通过设计将繁留给自己,某度则是留给了用户。

再对比下面机长搜索实例就可以更加清晰地意识到两者区别:

看到这里,你也许想说,这个透明背景的图片不是很好嘛。

但事实是这是一张马赛克底纹的伪透明图。。。

上一篇下一篇

猜你喜欢

热点阅读