頁面中通過打開或關閉處理方法，對頁面中需要透出給用戶的信息，可以鋪開呈現(xiàn)出來，對于不那么重要信息可以收起來，通過展開和收起的對比，通過二級頁面跳轉或引導到其他操作，通過這種方式來強調頁面關系和節(jié)奏。
一半內容滿一半內容少，形式對比，形成層級落差。
▲（上圖）左側圖片比較飽滿，右側文字采用正負形結合視覺稍顯空來突出頁面調性。
▲（上圖）左側空右側飽滿，對比強烈，讓用戶更懂關注在文字信息。
▲ 同樣這個app在上面留白較多，內容集中底部，頁面一分為二，上半部分空，下面滿，形成對比。
▲ 酒杯比較滿，文字底部空，形成視覺沖擊整個畫面更加聚焦中心。
在頁面中，通過對元素不對稱，會讓視覺焦點差異點突出來。
▲ 偶爾在設計中運用這種不對稱設計手法反而能起到更好的效果
▲ 這個頁面主要功能集中在左側第一個按鈕，和傳統(tǒng)的重要功能集中在中心不同，能形成產品差異點，同時營造視覺差異性。
▲ 非對稱在頁面中的運用
通過元素大和小對比，這種直接感官方式能讓我們更聚焦在大的圖形上面。
通過線和面之間對比，常用在按鈕和標簽，或者區(qū)塊之間，面的按鈕重于線的按鈕，這個是設計中經常運用到的設計技法。
字體也是種對比，如Serif and Sans-serif的對比。
有時候為了強調對比關系，在頁面文字處理中采用有序排版，對于物體排布采用混亂，通過有序和混亂對比強調畫面關系，最著名的例子可屬蘋果設計，大量采用這種有序VS混亂手法。
▲ 文字居中是有序的，手機采用傾斜的營造一種對角線感覺，和文字有序排列形成呼應。
▲ 同樣上面兩圖文字部分采用的整齊左對齊方式，而一些手機，裝飾氛圍物品則錯別排布在頁面各個地方，形成對比。
▲ 文字有序，氛圍素材無序，對比強烈，裝飾效果強。
質感的和扁平的，這個質感不一定是擬物設計，是有畫面感，有色彩重量的，通過對扁平對比來強調。
原文地址：我們的設計日記（公眾號）
相關文章--《UI設計師教你如何學會包裝》
填寫下面表單即可預約申請免費試聽！怕錢不夠？可先就業(yè)掙錢后再付學費！ 怕學不會？助教全程陪讀，隨時解惑！擔心就業(yè)？一地學習，可推薦就業(yè)！
?2007-2022/ lb577.com 北京漫動者數(shù)字科技有限公司 備案號： 京ICP備12034770號 監(jiān)督電話：010-53672995 郵箱：bjaaa@aaaedu.cc
熱門推薦
UI設計
產品經理
大數(shù)據(jù)分析
原畫設計
平面設計
新媒體運營 
