设计师从找图开始--如何找能过稿的大图

【 tulaoshi.com - 设计理论 】

大图找得好，甲方改稿少——这句话包含两层意思：

1，你得知道在哪里能找到高清大图。

2，你得知道用哪张，怎么用。

关于前者，优设有很多资源，可直接看文末。后者是今天这篇好文的重头戏，抓案例，聊设计，一一说来，直到帮你找到甲方魂牵梦萦的那张图。

当一张好看的图片出现在我们眼前时，它可以瞬间抓住我们的注意力，引起我们的共鸣。因此，创建一个有吸引力的网站，图片是网站中的一个重要组成部分。图片会影响到我们对网页的第一印象，作用至关重要，而且它们也可以告诉我们的这个网站是做什么的，还可以帮我们赢得更多用户的信任。

如果使用得当，图片起到的效果就会非常好，它可以快速的将目的信息传达给用户。但是，使用了错误的照片就会误导用户，降低用户的体验。那我们该如何选择恰当的图片呢？

在网站设计中，我们会注意到它的各个方面：内容，颜色，版式，层次结构，信息体系结构等细节，图片也应该得到尽可能多的关注，特别在可用性和全体用户对你的网站体验方面。

在网站上对照片的处理依赖于设计者理解和运用，因此本文将给您指出一个正确的方向，并告诉你在你的下一个Web项目中使用图片之前要好好挑选你的图片。

人们会根据以往的经验和预期浏览屏幕。用户眼睛最常见的是先从左上角看起，当然这也取决于个人培养的阅读模式。这时如果你在页面上使用了大图片就会立即抓住他们的注意力，并把他们拉离其一贯的阅读方式。

我敢肯定，当我跟你说，图片也算是网页的内容时，你不会和我辩论，但你自己做网页的时候，真的也是这么做的吗？你有没有只是把它当做一个附加部分或者好的填充内容？你有没有考虑到这个图片内容的各个方面？在你使用图片之前你有没有正确的评价这个图片？你有没有考虑用户的心理模型和他们看到图片时的反应？这个图片给用户提供有价值的信息了吗？对用户当前的任务起到帮助了吗？这些就是你在网页上准备使用图片之前，需要考虑的问题。

图片不只是用来「装饰」网页的。我见过很多设计师只是放一个漂亮的全屏的图片在网页上，然后喊一些口号或大声呼吁，这就宣布它完成了。在很多情况下，照片尚未评估，设计师这样做仅仅只是随大流。让我们来看看如何对你的照片评估，在你在网站上使用它之前。

当你决定在你的设计中使用图片时，你有几件事情需要考虑。我假设你已经知道如何评估图片的一些基础知识，它们是：质量，尺寸，组成和曝光。在分辨率要求的质量上，选择合适的位置裁剪图片，有效裁剪过的图片更能吸引用户的注意力，图片要隐含网页主题。

做完这些以后，图片已经通过了基本的测试，我们继续探讨你使用这个图片的目的。

迈克 – 帕金森曾经说过：我们的大脑对视觉影像的处理速度比文字快60000倍。

所有照片必须是有用的。尽管用照片作为占位符、给一个网页添加了色彩或填充了一些空间，或者是做了网页背景。但是什么是有用的，有益的，发人深省的图片才是需要我们特别关注的。有用的照片应该

关于在网页设计中怎么选择一个有用的图片，这里有一个漂亮的例子：Square 网站

可以看出，这个图片的形象是经过专业拍摄的（看手和指甲）。最重要的是它直接展示了这个产品是多么好用。它是一个非常有用，有教育性的图片。

类似的还有下面这个Pencil网站。跟上面的例子一样，这个图片展示了它是什么产品（笔），在哪里以及如何使用（iPad应用）。

Woodster网站也是充分利用了照片来解释产品。很显然，他们的产品是用来提升你的Mac的性能，图片同时展示了那个方便的USB接口。

Grovemade在一个全屏的背景图片上展示他们的产品集合。很明显可以看出，他们生产的产品是高端木制办公用品。图片很有用，也特别吸引人。通过图片我们很快就被它们的氛围所感染。

通过上述例子，你会发现，所有照片的表达意图很明显，是不言自明的，他们传达目的消息也非常好。你不需要去看那些长长的产品/服务/网站的内容介绍。这是一个有用的照片在网页设计中所具有的特性。