用靈魂感悟設(shè)計(jì) · 用設(shè)計(jì)創(chuàng)造價(jià)值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計(jì)中國(guó)    ⁄    網(wǎng)頁(yè)設(shè)計(jì)    ⁄ 資訊內(nèi)容

淺析對(duì)齊在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用方式

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時(shí)間: 2017/4/7 11:22:33     瀏覽:
對(duì)齊可以讓一個(gè)網(wǎng)站頁(yè)面看起來比較規(guī)范整齊。對(duì)齊一般有三種方式:左對(duì)齊、居中對(duì)齊、右對(duì)齊。

  對(duì)齊在網(wǎng)頁(yè)中的運(yùn)用無非還是上面那三種對(duì)齊方式,正常情況下我們要注意的對(duì)齊有這些:元素的對(duì)齊、文字的對(duì)齊、圖片的對(duì)齊、區(qū)塊布局的對(duì)齊。

  1、元素對(duì)齊

  元素的對(duì)齊指的是網(wǎng)頁(yè)中的一些按鈕、圖標(biāo)、搜索框等網(wǎng)頁(yè)中的元素統(tǒng)一采用一種對(duì)齊方式對(duì)齊。

  2、文字的對(duì)齊

  文字的對(duì)齊方式也不外乎上面三種,左對(duì)齊是最常見的,居中對(duì)齊常出現(xiàn)在文章詳情的標(biāo)題部分,右對(duì)齊文字出現(xiàn)的頻率小一點(diǎn),不會(huì)以大篇幅出現(xiàn),大部分在登陸注冊(cè)或是產(chǎn)品詳情界面中常見。

  3、圖片的對(duì)齊

  圖片對(duì)齊也不外乎上面說的三種方式,圖片對(duì)齊好處理一些,主要根據(jù)網(wǎng)頁(yè)想表達(dá)的內(nèi)容去做對(duì)齊,以達(dá)到好的視覺展示效果。所以在不同的情況下,可以采用不同的對(duì)齊方式。

  4、區(qū)塊布局的對(duì)齊

  上面講的小元素對(duì)齊重要,那大的區(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)頁(yè)的設(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ì)。

  對(duì)齊相比較之前的其他設(shè)計(jì)原則來說,會(huì)比較簡(jiǎn)單也好理解,但是在具體的實(shí)踐過程中,還需要設(shè)計(jì)師們?nèi)ニ伎己驮O(shè)計(jì)。對(duì)齊,不僅可以在信息層級(jí)上一致,而且會(huì)更有氣勢(shì)。

  總之,在做網(wǎng)站的時(shí)候要以內(nèi)容為主旨,界面設(shè)計(jì)一定是要方便用戶快速找到他們想要的。其次使用正確的對(duì)齊方式,讓界面更為整齊,信息更為明確。