淺析對齊在網(wǎng)頁設(shè)計中的運用方式
對齊在網(wǎng)頁中的運用無非還是上面那三種對齊方式,正常情況下我們要注意的對齊有這些:元素的對齊、文字的對齊、圖片的對齊、區(qū)塊布局的對齊。
1、元素對齊
元素的對齊指的是網(wǎng)頁中的一些按鈕、圖標(biāo)、搜索框等網(wǎng)頁中的元素統(tǒng)一采用一種對齊方式對齊。
2、文字的對齊
文字的對齊方式也不外乎上面三種,左對齊是最常見的,居中對齊常出現(xiàn)在文章詳情的標(biāo)題部分,右對齊文字出現(xiàn)的頻率小一點,不會以大篇幅出現(xiàn),大部分在登陸注冊或是產(chǎn)品詳情界面中常見。
3、圖片的對齊
圖片對齊也不外乎上面說的三種方式,圖片對齊好處理一些,主要根據(jù)網(wǎng)頁想表達(dá)的內(nèi)容去做對齊,以達(dá)到好的視覺展示效果。所以在不同的情況下,可以采用不同的對齊方式。
4、區(qū)塊布局的對齊
上面講的小元素對齊重要,那大的區(qū)塊對齊也很重要。視覺上的對齊,可以讓瀏覽者快速的瀏覽到相應(yīng)的內(nèi)容。小元素不對齊會顯得亂,大區(qū)塊不對齊會讓整個界面沒有秩序感。
這樣的情況最常出現(xiàn)在一些產(chǎn)品展示的網(wǎng)站當(dāng)中,設(shè)計這個網(wǎng)頁的設(shè)計師說他們刻意追求不對稱感。按鈕的不對齊,和區(qū)塊的不對齊,讓整個界面顯得很粗糙。在不是瀑布流的情況下,這種區(qū)塊大幅度出現(xiàn)在界面當(dāng)中的時候,對瀏覽者來說就是一種折磨。
說到區(qū)塊的對齊,不得不提的柵格系統(tǒng),柵格系統(tǒng)可以讓一個網(wǎng)站看起來有秩序感。很多人不喜歡柵格系統(tǒng),覺得限制他們自己的創(chuàng)意。
事實上,柵格的運用可以很靈活,分多少欄全看設(shè)計師的設(shè)計。
對齊相比較之前的其他設(shè)計原則來說,會比較簡單也好理解,但是在具體的實踐過程中,還需要設(shè)計師們?nèi)ニ伎己驮O(shè)計。對齊,不僅可以在信息層級上一致,而且會更有氣勢。
總之,在做網(wǎng)站的時候要以內(nèi)容為主旨,界面設(shè)計一定是要方便用戶快速找到他們想要的。其次使用正確的對齊方式,讓界面更為整齊,信息更為明確。
-
2021/12/28
-
2021/12/23
-
2021/12/17
- 愛華仕斬獲“2021年度中國廚衛(wèi)行業(yè)年度智能
- 回首2021,迎戰(zhàn)2022 彩虹線開啟新征程!
- 福臨板材|福滿2021,圓夢2022
- 美特照明:2022年照明新趨勢,經(jīng)銷商如何做大
- 會自己“洗澡”的集成灶,帥康自動清洗集成灶
- 帶你設(shè)計一款功能多變,簡單實用的休閑露臺陽
- 世紀(jì)豪門吊頂:破防了!原來顏值+實力=H20
- 裝修木門選的好,噪音統(tǒng)統(tǒng)沒煩惱
- 寒潮來了,有淋浴房洗澡更保暖舒服
- 元旦特輯:歐意電器述說生活的點滴與美好
- “中國十大品牌”獲獎名單出爐,賽戈水漆榮耀
- 2021值得消費大賞 凱迪仕智能鎖榮摘兩項桂冠
- 益恩家居:新年新氣象,愛自己從好好睡覺開始
- 元旦伊始:健康新生活,從精格管道直飲水開始
- 喜迎元旦|新年新燈飾 箔晶智能照明讓酒店暖
- 吉美幫的2021 “專精特新” 深耕屋面防水體
- Aqara攜手京東成立燈光設(shè)計聯(lián)盟 打造燈飾照
- 年底廚房煥新顏,如何選擇廚電?好太太智能來
- 全鋁家具全屋莫蘭迪色系,這款美式輕奢范贏鄰
- 順趨勢·筑鳳巢·贏未來 鳳梧居門窗2021年會隆