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