0 Comments

设计师找图指南!从零开始教你找到能过稿的背

发布于:2014-12-30  |   作者:广州网站建设  |   已聚集:人围观

它是有感情的吗?

一个有感情色彩的照片应该能带动用户的情绪。它或美观,或平静,或令人不安,或搞笑,娱乐,或有吸引力等等。无论是哪一种方式,只要能通过某种方式和我们的情感诉求达到共鸣,它就会带给我们无比大的震撼力。

Frogdesign网站的特点是,网站是针对联邦紧急事务管理局和救灾管理的案例研究。有主图,再加上一个有号召力的口号,能非常有效地传达出饱含丰富的情感。它讲了一个故事,我们虽然不在那里,却能感受到危险,仿佛身临其境。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

11_frog

Breath网站的主图是非常宁静。它的标语写的很好,图中那个女子闭着双眼,很享受的轻轻的呼吸,注意:下面有按钮,“吸气”。这样的网站是不是很能带动用户的情绪?

12_breath

Shaun Groves这个网站的主图主要讲述了一个伟大的故事,主角是肖恩·格罗夫斯。它传达的幸福,信任,希望,友谊和期待,无论是谁看到这个图,都会对它有所触动吧。

13_shaun

Relay Foods这个网站注重实用性,从左边和右边的女子脸上喜悦的表情可以看出,她们热爱自己的工作,而且所有的食物都是纯天然的,女子的表情都是自然流露,和食品是纯天然的即是自然的相一致。

14_relayfoods

表情的力量

有七个(或8)基本情绪:

欢乐   悲伤   蔑视   恐惧   厌恶   惊喜   愤怒

这些表情是很常见的,大都是通过面部表情和身体姿势来表达。如果想使用图片和用户进行交流以便传达目的信息,那么你就要注意观察这七种表情所传达的信息,然后再决定你到底要用哪种表情来打动你的目标用户。

特写镜头能够立刻抓住用户的注意力,有助于触发用户的情绪,这也促使他们成为一个强大的设计元素。

刚才我们已经举了很多例子,但是我们需要进一步探索它们。

Build Fire网站中用到一个女子的照片,但是这个照片却没有向我们展示任何有关他们产品的内容,它的作用就是迅速吸引用户眼球。如果只有下面那张手机图片,没有这个女子,肯定无法达到现在这样的效果。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

15_buildfire

如果您决定在您的个人网站上使用了一张大的人物肖像,我会给你点个赞。但是你要小心!一个微小的面部表情可以让你在信息沟通中产生巨大的差异。Daniel Eckler网站就做的很好,将自己完美的展现在用户面前,他的面部表情中表现出的是信心,冷静和信任。

16_daniel

每个人都知道在WTC发生了什么事。9/11 Tribute Center这个网站是专门记录曾经在那里发生过的故事。照片上的人注视着我们,邀请我们一起加入到这个社会性话题当中。

17_911

Conservation网站中将在文字覆盖在的特写人物的脸上,效果不错,很有特点。图中Kayapo男子照片表达出权威,勇气和赞赏的信息。

18_conservation

正如苏珊说,慈善机构的网站上放一个近景拍摄的照片是最有说服力,这是事实。Save the Children这个网站就是这样做的,一个孩子对的特写照片,一个完全对齐与该网站的标语和主题,还看到了什么?对,小孩子的视线:捐款按钮。点一下吧,他们需要你。

19_savethechildren

如何在网页设计“不”使用照片

尽管我们已经看到了在网站设计中使用照片的好例子,但是图片很容易被滥用。因此,我将告诉你如何不使用照片和怎样避免滥用的情况。

无关的照片 ——一个做网页设计工作室,先要表达自己能够提供专业的设计,所以用了Tailored-made(量体裁衣)的引申义,知道用比喻很好。但是却错用了彩色线轴的图片,第一眼还会以为这是一家裁缝铺,有木有?这表达方式也太晦涩了。

对于这个图我们有一个解决方案,在这里使用纯色或者是团队的合影。此外,数码产品不能进行定制的。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

20_exnovo

一个提供团队协作的软件,却用了一个工作中流露出担忧这种表情的女人的图片。这会给人一种这样的印象:这个女人在担心。这样会影响软件在网络中的推广。我们可以这么解决,使用真正的产品的截图或者是放一张正在使用他们的产品,而且面露幸福表情的女人的图片。

21_magio

下图也是一个关于和内容无关的图片的例子。尽管“手工制作”的字样和“作坊”可以联想到图片本身,但它不表达出该网站的真正意义。Brand Bat是关于创造品牌战略,用这些木材的图片,不能很好的传达他们多想要表达的讯息。

23_brandbat

模糊的背景图片

这图是是用来装饰的占位图。没有任何关于该网站的信息,用户无法了解这个网站。我的建议是尽可能避免使用模糊的背景图片,除非你可以做的很好。

22_playground

错误的选择照片

当你看到这张照片时,你的第一印象是什么?两个幸福的人站在一家咖啡店,他们将帮助你的在线业务取得成功,对不对?不,一个全方位服务的网页设计公司还应该在图片中放上他们幸福又成功的客户。这样的错误也是我们应该避免的。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

24_dkkma

全景照片

他们几乎从来没有传达任何有用的讯息。为什么有一个小男孩戴着眼镜,还手竖大拇指?他是一名提供的PHP编码服务开发人员?显然不是。

25_digitz

一个全国性的网站实在不应该用这张照片来传达讯息。首先,这个图片和话题无关的,女人似乎咬她的指甲(我们都知道这是一种心理障碍),而且她的平板电脑屏幕是模糊。这张照片所显示的是焦虑,紧张和压力的情绪,我真的认为这样的图片不应放到全国性的网站上。

26_nationwide

最后的思考

文章中的例子大都在网站中使用了大图,但图片还有很多种使用方式,只要使用得当,就能够吸引用户。在你设计程序之前要好好考虑一下你要使用的图片。如果你做了正确的选择,恭喜你你已经有足够的洞察力。

要对好的图片拍摄投资:一个伟大的摄影师可以极大的提升到你的网站的商业价值。 不管你怎么设计,你的用户都可以从你的设计中受益。了解人们的行为确实是做出有效的设计的唯一途径,这对网站设计选择最佳照片也是实用的。期待你做出的网页哦!!
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

标签:
飞机