想要讓作品更優秀,除了基本的版式和配色之外,往往還需要更深入地去雕刻作品,讓作品帶有一種更高級的「氣質」,而這種「氣質」就是我們所說的品質感。出現這種問題的原因,就是作品缺乏足夠的細節和品質,導致作品不夠耐看。就像一本書有著精美的封面,但是打開以后卻平淡無奇,最終對整本書都非常失望。我們按照之前的方法,正確的確定了配色的目標,選擇了合適的配色方向,并逐步完成了整體的設計排版。很多同學到這一步之后,就覺得作品已經完成,便停止不繼續深入了,而這也是初級設計師經常容易出現的問題。這個時候的作品,從整體上看并沒有太多問題。但是當用戶被頁面吸引,開始仔細欣賞作品時,往往會發現作品沒什么看點。
品質感對于設計作品來說,是一個綜合性的評價。我們可以將這個詞分為「品」和「質」,「品」代表物體本身的品相和細節,而「質」則代表質感。怎樣的設計才算是有品質感的?如何提升設計的品質感?我們可以先來研究一些優秀的設計案例,尋找其中的共同點。蘋果的產品和頁面設計,是公認的具有較高品質感的,我們可以來看一下蘋果的部分官網頁面。
發現這些原理以后,我們可以嘗試將這些原理運用到設計中,從而提升設計的品質感。下面的幾個案例,就是我在研究時所做的一些練習,在不同的頁面細節中都可以看到以上原理的運用效果。我們可以總結一下,讓設計獲得品質感的幾個要點:細膩的漸變+輕微的光影+細節/紋理。仔細觀察蘋果的所有元素設計,在漸變的同時,還加入了微量的投影和豐富的細節,使所有的元素在簡潔中充滿了細膩的質感。
要了解如何產生質感,首先要了解一下物體產生質感的原理。蘋果的所有產品和頁面,從產品圖到頁面的設計都非常有質感。為什么這種質感會如此吸引我們,令我們覺得非常舒適?如何才能讓設計產生質感?當光線照射在富有質感的物體表面時,會產生不同程度的漫反射,最終反射進入我們的眼球后,就會顯現出一層富有質感的漸變色。所以想讓物體獲得質感,漸變是一個關鍵要素。我們可以利用這一原理來提升質感。是 FishDesign 組件庫官網的一個局部頁面。其中就運用了大量的漸變色質感原理,將漸變色融入到 icon 和頁面元素中,從而提升了整個頁面的質感。
漸變只是獲得品質感的關鍵因素之一,蘋果官網將漸變這種原理加入到頁面和元素中,配合精美的產品圖片,讓頁面保持了非常高的品質感。那么是否還有其他要素的存在,能夠提升質感呢?看完前面的內容,大家會發現,其實配色并沒有想象中那么復雜。只要掌握正確的配色策略,并逐漸適應這種方法,就可以應付各種不同的設計類型。最后,我們將前面講的配色法則做一個簡要的總結:明確目標 – 確定主色 – 精簡層級 – 選擇色系豐富配色 – 提升品質感。