六、對稱性 對稱創(chuàng)造出一種平衡的感覺 。在設(shè)計中對稱布局通常是一個安全的選擇，但過分使用對稱會人覺得無聊，缺少亮點 。

文章插圖
文章插圖
▲ 這個頁面采用了對稱式的布局，每個卡片上都展示了不同樣式的信息，在對稱的同時帶來一些差異性，這樣的布局看起來很美觀而且用戶也能輕松了解內(nèi)容 。
七、透明度 透明度使元素間能夠相互影響，能產(chǎn)生特別吸引人的視覺效果 。在同一方向上使用帶有透明蒙版的分層圖像，可以在頁面中創(chuàng)造出動感 。

文章插圖
文章插圖
▲ 頁面左側(cè)背景的設(shè)計沒有直接使用單一的顏色，而是復(fù)制了背景圖，并故意和背景圖的位置錯開，再加上帶有透明度的顏色蒙版，營造出一種視差感 。
八、紋理圖案 紋理的運(yùn)用要始終控制一個度 。在頁面中過度使用紋理不僅會讓頁面內(nèi)容顯得混亂，還影響重要或重點的內(nèi)容的突顯 。合理使用紋理能讓頁面更有深度，更有質(zhì)感 。

文章插圖
文章插圖


文章插圖
文章插圖
▲ 在這個旅游產(chǎn)品的登錄頁面上，頂部的紅色和黃色色塊中都嵌入了地圖紋理，這樣的設(shè)計不僅與主題內(nèi)涵深度契合，還讓整個頁面層次看起來更加豐富 。
九、平衡 對稱就是一種具有相同的屬性，如大小、長度、形狀的平衡 。
要創(chuàng)造視覺平衡，不僅可以使用對稱，還可以根據(jù)元素的視覺重量，合理安排位置，做到畫面的平衡 。

文章插圖
文章插圖
▲ 在這個頁面中，延伸的線條使用了不同的長度、轉(zhuǎn)折彎曲度以及遠(yuǎn)近的距離和位置，一起構(gòu)成畫面的視覺平衡 。
十、對比 到平衡，當(dāng)然就不能忽略對比 。簡單來說，對比就是在布局設(shè)計元素時，不同元素之間的顏色、形狀、比例之間的差異 。此外，對比關(guān)系會影響元素的易讀性，增加設(shè)計的重點并讓重點脫穎而出 。

文章插圖
文章插圖
▲ 在設(shè)計深色模式的UI頁面時，要注意文本與背景的對比度，以便于閱讀 。還要對不同類型的信息進(jìn)行合理的區(qū)域劃分，方便用戶第一時間找到需要的信息 。
最后 經(jīng)過長時間的實踐運(yùn)用，這些原則終變?yōu)楸灸艽嬖谟谖覀兊拇竽X中，一起來期待這個轉(zhuǎn)變過程吧！
特別申明：本站的主旨在于收集互聯(lián)網(wǎng)運(yùn)營相關(guān)的干貨知識，給運(yùn)營小伙伴供便利 。網(wǎng)站所收集到的公開內(nèi)容均來自于互聯(lián)網(wǎng)或用戶投稿，并不代表本站認(rèn)同其觀點，也不對網(wǎng)站內(nèi)容的真實性負(fù)責(zé)，如有侵權(quán)，請聯(lián)系站長刪除，轉(zhuǎn)載請注明出處：http://www.cangchou.com/27104.html 。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

• 簡單美顏瑜伽 瘦出精致小臉
• 在韓國個人凈資產(chǎn)達(dá)到多少才算富人 低這個數(shù)字
• 廣東一公司給員工大幅漲薪 老板說出了真實原因
• mcg戰(zhàn)隊絕地求生 mcg是什么單位
• 快速升花唄額度方法，這樣做才漲得快
• 推薦這家刀削面館加盟店 加盟刀削面館哪家最好
• 孫繼海回大連效力?這個可以有 高薪成其回歸障礙
• 蘋果怎么換自定義鈴聲，換自己想要的鈴聲這樣做！
• 閑魚賣什么好賣，年底這幾個是重點！
• 支付寶相互淘寶有必要加入嗎？這些貓膩要清楚！