主要針對酒店行業(yè)和聯(lián)邦政府進(jìn)行Web開發(fā)的Ryan Boudreaux針對四大設(shè)計(jì)原則寫了一系列文章，本文為第三篇《Effective design principles for web designers：Alignment》的譯文，內(nèi)容如下：

猇亭網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)建站成立于2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

對齊是“Web設(shè)計(jì)者應(yīng)遵循的高效設(shè)計(jì)原則”之三。

對齊

無論你是否意識到，對齊都是大部分Web設(shè)計(jì)中必不可缺少的部分；它作用于幕后，是一個(gè)隱藏設(shè)計(jì)元素。它起初可能只是一個(gè)PSD文件，也可能是設(shè)計(jì)模版中不可缺少的部分，是Web設(shè)計(jì)的主干。你的網(wǎng)站可能有一套布局（或網(wǎng)格），作為主要的框架，以支持網(wǎng)站的外觀、體驗(yàn)、導(dǎo)航、工具欄、頁眉、頁腳等。

作為高效設(shè)計(jì)原則，“對齊”可以幫助我們對“元素如何在頁面中布局”做出明確的決定。利用戰(zhàn)略層上的布局，可以設(shè)計(jì)出更強(qiáng)大、更吸引人的作品；利用網(wǎng)格系統(tǒng)，可以為每個(gè)元素的定位提供標(biāo)準(zhǔn)的指導(dǎo)。沒有對齊策略，我們就會隨意安放元素，與其他相似元素產(chǎn)生很小甚至不會產(chǎn)生聯(lián)系。沒有對齊，網(wǎng)站的外觀及體驗(yàn)就會變得雜亂無章。

對齊策略已遠(yuǎn)遠(yuǎn)超越了對齊、浮動(dòng)屬性及文本和圖片的對齊方式，它還包含其他的因素，比如用戶的交互、信息架構(gòu)、網(wǎng)格及Web設(shè)計(jì)元素的組織。

關(guān)于Web設(shè)計(jì)中的對齊，你是如何做決策的？

最主要的考慮因素包括對典型用戶交互方式的分析，如眼動(dòng)追蹤測試。針對“用戶如何瀏覽網(wǎng)頁”的多項(xiàng)研究已開展，內(nèi)容包含眼睛是如何瀏覽頁面的，從開頭到結(jié)束的掃描路徑是什么，用戶如何決定跳轉(zhuǎn)到的位置及下次點(diǎn)擊位置等。Charles O’Connell在Usability.gov上發(fā)起的討論（如圖1）介紹了眼動(dòng)追蹤測試的含義。從這些研究可以看出，它的要點(diǎn)之一是大部分用戶會沿著“F”形狀的“熱點(diǎn)圖”來掃描頁面內(nèi)容，即從頂部開始（正如頭條往往比圖片更吸引眼球），僅掃描幾個(gè)詞后，便沿頁面的左側(cè)掃描并尋找更多有吸引力的內(nèi)容，并在幾秒內(nèi)做出點(diǎn)擊動(dòng)作。

圖1

同時(shí)還要注意信息架構(gòu)（IA），包括整體概念模型、設(shè)計(jì)計(jì)劃、架構(gòu)及組織方式。該過程可以描繪出網(wǎng)站的層級結(jié)構(gòu)、核心導(dǎo)航、標(biāo)準(zhǔn)、規(guī)范、分類標(biāo)簽、可用性，用頁面線框圖、站點(diǎn)設(shè)計(jì)圖解、原型圖來代替詳細(xì)的設(shè)計(jì)模式。圖2展示了一個(gè)簡單網(wǎng)站的信息架構(gòu)概念模型，它提供了開發(fā)流的起點(diǎn)，最終對主要元素進(jìn)行對齊設(shè)置，以滿足動(dòng)態(tài)網(wǎng)站模型。

圖2

新聞標(biāo)題：Web設(shè)計(jì)師應(yīng)遵循的高效設(shè)計(jì)原則之三：對齊
標(biāo)題路徑：http://chinadenli.net/article46/chdieg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、響應(yīng)式網(wǎng)站、軟件開發(fā)、網(wǎng)站設(shè)計(jì)、App設(shè)計(jì)、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)