版式設(shè)計(jì)是UI設(shè)計(jì)中的一項(xiàng)重要內(nèi)容。版面設(shè)計(jì)的質(zhì)量決定了頁面的質(zhì)量。對于UI設(shè)計(jì)者來說，版式設(shè)計(jì)是千變?nèi)f化的，我們?nèi)绾尾拍芤酝瑯拥姆绞絹砘貞?yīng)它呢?今天，奇峰將分享布局設(shè)計(jì)的六個(gè)關(guān)鍵點(diǎn)，這將幫助您避免日常布局設(shè)計(jì)中的低級錯(cuò)誤。

　　對于千變?nèi)f化的格式設(shè)計(jì)，我們要實(shí)現(xiàn)對千變?nèi)f化的響應(yīng)能力。我們只需要理解“六個(gè)”格式設(shè)計(jì)的關(guān)鍵詞，“聚焦、平衡、對比、比例、空白、打破慣例”。

　　1. 聚焦

　　焦點(diǎn)是版面設(shè)計(jì)的基本原則之一，我們要更好地傳達(dá)主題，必要的前提是能夠吸引用戶的注意，即用戶的注意。

　　焦點(diǎn)的典型表達(dá)形式是中心構(gòu)圖或徑向構(gòu)圖，簡單易懂。該主題被放置在屏幕的中心，以吸引用戶的注意。焦點(diǎn)可以最大化用戶的注意力。如果焦距不夠，會(huì)使畫面缺乏視覺沖擊力，不足以吸引用戶的注意和錯(cuò)過用戶。

　　2. 畫面平衡

　　畫面平衡能給人一種視覺上的平衡感，能促進(jìn)畫面內(nèi)部元素的穩(wěn)定。

　　構(gòu)圖中的代表性成分有對稱構(gòu)圖、中心構(gòu)圖等。其特點(diǎn)是穩(wěn)定、莊重、整潔、有序、寧靜、平靜。我們在設(shè)計(jì)時(shí)需要注意的是：“視覺重量相等，布局呼吸平衡?！薄?/p>

　　3. 對比

　　對比是區(qū)別的重點(diǎn)。相同或不同性質(zhì)之間存在對比因素。根據(jù)馮·列斯托夫效應(yīng)，它比普通事物更容易記住獨(dú)特或特殊的事物，因此對比可以幫助我們加強(qiáng)初級信息和次級信息之間的區(qū)別。在設(shè)計(jì)中可以增強(qiáng)畫面的視覺沖擊力和節(jié)奏。

　　4. 比例適度

　　優(yōu)秀的比例關(guān)系能符合用戶視覺的視覺心理，比例適中，通常具有有序、明亮的特點(diǎn)，給人一種清新、自然的新感覺。比例也是用幾何語言和數(shù)字詞匯表達(dá)現(xiàn)代生活和現(xiàn)代科學(xué)技術(shù)的抽象藝術(shù)形式。一個(gè)成功的排字設(shè)計(jì)首先取決于一個(gè)好的比例。

　　5. 留白

　　離開空白是圖像中“虛擬”的處理方法，而內(nèi)容則是“真實(shí)”的表現(xiàn)，通過“虛擬、真實(shí)”的結(jié)合來建構(gòu)畫面中的節(jié)奏、節(jié)奏和空間感;如果畫面填得太滿，就會(huì)顯得郁悶、擁擠、缺乏質(zhì)量。優(yōu)秀的作品會(huì)注意使用空白，好的空白能創(chuàng)造出強(qiáng)烈的質(zhì)量感。

　　6. 打破常規(guī)

　　長時(shí)間的工作將形成我們自己的方法，雖然它可以提高效率，但它往往會(huì)限制我們自己。例如，我們在橫幅中使用的三種主要構(gòu)圖形式也會(huì)在很長一段時(shí)間內(nèi)扼殺我們自己的創(chuàng)新。同時(shí)，用戶也會(huì)對此感到厭倦。

　　打破規(guī)則的最簡單的方法是“為微觀創(chuàng)新選擇一個(gè)點(diǎn)”。我們不鼓勵(lì)徹底的改變(天才除外)。首先，它們不現(xiàn)實(shí)，其次，它們的成本太高。在視覺上，我們可以選擇最容易改變的“點(diǎn)”。