設計門外漢也能「看出」好的電商文案設計

身為一個設計門外漢，在看設計師工作時總是一種神祕的體驗。「這些顏色合起來怎麼這麼美」、「怎麼能選到這麼搭配的字體」等等……因為設計中沒有真正的對或錯，這也是為何設計這麼難學。

Janie Kliever針對設計師考慮視覺內容時，會考慮的事情，進而建議出幾項要素。以後看見設計時，試著反問自己以下幾點：

是否有焦點？

作家通常在文章中寫下「伏筆」來吸引讀者。在設計中，聚焦也有相同的作用，這可能是一圖像、一行字或一個標題。

以這本雜誌為例子，你第一眼看見什麼呢？那精彩的食物，對吧？這是因為這個設計讓你這樣做的。利用簡潔黑白的文字和敘述，突顯設計中食物這個焦點，引導你的眼睛第一眼就看見他。

你不須強調你設計中的每一個部分，所以你需要選擇哪裡是最重要的部分，你可透過大小、形狀、指引、位置、顏色、文字等各種方法來增加焦點注意。

這邊，「5」是不是第一眼就被看到了呢？因為透過大小(他的確是最大的)，粗體，和這是設計中唯一的數字這幾個關鍵來達成吸引人的效果。

是否有視覺流程？

透過焦點吸引注意後，再來要讓觀眾的眼睛能流暢的瀏覽整個設計，這關乎到眼睛瀏覽的方式。

當設計元素遍布，又沒有組織時，觀眾的眼睛不知該看哪裡，只能隨意亂看了。沒有焦點(或太多焦點)、沒有等級之分、過於凌亂都是阻礙視覺流動的原因。

為了提高視覺流程，可嘗試以下方法：

• 運用「反覆」。利用列表、線條或圖形容易引導眼睛至終點。適量使用有助於建立一致的設計。

圖中利用水平線重複在雲端，在岩石山丘，和水面。而垂直線出現在棕櫚樹，衝浪板，女孩的游泳衣。重複的圖案給了這幅圖深度。

下圖中建構清楚的圖形階層，包括運用了「留白空間」和「分割區塊」，使設計清楚簡潔又明瞭。

是否平衡？

做設計並不等於正掛在牆上的那幅畫，過多不平衡的設計元素可能會讓你的焦點分散。

對稱是設計上貢獻最大的功臣之一！除了美觀，均衡的設計可以幫助你建立一個圖形的層次並且優化內容。

字體是否和平共處？

文字是否有可讀性？

好讀、好看的文字可吸引更多的目光，讓文字在設計中成為一個和諧的元素(或是焦點)，文字相關重點可參考上一篇：網站設計中字體排版的注意事項

設計是否符合功能？

設計不僅要設計的漂亮，還要顧及初衷──「傳達目標訊息」的功能。

多力多滋的圖片設計中，訊息傳達與設計有精準的結合。圖像(三角形的山脈)和顏色(玉米黃)都經過精挑細選，加深品牌的形象。

是否有對比？

對比在設計中可以使某些設計的元素脫穎而出，增加吸引力成為焦點。

對比不僅只有顏色上的對比，也可能涉及形狀、比例、字體和其他元素，但是對比也和其他問題一樣，當過度使用可能使設計失和，所以應當用在焦點上。

這個包裝設計在多處使用對比，黑色與鮮黃色在色彩上對比，插圖的曲線和文字的直線在形狀上對比，對比出應有的特色。

是否充分利用可用空間？

不同的設計項目擁有不同的空間量可供設計，在布置上時可應用幾個基本原則

• 接近。相關的設計元素互相接近(並且分離無關元素)，這可讓設計有很大的區別感。群聚相關的設計可以自動給人一種有組織有邏輯的感覺。

• 留白空間。白色的留白空間可給你的設計元素間多一些喘息空間，包括頁邊距等各式空白處。空間太少會顯得雜亂壅擠，所以花俏的設計並不一定就比簡潔來的好，目標絕對是回到吸引觀眾的眼睛，並正確傳達目標訊息。

此網站在產品銷售的每個部分都留有足夠的空間焦點，並且以看似輕盈的字體，創造出更大空間的錯覺，並且也確保產品是設計中的焦點。

設計是否符合心境？

配色是否和諧？

網站設計、內容設計等各種設計中，版型風格、配色方案和其他元素影響觀眾在閱讀時的心境，也促使潛意識做決定，不適當的顏色也可能就這樣失去潛在顧客，關於色彩暗示可參考：顏色在網站設計中的文化差異

下次在設計前，或觀賞一個設計的時候，試著問問看自己這些問題吧！

延伸閱讀：2015影響企業規劃「顧客體驗」的10項關鍵數據

原文出處：本文轉載自合作媒體 人育資訊

嚴禁抄襲，若欲轉載，敬請註明出處「SmartM」並附上原文連結。

歡迎各大媒體交換文章連結。

圖片來源：主圖、縮圖:designschool

加入SmartM粉絲團，更多電商訊息等你關注 https://www.facebook.com/smartm.tw