如何平衡網(wǎng)站的布局結(jié)構(gòu)
如何平衡網(wǎng)站版面結(jié)構(gòu)的平衡似乎是一條為印刷設(shè)計師而走的鋼絲。但是平衡頁設(shè)計通過印刷品和馬戲團的人對世界產(chǎn)生了同樣的影響!平衡感是通過重復(fù)來實現(xiàn)的,就像一個來回擺動的鐘擺ndash;你加一點,吃一點。將內(nèi)容推到一邊,然后在另一邊添加一點內(nèi)容。這需要良好的成分,可以通過眼睛練習(xí)獲得(不需要穩(wěn)定桿)。
在本文中,我將介紹一些關(guān)于平衡網(wǎng)站的組成的技巧設(shè)計階段是線框圖的一個漫長過程的開始,并將重點放在圖標和字體的特定區(qū)域。通過測量,您可以更好地了解整體結(jié)構(gòu)網(wǎng)站以及它將如何呈現(xiàn)給用戶。
說到作文,我講的是大局。這是一個很好的參考框架,保持設(shè)計一個新的網(wǎng)站,因為你必須想象自己是一個新的游客。此人想做什么網(wǎng)站 你認為這樣的功能在哪里 用戶**重要的目標是什么
公司靜態(tài)網(wǎng)站有簡單需求ndash;通常是關(guān)于產(chǎn)品或服務(wù)的信息。動態(tài)網(wǎng)站需要更多交互式注冊表、CTA按鈕或搜索字段。直接聚焦能吸引肌肉中的雌性ndash和雄性兄弟會;響亮、絢麗的色彩,同樣以死板的方式實現(xiàn),與搓板ABS形成鮮明對比。元素,需要更多的關(guān)注,需要脫穎而出。
關(guān)鍵是要創(chuàng)建頁面元素,注意并保持均衡的構(gòu)圖。找到一個真正的元素是一個大的迭代,因為顯而易見的元素也需要更微妙的元素對比。如果網(wǎng)站的每一部分都是響亮多彩的,用戶就會被淹沒。
安排一份簡單的網(wǎng)站主要目標清單,并堅持下去。這將是一個令人驚訝的幫助,當(dāng)你發(fā)現(xiàn)你已經(jīng)失去了方向,你想要在創(chuàng)建過程中。
空白穩(wěn)定性這個詞似乎被過度使用了,但無論我們談?wù)摼W(wǎng)站,繪畫,甚至作曲,空間都是任何組成部分的重要組成部分。記住,這意味著你不玩。這是個好主意。
Simple網(wǎng)站很容易形成空白,因為對內(nèi)容沒有需求。但不管有多少內(nèi)容,總有一個平衡的空間ndash;我不期望谷歌有多少流量,除非頁面完全空白。
空格之間的內(nèi)容很好地說明了內(nèi)容的頂部和底部。就像一首音樂的空間一樣,可以說很多歌曲的發(fā)展已經(jīng)進入了獨唱或合唱之類的階段。
可以考慮在圖像幻燈片之間使用頁眉間距,甚至使用少量文本(如引用或標題)。網(wǎng)絡(luò)上的一切都需要空間,否則真的很緊張,很難閱讀。作為設(shè)計部門,這是您需要多少空間來處理基于規(guī)范的內(nèi)容關(guān)系。
在有益的模式之后,**常見的接口模式稱為Z-layouts和F-layouts。這些類似于為可用接口手工制作的通用模板。當(dāng)設(shè)計中的線框圖將大Z或F繪制在布局上時。這些字母的端點表示法很快就吸引了人們對頁面顯著位置的注意。
盡管您不需要遵循這些模式,但它們將幫助您構(gòu)建一個干凈的網(wǎng)站設(shè)計。這些模式,包括大圖片的內(nèi)容和組件,都是關(guān)于頁面元素的大圖片之間的關(guān)系。如果你找到其他方法為你工作,那就千方百計地使用它們。堅持使用任何方法來幫助您創(chuàng)建一個平滑的界面。
用戶體驗和心理學(xué)中的每一種模式、原則和思想。與音樂和喜劇的主觀藝術(shù)不同,設(shè)計能使人更科學(xué)。藝術(shù)性、落后模式、科學(xué)結(jié)構(gòu)、對稱性、平衡性等因素。
價值導(dǎo)向
這是藝術(shù)家用來檢查繪畫中顏色選擇的一種古老技巧。顏色3屬性色調(diào)飽和度和核心價值。色調(diào)是顏色的選擇(紅、藍、綠),飽和度是顏色相對于白色的強度。雖然這些都是有趣的話題,但沒關(guān)系。
簡單地說,價值就是顏色從深到淺的度量。如果你用一個純白色的刻度,一個純黑色的刻度,中間只會是**的。值非常重要,因為它可以相對于頁面上的其他度量。如果你把一張圖片變成黑白,你將只有值ndash;但是根本沒有顏色。為什么 因為價值觀仍然是正確的。
在規(guī)劃網(wǎng)站配色方案時,請經(jīng)常檢查返回值。有時我們真的不知道顏色是不是太暗/太亮,對比一下文本,或者把頁面和其他顏色進行比較??焖偾袚Q至B amp;W model從公式中刪除顏色,并強制您查看整體構(gòu)圖。
閉上眼睛的**佳動作之一是研究其他偉大的建筑網(wǎng)站。它可以列出您**喜歡的界面功能或繪制您**喜歡的網(wǎng)站線框圖。對活動和復(fù)制的分析將幫助您理解大組合的模式。
我當(dāng)然希望這些提示能幫助設(shè)計人們關(guān)注大局。精心布局的細節(jié)是相當(dāng)有影響力的,如果把小細節(jié)擠進結(jié)構(gòu)不良的網(wǎng)站中,它們就非常小。不斷練習(xí)和學(xué)習(xí),形成良好的布局例子,發(fā)展你的眼睛堅實的組成技術(shù)在網(wǎng)絡(luò)上。
http://m.ezekroy.com/jianzhanzhishi/716.html 如何平衡網(wǎng)站的布局結(jié)構(gòu)