企信網(wǎng)絡(luò)分享網(wǎng)頁設(shè)計(jì)排版的技巧

時(shí)間：20-10-12 11:14

在日常工作中，很多設(shè)計(jì)師都會碰到畫面整體太亂的問題。亂，就會給人一種雜亂無章，甚至心煩意亂的感受，這也恰恰與設(shè)計(jì)的目的是相悖的。很多情況下設(shè)計(jì)的目的在于傳達(dá)信息，但是設(shè)計(jì)畫面太亂就會影響視覺傳達(dá)的效果。那么，能夠有效的避免畫面太亂的網(wǎng)頁排版小技巧有哪些呢？

一、運(yùn)用對齊的原則

對齊在設(shè)計(jì)中算是很基礎(chǔ)的知識點(diǎn)，畫面顯亂很多情況是元素的胡亂擺放，毫無規(guī)律可循，那么合理的運(yùn)用對齊的手法是避免畫面亂很好的解決方式，對齊的過程也就是規(guī)整畫面元素的過程。其實(shí)，對齊也能起到很好的串聯(lián)作用，因?yàn)橐曈X上按某種規(guī)律存在的元素會被用戶下意識的認(rèn)為是具有相關(guān)聯(lián)的。

二、使用標(biāo)準(zhǔn)字體
　　
用戶對標(biāo)準(zhǔn)字體更熟悉因此可以快速的讀取。字體的嵌入服務(wù)可以為你的設(shè)計(jì)提供新鮮的和意想不到的許多有趣的字體。它們也非常容易使用。但是除非你的網(wǎng)站的自定義字體很有吸引力，否則最好還是使用系統(tǒng)字體。一個(gè)安全的方法是用一個(gè)系統(tǒng)的字體：如Arial，Calibri，Trebuchet等。

三、串聯(lián)視覺元素

畫面太亂最常見的原因之一是因?yàn)樵刂g沒有形成呼應(yīng)，也就是每個(gè)元素都是獨(dú)立的，互無關(guān)聯(lián)性，在用戶腦海中無法形成一條完整的視覺鏈條，而這樣的畫面相對是容易呈現(xiàn)出亂的感覺。那么避免畫面太亂常用的技法之一：將原本各自為戰(zhàn)的視覺元素串聯(lián)起來，在視覺上呈現(xiàn)出關(guān)聯(lián)性，形成一條不會斷開的視覺鏈條。其實(shí)就是要充分把原本獨(dú)立存在的視覺元素有效的串聯(lián)起來，讓他們相互作用，再有效的結(jié)合對齊原則，這也是有效避免畫面亂的一種常用手法，串聯(lián)視覺元素的過程其實(shí)就是規(guī)整的過程。

四、重心平穩(wěn)原則

在設(shè)計(jì)作品中，平穩(wěn)的重心是最常見的，在之前的文章中也說過，畫面中無論是顏色、色塊、文字等等它們在視覺上都存在著一定的比重，如果重心不穩(wěn)，就會給人一種視覺天平的傾向，給人一種站不穩(wěn)的感覺，這并不是畫面亂的絕對因素，因?yàn)橐灿行┰O(shè)計(jì)是故意改變畫面重心尋求視覺上的差異化，所以在做好前兩點(diǎn)的前提下，再去考慮重心。

五、選擇一種能在各種尺寸中工作的字體 　
　
用戶可能會從不同的屏幕尺寸和分辨率的設(shè)備中訪問網(wǎng)站，多數(shù)用戶界面需要各種大小的文本元素（按鈕復(fù)制，字段標(biāo)簽，章節(jié)標(biāo)題等）。選擇一種能在多尺寸和重量上運(yùn)行良好的字體，保持每個(gè)尺寸的可讀性。確保選擇的字體在較小的屏幕上也能清晰可辨！

六、做個(gè)案例

首先整體每個(gè)模塊都有嚴(yán)格的對齊形式，目的是讓每處元素的擺放都有據(jù)可循，減少可以造成視覺雜亂的因素。其次同樣采用了上中下重色呼應(yīng)的形式，目的是讓頁面在視覺上有一定的分量，而不是整體輕飄飄的。最后盡可能的在每一屏都出現(xiàn)橙色，作為輔助色，同樣也要做好呼應(yīng)關(guān)系，形成一個(gè)完整的視覺鏈條，整體的調(diào)性盡可能的保持了一致，且是重心平穩(wěn)的構(gòu)圖方式。

標(biāo)簽：

国产真实伦熟女,欧美猛少妇色xxxx久久久久,亚洲一级特黄大片,亚洲一二三精品

企信網(wǎng)絡(luò)分享網(wǎng)頁設(shè)計(jì)排版的技巧

公司服務(wù)熱線