在我們所能觀察到的諸多設計當中,淺色的背景是當之無愧的主流。淺色背景本身就不太可能喧賓奪主,讓視覺主體更加突出。而如今,我們逐漸發(fā)現(xiàn),背景還具備補充主體的功能,并且這種補充是潛移默化的。背景的功能性其實還可以強化,這種思路可以在如今的APP 界面設計當中應用,讓整體設計更加平衡。
如今的UI設計師大都明白在背景中融入元素來吸引用戶的眼球,提升產品調性,提高內容的可讀性。而這也促使圖片、插畫、色塊等元素在背景當中發(fā)揮了更大的作用。
1、為創(chuàng)造戲劇感,使用色彩分割背景
分屏式設計并不新鮮,它是一個存在了很長時間的設計趨勢了。在桌面端的屏幕上,分屏式設計一直都很有效,寬廣的屏幕讓設計師有足夠的施展空間,但是在移動端上則是個挑戰(zhàn)。
在 UI 設計師們找到了解決方案,對比色是增加視覺吸引力的*佳方式。
在 Tubik Studio 的這個設計案例當中,設計師使用不均等分布的色塊來分割屏幕,同時使用白色背景區(qū)塊來承載主體內容,避免被背景色彩干擾。設計師充分利用了對比色的對抗性,以及和白色之間的對比度,功能完善,但是有趣又漂亮。
2、為營造氛圍,在背景上疊加輔助性圖形元素
雖然在背景圖片中疊加各種圖形化的元素聽起來很奇怪,但是確實是逐漸流行起來的一種背景設計玩法。不過,這存在一種風險,就是如果疊加太多的圖形化元素,會讓整體看起來過于雜亂。盡量在豐富視覺和制造視覺污染之間找到平衡,*終的設計效果,能夠給你帶來意料之外的優(yōu)質效果。
雖然手機越來越大,但是屏幕空間依然很寶貴。通過疊加一些特定的圖形元素來創(chuàng)造視覺深度,給用戶以空間感。
這種背景設計的另外一個好處在于,你可以讓整個UI顯得更加富有視覺吸引力。在設計的時候,需要注意的是,要保持元素之間的一致性,確保不同的元素在屏幕上呈現(xiàn)的時候,仍然保持協(xié)調。
3、為保持整體感,使用整圖作為背景
使用整張圖片作為背景,一直被UI/UX領域的設計師所爭論。對,你沒看錯,這個事情一直存在爭議。有人非常喜歡使用圖片背景,有人則完全無法接受這種呈現(xiàn)方式。
但是撇開個人喜好,趨勢上,這種背景運用方式還是越來越流行了。在APP的UI界面中,如果你能靈活自由地使用全屏背景的化,對于接下來的設計肯定是有所助益的。
圖片所呈現(xiàn)的信息量當然是毋庸置疑的,更重要的是如何貼合品牌和氛圍,呈現(xiàn)出應有的氣場。
當然,*核心的技巧,是在于透明度的控制,和內容框的設計。為了避免信息和背景之間的對比度不足,合理的方法是使用內容框將前景的元素承載起來。而為了避免背景圖片喧賓奪主,還可以借助透明度的控制,來確保背景圖片更加平滑自然,不會影響到閱讀和使用。