2014-09-24 分類: 網(wǎng)站建設(shè)
如何平衡網(wǎng)站的布局結(jié)構(gòu)
平衡似乎是一個詞,針對印刷設(shè)計師和走鋼索。但平衡網(wǎng)頁設(shè)計世界的影響一樣,通過打印和馬戲團(tuán)的人!平衡感是通過重復(fù)就像來回擺動的鐘擺–你添加一點點然后拿走一些了。你的推送內(nèi)容到一邊然后加一點點的另一邊。這需要好的構(gòu)圖,可以從實踐中獲得的眼睛(無平衡桿的要求)。
在這篇文章中我想蓋平衡網(wǎng)站組成的幾點技巧。設(shè)計階段是線框圖和前進(jìn)到焦點的圖標(biāo)和字體特定區(qū)域的一個漫長的過程的開始。通過測量就可以得到一個更好的感覺的網(wǎng)站的整體結(jié)構(gòu)和它將如何呈現(xiàn)給用戶。
網(wǎng)站布局目標(biāo)取向
當(dāng)談到作文我講大局。這是一個很好的參考框架保持在設(shè)計一個新的網(wǎng)站,因為你要把自己想象成一個新的游客。那這個人想做的網(wǎng)站嗎?哪里會想到這樣的功能嗎?為用戶實現(xiàn)最重要的目標(biāo)是什么?
公司靜態(tài)網(wǎng)站有簡單的需求–往往對產(chǎn)品或服務(wù)的信息。動態(tài)網(wǎng)站需要更多的互動式的注冊表格,CTA按鈕,或搜索領(lǐng)域。直接焦點可以在肌肉的兄弟會男生吸引女性–巨響,華麗的顏色相同的刻板的方式實現(xiàn),和鮮明的對比用搓板ABS。元素,需要更多的關(guān)注需要脫穎而出。
關(guān)鍵是要創(chuàng)建頁面元素,注意并保持平衡的組成。尋找一個真實的成分做了一個大的迭代因為顯眼的元素也需要更微妙的元素對比。如果網(wǎng)站的每一部分都是大聲的、豐富多彩的用戶會被淹沒。
安排一個簡單的網(wǎng)站的主要目標(biāo)清單并堅持。這將是令人驚訝的幫助當(dāng)你發(fā)現(xiàn)在創(chuàng)作過程中失去了自己向往的方向。
空白的穩(wěn)定性
這個詞似乎過度使用,但空間是一個大的一部分的任何成分,無論我們談?wù)摰木W(wǎng)站,繪畫,甚至組成的音樂。記住,這是說明你不玩,真算。
簡約的網(wǎng)站容易形成空白,因為沒有對內(nèi)容的需求。但不管有多少內(nèi)容是總有一個平衡的空間–需要除非頁完全是空白,在這種情況下,我不會期望從谷歌多少流量。
空間之間的內(nèi)容說了很多關(guān)于內(nèi)容的上方和下方。就像一段音樂的空間可以說很多歌曲的發(fā)展步入了獨唱或合唱或什么的。
想想之間使用頁眉間距圖像幻燈片,甚至少量的文字一樣,引用或標(biāo)題。網(wǎng)頁上的一切都需要空間,否則就是真正的緊張和難讀。作為設(shè)計師,這是你的工作規(guī)范的基礎(chǔ)上圍繞內(nèi)容的關(guān)系需要多少空間。
遵循有益的模式
最常見的接口模式被稱為z-layouts和f-layouts。這些像是手工制作的可用接口通用模板。當(dāng)草圖或線框圖的設(shè)計將大Z或F上的布局。這些信件的端點代表已迅速捕獲注意頁面顯著位置。
雖然你不需要遵循這些模式正是他們會幫助你構(gòu)造一個干凈的網(wǎng)站設(shè)計。這些模式包括大圖片的東西和成分都是關(guān)于頁面元素的大畫面之間的關(guān)系。如果你找到替代的方式,為你工作,然后通過各種手段使用。堅持任何方法幫助你工藝光滑界面。
每個圖案和原則與思路在用戶體驗與心理。雖然不像音樂和喜劇的主觀藝術(shù),設(shè)計能讓人更科學(xué)。有很大的成分是一種藝術(shù)也有落后模式,科學(xué)結(jié)構(gòu)、對稱、平衡。
注重價值
這是一個藝術(shù)家用以檢查在畫顏色選擇舊的技術(shù)。色彩3屬性色相飽和度和核心價值。色相是顏色的選擇(紅,藍(lán)綠色),飽和度是顏色的強(qiáng)度相對于白色。雖然這些都是一些有趣的話題也不重要。
簡單地解釋說,價值是顏色的測量按等級由深到淺。如果你把一個規(guī)模與純白色的一端,純黑色的,中間只會是灰色的。價值是如此重要,因為它可以相對到頁面上的其他測量值。如果你讓一張照片黑與白你只會有價值觀–但讀完全沒有顏色。為什么?因為價值觀仍然是正確的。
規(guī)劃一個網(wǎng)站的配色方案檢查返回值時經(jīng)常。有時我們真的不能告訴如果顏色太暗/亮,對比好的文本,或與其他顏色的頁面??焖偾袚Q到B & W模型去除顏色從方程和迫使你看整體組成。
關(guān)閉
為你的眼睛組成建筑的運動之一是研究其他偉大的網(wǎng)站。它可以列出你最喜歡的界面特征或素描你最喜歡的網(wǎng)站的線框圖。分析活性和復(fù)制將幫助你認(rèn)識大作文模式。
我當(dāng)然希望這些小貼士可以幫助設(shè)計者關(guān)注大畫面。而精心布局的細(xì)節(jié)是相當(dāng)有影響力的,小的細(xì)節(jié)是很小的如果他們擠進(jìn)一個結(jié)構(gòu)不良的網(wǎng)站。不斷的練習(xí)和學(xué)習(xí),形成良好的布局的例子來發(fā)展你的眼固體作曲技法在網(wǎng)絡(luò)。
分享題目:如何平衡網(wǎng)站的布局結(jié)構(gòu)
文章來源:http://jinyejixie.com/news46/20346.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、移動網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站設(shè)計公司、定制開發(fā)、軟件開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容