網(wǎng)頁設(shè)計(jì)有一些原則是共通的,不管是產(chǎn)品設(shè)計(jì)、平面設(shè)計(jì)、還是網(wǎng)頁設(shè)計(jì),設(shè)計(jì)的形式美法則都是通用的。前面跟大家也分享了一些對(duì)比、統(tǒng)一、留白在網(wǎng)頁設(shè)計(jì)當(dāng)中的運(yùn)用,今天青島網(wǎng)站建設(shè)公司圭谷設(shè)計(jì)跟大家分享青島網(wǎng)頁設(shè)計(jì)中的對(duì)齊原則。
視覺上遵從保持尺寸和邊緣的一致性。對(duì)齊,是很重要卻很容易被遺忘的一點(diǎn)。設(shè)計(jì)書中提出了四大原則:對(duì)比、重復(fù)、對(duì)齊、和親密性。書中提出:任何東西都不能在頁面上隨意擺放,每個(gè)元素都應(yīng)當(dāng)與頁面上的另一個(gè)元素有著某種視覺聯(lián)系。這樣能建立一種清晰、精巧而且清爽的外觀。
對(duì)齊可以讓一個(gè)網(wǎng)站設(shè)計(jì)頁面看起來比較規(guī)范整齊。對(duì)齊一般有三種方式:左對(duì)齊、居中對(duì)齊、右對(duì)齊。
在網(wǎng)頁設(shè)計(jì)當(dāng)中運(yùn)用比較多的是居中對(duì)齊和左對(duì)齊,大篇幅的右對(duì)齊可讀性上比較差,所以出現(xiàn)的頻率不高,小部分的出現(xiàn)還是有的。不管是哪種方式的對(duì)齊,網(wǎng)頁設(shè)計(jì)中對(duì)齊后的文本一定要考慮可讀性的問題,千萬不要本末倒置。
對(duì)齊在網(wǎng)頁設(shè)計(jì)中的運(yùn)用無非還是上面那三種對(duì)齊方式,正常情況下我們要注意的對(duì)齊有這些:文字的對(duì)齊、元素的對(duì)齊、圖片的對(duì)齊、區(qū)塊布局的對(duì)齊。
1、文字的對(duì)齊:文字的對(duì)齊方式也不外乎上面三種,左對(duì)齊是最常見的,居中對(duì)齊常出現(xiàn)在文章詳情的標(biāo)題部分,右對(duì)齊文字出現(xiàn)的頻率小一點(diǎn),不會(huì)以大篇幅出現(xiàn),大部分在登陸注冊(cè)或是產(chǎn)品詳情界面中常見。左對(duì)齊的方式適合人們的閱讀習(xí)慣,在網(wǎng)頁設(shè)計(jì)中也比較常見,這里不多講了。
居中對(duì)齊是進(jìn)幾年隨著html5流行起來,越來越多設(shè)計(jì)師用居中對(duì)齊作為一些區(qū)塊內(nèi)容展示的方式。
2、元素對(duì)齊:一個(gè)網(wǎng)頁設(shè)計(jì)當(dāng)中,會(huì)有很多元素,而元素的對(duì)齊可以讓整個(gè)界面變得井然有序,元素過于隨意擺放沒有規(guī)律,會(huì)讓界面雜亂無章。元素的對(duì)齊指的是網(wǎng)頁中的一些按鈕、圖標(biāo)、搜索框等網(wǎng)頁中的元素統(tǒng)一采用一種對(duì)齊方式對(duì)齊。元素上的對(duì)齊分布讓整個(gè)界面看起來整齊簡(jiǎn)潔,內(nèi)容劃分也變得比較明確,可讀性強(qiáng),方便瀏覽者瀏覽。
3、區(qū)塊布局的對(duì)齊:視覺上的對(duì)齊,可以讓瀏覽者快速的瀏覽到相應(yīng)的內(nèi)容。小元素不對(duì)齊會(huì)顯得亂,大區(qū)塊不對(duì)齊會(huì)讓整個(gè)界面沒有秩序感。這樣的情況最常出現(xiàn)在一些產(chǎn)品展示的網(wǎng)站當(dāng)中,設(shè)計(jì)這個(gè)網(wǎng)頁的設(shè)計(jì)師說他們刻意追求不對(duì)稱感。按鈕的不對(duì)齊,和區(qū)塊的不對(duì)齊,讓整個(gè)界面顯得很粗糙。在不是瀑布流的情況下,這種區(qū)塊大幅度出現(xiàn)在界面當(dāng)中的時(shí)候,對(duì)瀏覽者來說就是一種折磨。
說到區(qū)塊的對(duì)齊,不得不提的柵格系統(tǒng),柵格系統(tǒng)可以讓一個(gè)網(wǎng)站看起來有秩序感。很多人不喜歡柵格系統(tǒng),覺得限制他們自己的創(chuàng)意。事實(shí)上,柵格的運(yùn)用可以很靈活,分多少欄全看設(shè)計(jì)師的設(shè)計(jì)。
4.圖片的對(duì)齊:圖片對(duì)齊也不外乎上面說的三種方式,圖片對(duì)齊好處理一些,主要根據(jù)網(wǎng)頁想表達(dá)的內(nèi)容去做對(duì)齊,以達(dá)到好的視覺展示效果。所以在不同的情況下,可以采用不同的對(duì)齊方式。就算是同個(gè)頁面,也可能為了視覺效果而采用兩種或三種對(duì)齊方式,這個(gè)根據(jù)整個(gè)界面的效果而定。
總之,在做網(wǎng)站的時(shí)候要以內(nèi)容為主旨,界面設(shè)計(jì)一定是要方便用戶快速找到他們想要的。其次使用正確的對(duì)齊方式,讓界面更為整齊,信息更為明確。圭谷設(shè)計(jì)乃山東省知名設(shè)計(jì)公司,主要從事網(wǎng)站建設(shè)、品牌設(shè)計(jì)、網(wǎng)絡(luò)營銷服務(wù)等業(yè)務(wù)內(nèi)容,團(tuán)隊(duì)人員為5-17年資深工作經(jīng)驗(yàn),可以根據(jù)客戶的產(chǎn)品特點(diǎn)、客戶群體、企業(yè)文化、競(jìng)品分析有針對(duì)性的進(jìn)行策劃設(shè)計(jì),售后提供7*24小時(shí)服務(wù),熱線0532-80935115、18661461613(同微信號(hào)),地址青島市市南區(qū)山東路9號(hào)深業(yè)大廈B座20層,歡迎致電詳詢。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號(hào)-3