苹果的主页展示了他们的产品,并搭配了强大的全球导航栏,给用户带来强烈的视觉体验,与轻量级的主页背景形成了鲜明的对比。
微软搜索引擎Bing的主页伴随着不断变化的背景,这是另一个极端偏爱图片设计的例子。该网站完全致力于不同于大多数网站的设计约束。这个网站的主要功能是给用户展示搜索框,没有过度设计强调不必要的元素。网站巨大的白色搜索框显然从其他元素中脱颖而出。这也达到了微软的预期效果。
今天,这篇文章总结了几个全屏背景网站的特点。关键是帮助学生掌握把不同元素放在一个大画面上的技巧。理解了本质之后,对PPT、平面设计、海报设计等都会有很大的帮助。非常实用。
本文理论很多,如果想感受实战,请参考海报设计系列教程:
《设计易容术!如何设计一张高品位高水准的海报?》《设计易容术!如何设计一张高品位高水准的海报(二)》《设计易容术!如何设计一张高品位高水准的海报?(三)》
大图在视觉上更有吸引力,但如果布局不当,会影响用户体验。
这种方法的基本原理是图片相比文字具有独特的能力,能够激发和吸引网站访问者的注意力。唐诺曼在《0x9A8B》一书中这样描述这一现象:它是人类的本能反应,图片更具视觉。网站通过展示美丽的图片(如美丽的风景、时尚的产品、魅力无限的人),引起观者内心的强烈反应。
不仅仅是通过良好的用户体验,我们希望得到用户内心的认可。网页应该向用户传达内容(知识)和功能。
虽然新西兰航空主页上的图片很吸引人,但是网页上放太多元素意味着其他微小的元素——在未来可能会被忽略——也许这些元素非常重要。
整个新西兰航空主页都是为了关注形象而设计的。顶部的导航链接非常小,没有背景色。搜索功能由放大镜图标而不是输入框表示。即使是“Book Now”按钮,也是用简单的轮廓表示,没有背景,可以和大图的背景区分开来。最重要的是,飞行搜索功能已经降低了几英寸,以防止大图片被切断。因此,许多用户甚至看不到这个按钮来搜索航班,除非他们滚动到下面的页面。
新西兰航空公司的新主页与旧主页相比,这种方法的优缺点可以在设计中清楚地说明。和其他很多航空公司一样,在新版网站之前,新西兰航空主页上的推广活动和项目都非常凌乱。几乎没有明显的背景图片,因为网页上的文字太多,链接和小部件掩盖了网页的背景。但是航班搜索工具放在网页顶部的左上角,也是用户看到的地方。(至少在文本阅读中)俗话说,一幅画胜过千言万语。人类是视觉动物,图片更有吸引力,是传递信息的重要方式。随着互联网和显示设备的发展,越来越多的网站使用醒目的大图片来吸引用户的注意力,这也是用户的视觉体验。通常一张图片并不能传达所有的信息,所以很多网站会以轮播的方式展示多张图片。