大图在网页设计里的运用

2015-05-25  本文已影响195人  ailsaliu

最近我在设计外网的界面,但是就放图片这一问题来说,真的折磨死我了,现在只要打开一个网站,首先吸引眼球的就是那一张或几张滑动的大图,有的甚至整个界面背景就是一张超吸引人的大背景图,看着真是好看。但是,放大图固然吸引人,若是没有正确的排版反倒是会影响用户的体验效果。

俗话说,一张图片胜过千言万语。人类是视觉性动物,谁不喜欢看好看的大图片,谁喜欢看干巴巴的几个文字呢,所以图片更能吸引人的注意,是传达信息的重要方式。随着互联网和一些设备的发展,越来越多的网站使用引人注目的大图片方式来吸引用户的注意力,同时,对用户来说也是一种视觉体验。可是一张图片无法传递全部的信息,所以很多网站使用轮播方式显示多张图片。

什么时候放大图片合适

在设计时,网页都会有目标和目标用户,网页采用哪种最佳设计方式是首要问题,吸引人们注意的大图片设计固然有价值,但是有利也有弊,相对于文本信息就更容易被忽视。

下图是苹果官网,我作为用户,首先看见的就是那个那些设备图,然后注意到下面默契协作,亲密无间几个大字,然后我开始会读下面一些小字,如果不看那些小字,单就那几个产品图,我只知道那是苹果出的设备,看了文字才知道他们之间是个怎么样协作的,当然,大图片本身也提供了很多有用的信息。

接下来是我个人比较喜欢的一个微软的搜索引擎-必应,如下图:

为啥喜欢呢?因为有大图片啊,而且没有重复的,总是在更新,光看着就很喜欢,特别吸引我,必应是极端偏向于图片设计的,这一点就有别于其他的搜索引擎,这个网站的主要功能是向用户展示搜索框,没有其它过多的设计去强调不必要的元素。网站巨大的白色搜索框已然清晰地从其它元素中脱颖而出。这也达到了微软的预期效果。

如何恰当的放大图片

优先考虑网站的目标

用户目标和商业目标。是否大部分的浏览者已经熟悉或者了解网站所要传达的信息,并且确定现在是否需要一些特殊的信息和功能。

确定网页的每一个元素是否与网站的建设相符合

图片一般是起到装饰和支撑品牌效应的作用。导航栏和结构化搜索一般与特定的用户项目有关。

根据目标的重要性分配视觉的轻重级

如果一个设计元素是为了支撑一个高优先级的目标,那么这个元素在视觉设计上应该更强烈一点。相反,设计二级目标相关的元素尽可能地的平和一点,减少强调作用。

挑选的图片应该与品牌效应相结合

网站不仅仅是展示图片,所选的图片应该能表明我们建设网站的意图。

选择引人注目的图片是为了起到吸引的作用

如果网站的图片与其它元素是同等重要,那就得决定好哪种类型的图片更适用,只有这样才能找到更有吸引力的图片。

在更新网站时要精心挑选设计模式

对于许多设计项目而言,建设一个看起来更“现代化”的网站是很重要的,然而却有很多种方法可以实现这一任务,排版,布局和品牌色彩等,都能有效地创建一个在视觉和感观上都具备“现代化”特性的网站,同时对关键部分还能给予适当地强调。

上一篇下一篇

猜你喜欢

热点阅读