來源: smashingmagazine
Twitter:Follow Lauren Jung on Twitter
Google Profile:https://plus.google.com/118132607896266301820/posts
中文翻譯鏈接：www.wzsky.net/html/Photo/theory/127546.html
給文字做配圖是個重要但不輕松的活兒，而簡化高效的流程會是這一工作的最好助推器。
眾所周知，視覺元素在網(wǎng)頁信息中扮演了舉足輕重的角色，無論是更新社交媒體上信息、還是發(fā)博客、寫電子書或者在線制作幻燈片，只要你產生的內容包含圖像，那么你就跟視覺元素就有著指數(shù)般飆升的親密關系。所以，為在線內容搭配吸引眼球的圖片就顯得如此重要。
為簡化圖片設計流程而構建正確的思維模式
不確定性和猶豫不決是兩大高效殺手，所以，我們從構建正確的思維模式開始：
預設期望值
你不是在為全世界的高速公路設計廣告牌，你只是在為在線內容配圖;所以，擺正你的期望值。圖片創(chuàng)作并不等同于藝術創(chuàng)作，前者需要引人注意和吸引眼球，它們需要借助視覺元素而增加一些趣味性，解救讀者于那些再強打精神也讀不完的10頁無圖片的文章。
就圖論圖
我真的很喜歡創(chuàng)建圖像這一環(huán)節(jié)，因為每張圖的背后都包含了太多的含義。那么問題來了，你怎樣將自己的工作轉化為圖片呢?倒不是說圖一定要代替文本，只要它能在讀者通讀文章的時候提升整體閱讀觀感、突出重點、提升閱讀趣味性就好。換句話說，主要目標是創(chuàng)造一些不破壞整體和諧感的吸睛之筆。
設置時限
時限對設計師來說大有裨益，通常我感覺首先產生的想法總是永遠的處于執(zhí)行ing的狀態(tài)，所以給每張圖分配一個5~10分鐘的時限吧(給之后的想法留點空間)。之后快速分析候選項，在時間框架內選出可實施性最高的。試著挑戰(zhàn)一下堅持那個時限，例如我想要在這里插入一個圖片，說明如何建立正確的思維模式。起初，我在想一個引人注意的頭部與直觀可見的大腦的形狀，最好來點閃電光束什么的~過程有點痛苦，而且可能最后也沒什么意義，但這都不重要，最后，大腦+燈輻射出的光束=完成!
準備工作
從眾多的圖標中開始吧
其實準備工作往往是最重要的部分，雖然它之后可能只是湮沒在復制粘貼的流程中，雖然如果你想做的全面一些，羅列圖標就會花掉你一天的時間，不過相信我，這一切都是是值得的。在過去的幾年中我都一直在收集它們，有時候畫一些，有時候買一些。
復制粘貼出一個屬于自己的海量圖標庫
如果你做設計也有一段時間了，那么或許曾經(jīng)的圖標都散落在各個做過的項目中，現(xiàn)在是時候規(guī)整一下了，整理一個大的文件包，如上圖所示。不過其實初始數(shù)量沒有那么重要，可以使用一些開源的包去豐滿它。坦白的說，優(yōu)設(壞笑)一直是我重要的素材來源之地。
當你在匯總整理你的圖標時，也要考慮收集一些Logo,你可以在搜索引擎找到任何品牌的矢量圖標下載，Brand of the World也是另一個可以發(fā)現(xiàn)優(yōu)質Logo的地方。
既然矢量圖標隨處可得，那么收集海量的圖標就真的比你想象的要簡單的多(縱然你現(xiàn)在的圖標庫里還空空如也)。不過在使用它們之前，一定要確保版權可用問題，確認無誤后才萬事俱備，嗯優(yōu)設收集的東西都是無版權限制的。
如果你對你收集的圖標感到滿意，那就歸檔到一個文件夾里。我發(fā)現(xiàn)整理圖標并分組很有用，因為很多時候找圖標會浪費掉很多時間;總是隱約記得曾經(jīng)存過，但是怎么也找不到的情況太常發(fā)生了。
對圖標進行分組管理
在整合圖標集的時候，你需要找到哪些是與你的內容相關的。雖然許多通用圖標適用于任何人，但你總有自己的選擇，所以列出所有分組，包括你自己獨特的那一組~
各種各樣的箭頭
標點符號和字母
PC操作圖標(保存、回收、下載、上傳、點擊、指向等等)
設置和管理(工具、鎖、齒輪、指南、等等)
與時間相關的圖標(時間、時鐘、日歷、通知)
設備(電腦、ipad、手機、網(wǎng)頁、書籍、相機、等等)
數(shù)據(jù)可視化
排版
各種類型的媒體(圖片、資料、視頻、音樂)
人物和情緒
社交媒體圖標(包括大眾的和小眾的)
溝通方式(電子郵件、發(fā)送、對話、演講、報價、共享、反饋,等等)
其他
最近，我開始設計一些由一個圖標延伸變化出不同的圖標，我喜歡嘗試不同的風格和顏色。所以，當你設計圖標時，大膽的突破有助于構建其他的風格：色塊、輪廓、紋理等。
由一個icon延伸出的其他形式
當你完成了圖標歸檔工作，你會發(fā)現(xiàn)你會在很多場景下都可以復用它，不僅僅是在發(fā)布博客的時候使用，我把我自己的收集都做成了web字體，它值得我為此付出過的一切(當然，用不到的就要大膽的刪)
靈感收集
第二件我發(fā)現(xiàn)很有用的事是把激起過靈感的素材整理為一個文件夾，正如很多人在做的一樣，收集針對特定風格的圖片。所以，在Pinterest上Pin住能帶給你靈感的圖片，或者down下來存在文件夾中。
因為我有整理強迫癥，我會按照風格給我收集的一切歸類(圖標、模板、象形圖、圖表、輪廓、拼貼畫等等)，當你設計圖像時，與一群不同風格的元素共舞是很有趣的。
制作一個風格(能刺激靈感的)文件夾
色彩組合
在這個設計流程中，最后一個我發(fā)現(xiàn)很有用的環(huán)節(jié)是收集各種不同的色彩組合，我偏愛明亮而溫和的色彩組合，不過這只是個人喜好啦。
最簡單的收集方法是找到你很喜歡它的顏色的圖片，然后取樣它的配色方案，類似下圖(為了讓你關注顏色本身，我對圖片做了模糊處理)，這張圖片有著搭配很棒的色彩組合。
收集多種配色方案
再一次強調，整理它們真的超級有用!預制好配色方案可以讓我提前想好哪些顏色間比較搭配，這好過我做新項目的時候臨時想。這樣，我只要選擇合適的一組，而不需要進一步思考配色方案，因為我已經(jīng)知道這些顏色彼此之間已經(jīng)很搭配啦。
將色塊整理成相得益彰的配色方案
終于該開始設計圖片了
如前文所提到的一樣，在此之前所做的一切工作都屬于“復制-粘貼”工作流的一部分(收集的圖標、風格和色彩組合)，之后你可以在你想要創(chuàng)作的內容中無縫銜接這些元素，對于提升效率非常有幫助。
設計過程開始于定風格和色調，之后，選擇一個最能代表你內容的圖標，將圖標轉換成你預定的風格和配色方案。我將用一些例子來說明這一過程
過程的過
我們第一次使用這個流程是要為一篇文章重點突出12個條目，為此，我想為這12項中的每一項配圖，所以我從在自己的圖標庫里找圖標開始，找到12個對應的圖標大概花了我10分鐘，雖然這12個圖標中有些更有針對性，有些稍微弱一些，但每個都可以模糊的代表對應的列表項。BTW，如果你想讓過程盡可能簡單，也可以選用自己拍照的方式。
決定風格與配色方案的圖標集
確定一個可以模仿的風格
對了，在挑選圖標之前，我選擇了一個可以模仿的風格和配色方案(這些都從我的收集中挑選)—— 明快的風格，我選擇了純色色塊的簡單圖標，明亮的背景色和明顯的輪廓線。
在顏色方面，首先我確定我需要至少12種顏色，因為我希望分別突出這12項，最后的配色方案的選擇落在了堅固趣味性和明快色彩的方案上。
確定配色方案
根據(jù)我選出的配色方案，最后一件需要做的事情就是把圖標、風格和配色方案組合起來，這一環(huán)節(jié)大概要花30~40分鐘，下圖就是你看到的成果啦。
組合你的圖標、風格和配色方案
最后我要做一下封面圖像，為此，我再次利用了下這些圖像，然后配上標題;這一步驟需要15分鐘。
再利用那些圖形去做一個封面
該說的都說了，該做的也都做了，我設計完成了一套包含12個圖標的博客配圖，外加一個封面，整個過程卻只花了1個小時，好棒。
流程外的延伸
上述過程之美就在于，我可以用同一種插畫風格創(chuàng)作一系列圖像，或者之后從那種風格擴展出去也會容易很多。在下面將要介紹的例子中，你會看到那種插畫風格非常接近我上文制作的那一套。只是下圖更為復雜，而且引入了文字元素去增加一點趣味性，否則就太干巴巴的感覺了。感覺“ 美國聯(lián)邦貿易委員會就是最干巴巴的代表。
從同一種插畫風格延伸出的不同套圖
如果你想探求更多的多樣性，你可以將插畫風格和內容聯(lián)系起來，之前我不是選擇了加粗的輪廓和明亮的色彩么，如果我對此感覺良好的 話，我會嘗試一組拋棄顏色而更注重線條和紋理的圖像。這種轉變并不難，而且會為你的內容增加很多趣味多樣性。
通過延伸插畫風格來增加多樣性
這里的過程之美也在于它一直是很靈活機動的，你可以花更多的時間去創(chuàng)作細節(jié)更豐富的圖像(像上面的線圖)，或者你也可以偷懶去做看得過去的圖像。有時候我很急的時候，我只是將圖標置于色塊背景上來來制作圖像，這略微有一點點逃避，不過事實它也確實是張圖而且也能夠承載一些視覺趣味性。
急用的時候，通過簡單的圖標加彩色背景才創(chuàng)作圖片。
Get這個技能后，你也能夠依照此輕松的制作圖表。
當我開始創(chuàng)作圖表的時候，我驚喜的發(fā)現(xiàn)這一流程也適用于此。我選擇一個自己滿意的配色方案、插畫風格。大部分素材源于我平時的手機，所以這會節(jié)省不少時間，自始至終，一天就夠了。
這簡直是通往優(yōu)質圖表的捷徑，(圖片來源：The Shelf)
整個過程就是再利用、篩選混合素材，然后與心智模型匹配的過程。
“膽大心細”的取舍來進一步簡化。
聚合新圖像
當你要配圖的內容很多的時候，你就需要第四種資源了：迄今為止你設計過的所有圖片。這樣你創(chuàng)作的起點就是你曾經(jīng)設計過的圖片，而不是那些最基本的圖標，有時候你可以重復再利用曾經(jīng)的作品。
當我很趕時間的時候，我往往花10分鐘時間去拼湊圖片，僅僅混合、匹配和改變一些顏色。
重復利用曾經(jīng)的作品
我經(jīng)常再利用自己在博客中Po出過的圖。
重復利用自己的作品
我會給舊作加個背景色、配上文字和陰影;啊哦，頭條新鮮出爐~
稍加改動就是一張新的圖
艾特時注意社交屬性
當你設計圖片的時候，考慮到社交媒體屬性會幫你節(jié)省不少時間。我們會在Google Drive的文件夾中保留所有我做過的圖片的副本，以及組成它們的配色方案。這樣，任何人隨時隨地都可以輕松的訪問它們，并且在社交媒體轉載，對大家來說都是不錯的范例。對社交媒體來說，強有力的視覺元素很重要，否則用戶就會迷失在無聊的微博(tweets)和帖子里。根據(jù) According to Business 2 Community的調查報告，比起純文本，配圖的微博(tweets)點擊率高18%，喜愛數(shù)高150%。
資源在網(wǎng)上存檔好
通用標題圖片
最后，有一套可以快速復用的通用題圖圖片很有價值。好吧，隨著這聽起來有點偷工減料的嫌疑，不過對于完成工作來說是很有用的。你可以更換顏色、圖標和文本，換上有時效性的新圖片。題圖要承載足夠的視覺沖擊力和吸睛力，記得要結合文本。
快速創(chuàng)建題圖
收工
如果你要發(fā)布的內容很多，那么高質量的圖片對于維持用戶的專注度和留存率來講就很重要。或許與時下流行的看法相反，我覺得你不必依賴于一些世俗的素材(就像文章開頭那個火柴的圖片，就是它促使我想要整理這一設計流程來改變一些現(xiàn)狀)，而根據(jù)上文所提到的流程來輕松的制作屬于自己的圖片顯得有價值得多，對于高效的線上發(fā)布來說，簡化的流程顯得非常的可愛。只要你在正確的方向上努力著，你會為此受益良多。
