平面設計自學入門教程：圖像篇（4/5）

在信息傳播中，圖像是最能吸引受眾的王牌。從氣勢磅礴的電影海報到抽象極簡的UI圖標，正因為有了圖像或圖形的加入，畫面也由此變得生動了起來。

版權聲明

本文經「GCFlearnFree.org」授權後，由@酷coo豆 翻譯中文。首發於平面設計學習日記網（xxriji.cn）與知乎專欄。如需轉載請聯繫「GCFLearnFree」取得合法授權。

The power of images

一、圖像的力量

圖像在設計中擁有強大的力量。無論是什麼主題，我們很自然地會被圖片所吸引。從美麗清晰的照片，到精心設計的圖形，它們總能第一時間捕獲我們的眼球。

然而，圖像不僅僅是用來裝飾的。在設計中，它們是吸引觀眾的鉤。引人注目的視覺效果可以幫助你與觀眾建立聯繫，並且留下深刻的印象，哪怕他們還沒有閱讀其中的文字。

>>觀看下面視頻，學習更多圖像基礎知識。

Tips：本文的翻譯相對字幕更加貼切，大家不要忘記閱讀哦。

本文地址：https://zhuanlan.zhihu.com/p/28922581

公眾號：followdesign（平面設計學習日記）

中文翻譯： @酷coo豆

Finding images

二、尋找圖像

你不需要先成為藝術家才能在你的設計中使用圖片。你所需要的只是一些創造力，並樂意忘掉一些條條框框去思考。通過正確的使用圖庫資源，你將學會如何讓你的設計變得與眾不同。首先你需要學會的是：為你的設計項目尋找高質量的圖片素材。

Using stock

2.1使用圖庫資源

如果你有一些攝影或圖形設計經驗，那就更好了！如果沒有，那也不必恐慌。互聯網上有無數的精美在線圖片素材，等著你去挖掘使用。

事實上，許多人（包括專業設計師）都會使用免費的圖片素材，或收費很少的圖庫資源。當你需要一些特殊的設計元素時，例如一個杯子或一隻狗，而你又沒有足夠的時間自己製作，這時你可以通過這些素材網站來獲取圖片。

Choosing effective stock

2.2選擇有效的圖片

大多數的圖片素材網站都會提供快捷搜索功能，可以用作尋找與你設計項目相關的素材，而且還可以嘗試發現一些獨特精美的元素。

比如，我們搜索了「旅行」這個詞。下面出現的圖片都是比較不錯的選擇，因為它貼切地展示了這個概念，而且還有獨特的個人感覺。

作為觀眾，人們會很自然的會被一些真實感覺的場景所吸引，比如最明顯的就是：真實可信的照片就像是在講述一個故事。一些優秀的照片，總是會有更多的發散空間，它為你的設計奠定了情緒基調，又為你的文案或二次創作留下了聯想空間。

一些圖庫的素材可能太過於普通而不太奏效。例如以下這張圖片，想必你曾在無數次的商業演示中見過它吧？

對於一個更現代、更專業的設計，應該避免那些缺少意境或太過字面化的圖片。相反，你更應該尋找一能夠與你的設計主題產生聯繫，並且富有趣味性或延展性的圖片。

Image usage rights

2.3圖片使用版權

幾乎每個圖庫網站的素材都有一個許可證，說明如何使用它。有的素材網站則是免費的，幾乎不需要用戶的回報。而有的素材網站則有諸多限制，如果你違反了圖像使用協議，可能會受到嚴重的法律後果。

在使用圖庫素材之前，要確保了解與之相關的許可證（如果不清楚說明，您可能需要做一些研究）。如果許可證不列旁邊的圖像，請查閱圖片提供方的政策或常見問題解答。

The importance of quality

三、高質量的圖片很重要

當然，這不只是內容。在選取圖片的過程中有一些小技巧，這將對你的設計產生重大影響。如果你選擇的照片在各方面都堪稱完美，那自然是最好的。假如，你選擇的照片是模糊的、或者充滿了顆粒感，它可能會給人帶來不好的印象感受。

所以要尋找：清晰、高解析度、高質量的圖像。一般來說，越大越好，因為他能夠滿足你更多的設計需求，一個大尺寸、高解析度的圖像可以被裁剪或縮小，以適應你的設計項目，相反，卻無法實現。

假如你將一個低解析度的圖片放大，使其大過原始解析度，那麼這張圖片的質量就會有明顯的下降。圖像會變得模糊或失真，就像下面的例子一樣。

Raster vs. vector

3.1點陣圖與矢量圖

這是因為，大多數圖像都是「點陣圖」。它們有數千個，有時甚至數百萬個微小的像素組成，這種類型的圖像就是所謂的「點陣圖」。

當你以原始大小或更小的方式查看點陣圖圖像時，因為原始像素太小，你看不到那種顆粒感。只有當你放大圖像，或者加大解析度時，它們才會變得明顯。

矢量圖則不同於點陣圖。你可任意的放大縮小，而且不會丟失質量。比如下面這張的圖片，已經被放大了，一點也沒有像素的顆粒感。

這是因為，矢量圖是由比像素更為複雜的東西組成，它們使用了特殊形式的幾何渲染。你可能不會很輕鬆的找到矢量圖，因為需要專業的應用程序才能打開並進行處理。但知道什麼是矢量圖，這對你是有好處的。

Editing images

四、編輯圖像

其實很少有圖片素材能夠完美的運用到你的設計項目中，即使它們有用較高的質量。也許這張圖片的尺寸、顏色不合適，不能直接運用在工作中。幸運的是，你可以通過一些工具或者技巧進行簡單的調整。下次當你需要編輯圖片時，可以嘗試使用以下這些功能。

Cropping

4.1裁剪圖片

通過裁剪，可以改變圖片的尺寸、形狀、以及圖像的視覺焦點，使其在許多不同的情況下都能適用。

如果你的圖片尺寸不合適，或者它包含了一些你想要裁剪的內容，那就試試這個功能吧。

Resizing

4.2修改圖像尺寸

適當的調整圖片大小，將確保它可以完美地匹配你的設計項目。但請記住，你不能在以犧牲圖片質量為代價，來放大你的圖片。

如果你所使用的圖像解析度不夠高，你最好再找找其它素材，或者尋找一種富有創造性的方式來提升你的作品。在下面的示例中，我們添加了一個背景圖像，而不是放大圖像。

Other adjustments

4.3其它調整

圖像調整，可以讓你增強圖片的某些特質，比如：亮度、對比度、飽和度以及發色傾向。

如果你使用的軟體程序提供有濾鏡或預設值，那麼你可以更加方便的改變照片效果。

Putting it all together

五、總結

在平面設計中增添圖片、圖形或者其它視覺元素，可以使作品整體更加有魅力。即使是一張簡單的背景圖片，有時也能起到畫龍點睛的作用。

請記住，你已學過並掌握的圖片質量相關的基礎知識。接下來，你需要做的就是，將這些正確的理論和技巧運用到你的實際工作中去。

最後， @酷coo豆 希望你能喜歡以上內容。

當然，不要忘了學習其它平面設計入門系列文章，包括：字體排印、色彩理論、排版構成、以設計的基本原理。更多平面設計進階教程，請進一步參考：http://t.cn/RqRcUk9。

系統的課程、名師指導，能幫你快速提昇平面設計實戰能力。如果你是零基礎同學，不知從何學起，請參考本專欄「平面設計自學指南」系列文章。

關於本專欄

本專欄將堅持為：熱衷於為自學平面設計的朋友，提供優質學習資源。聚合推薦國內優秀設計導師，以及平面設計視頻、書籍、經驗教程等，讓自學有路可循，成長更加高效。

更多有關「自學平面設計」的話題，請持續關注本專欄，或搜索：平面設計學習日記網。

如有所獲，就請多多點贊或轉發分享，有你的鼓勵， @酷coo豆 會做得更好，感謝有你！

推薦閱讀：