在高速發(fā)展的互聯(lián)網(wǎng)時代，網(wǎng)站設(shè)計的重要性不言而喻。今天就來說說羅湖網(wǎng)站設(shè)計為什么看起來不錯。視覺美學(xué)設(shè)計使用一致的版式，建立清晰的層次結(jié)構(gòu)，使用精致的調(diào)色板，并與網(wǎng)格對齊。

諸如字體，顏色和對齊方式之類的視覺細(xì)節(jié)創(chuàng)造了一種可用的體驗，并表達(dá)了品牌特征（例如友好性或可靠性）。查看設(shè)計很容易，發(fā)現(xiàn)它看起來不錯。查明為什么看起來不錯通常要困難得多。在本文中，我們分析了三種用戶界面設(shè)計，并討論了使它們具有吸引力的視覺設(shè)計原理。

對齊網(wǎng)格。首先，有一個列網(wǎng)格（上圖中的粉紅色線）。柱狀網(wǎng)格提供了與對象對齊的垂直錨定線。由于側(cè)邊欄內(nèi)容保持與最左邊的網(wǎng)格線對齊，因此設(shè)計看起來清晰，并且側(cè)邊欄內(nèi)容易于掃描。文章文本也保持與列網(wǎng)格線對齊。 

在您的設(shè)計中，設(shè)置一個列網(wǎng)格，并使不同頁面和元素之間的對齊方式保持一致。任何對齊不一致都應(yīng)該是有目的的-定義清晰的規(guī)則來指導(dǎo)您（并記住左對齊支持可掃描性）。 

印刷差異。中號使用同一字體家族中的不同字體樣式（小寫，粗體，斜體，帶下劃線的字體）和輕微的顏色變化（黑色與灰色）以區(qū)分不同類型的內(nèi)容。雖然太多的變化會破壞一致性并使設(shè)計看起來雜亂無章，但Medium的變體卻始終如一地并有目的地應(yīng)用。例如，WRITTEN BY中的小寫字母表示它是節(jié)標(biāo)題。這種差異使設(shè)計無法感覺平整，但仍與文本的其余部分保持內(nèi)聚。根據(jù)經(jīng)驗，確定一個印刷系統(tǒng)并將您的設(shè)計限制為1-2種字體。始終出于相同目的（即使是跨網(wǎng)頁或界面區(qū)域）使用相同類型的變體（斜體，粗體，小寫）。 

文本行之間的多余空間。的主導(dǎo)，這是段類型的每一行的基線之間的距離，稍微從默認(rèn)間隔增加（其通常2px的大于字體大小）。在這種情況下，前導(dǎo)字符比字體大小大4–6px，有助于創(chuàng)建通風(fēng)且開放的文本塊。減小標(biāo)準(zhǔn)行距將導(dǎo)致上升和下降之間的不舒服碰撞以及密集的讀取。如果您有多個文本段落，請考慮增加默認(rèn)的+ 2px前導(dǎo)，否則可能會感到視覺上的密集和沉重。 

緊縮和跟蹤調(diào)整。設(shè)計師還考慮了字母形狀之間因特殊形狀而造成的尷尬間距。字距調(diào)整和跟蹤通常應(yīng)用于較大的類型，例如標(biāo)題，其中的空格更明顯。通常在形成一個角度的字母（例如W，Y，V或T）周圍會出現(xiàn)空白。例如，在標(biāo)題“日本的鍛煉方式”中，單詞“ What”中的字母W和h之間的間距已略微壓縮。雖然大多數(shù)字體系列會自動調(diào)整字距調(diào)整（它已內(nèi)置在字體樣式中），但是請考慮手動調(diào)整字距明顯的大標(biāo)題或徽標(biāo)的字距調(diào)整。