萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

「懶人」設計思維:以不變應萬變,簡潔即優雅

設計師常說設計很累,部分原因是自找的。時間與效果不一定成正比。平面設計師應培養「懶人」思維:面對設計只想如何以最簡單方式完成,效果往往更出色,畢竟簡潔設計往往最好。

多數設計涉及文字與圖片,兩者差異大、難預測互相影響,搭配漂亮是大挑戰,一不留神造成風格矛盾、細節衝突、對比錯誤。即使一次做得好,下個新項目仍抓狂。

一些設計師會「過度設計」。更好的方式像懶人:圖片放這裡,文字放那裡,搞定!關鍵讓每個元素簡單清晰,將互相影響降至最低,且此手法可反覆使用、永不過時。看具體例子:

某室內家居攝影工作室冊封面,修改前是「吃力」設計:選無關字體顏色,加背景線條,強行成有機整體,效果不理想。修改後:版面分兩區,圖文各佔一側,效果漂亮、乾淨、整潔,耗時少,構圖手法可複用。
深入分析兩者設計過程。

吃力的設計

採用 Round Bauhaus Demi 字體,有趣新奇、圓弧感強。為展現圓弧特點需字體大、字距緊、用小寫。但設計師將介紹文字全設大寫——直線感壓抑圓弧感,字號小、文字塊邊緣發散直線視覺感,削弱字體風格,只覺凌亂。
為呼應圓弧設些圓角,但仍不夠圓,直線主導。右側顯得局促,讀者得仔細分辨 4 個「步驟」,毫無必要。

「懶人」的設計

修改後圖片搶眼,元素與版面風格配合,名稱文字醒目。為何簡單手法更有效?

通過大小、色值區分: 精心設計的文字含四視覺引導:位置上至下、字號大至小、字重粗至細、色值暗到亮。眼睛自然流動無阻礙。介紹文字全大寫、字距行距極緊(小寫難呈現此緊縮排列),形成短行、精細垂直視覺特徵。文字置左,右側留白產生視覺張力,引導視線移至文字。

變化:以不變應萬變

系列設計也氣定神閒。上下左右怎麼放都滿意,因圖文自成體系、互不干擾。顏色功勞大:不同圖片用不同色,文字色取自圖片,文字與圖片分離却有聯繫,整體和諧。記住視覺引導:名稱重點強調,其他低調處理。

若客戶堅持原字體與綠色?保留簡潔構圖,採用小寫細體(哪怕首字母小寫),最大程度呈現包豪斯風格;保留字體引導特性(上至下、大至小、暗到亮),無需粗細變化;調整右對齊,拉大名稱尺寸,讓字母「g」突出右側留白,強調作用,文字整體更緊密、版面更活;加深綠色,減少與紅色過強對比,紅綠份量均衡,互補不控制。

copyright © 萬盛學電腦網 all rights reserved