• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 教你如何使用攝影來(lái)優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)

教你如何使用攝影來(lái)優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)

奈薇網(wǎng)頁(yè)設(shè)計(jì) 于2015-01-01 22:34發(fā)表 閱讀次數(shù) 2945次

在青島網(wǎng)站設(shè)計(jì)當(dāng)中，網(wǎng)站的優(yōu)化對(duì)我們的網(wǎng)站非常的重要，今天我給大家提供一個(gè)新的方法來(lái)優(yōu)化您的網(wǎng)頁(yè)，可以說(shuō)對(duì)于攝影師而言，取景然后布局三分法是非常熟悉的概念。管它是非常引人入勝的概念，但是在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，幾乎沒(méi)有人會(huì)拿三分法來(lái)說(shuō)事兒。當(dāng)然，這并不意味著不可能，只是這種跨領(lǐng)域的事情很少被注意到罷了。 　　其中為何提供三分？ 　　也許你會(huì)問(wèn)，為什么一定要三分呢？這種奇怪的設(shè)定到底是從何而來(lái)？還好，我可以很高興地告訴你這玩意和數(shù)學(xué)定理抑或復(fù)雜的邏輯推理都沒(méi)有關(guān)系，也沒(méi)有太多的必要在這個(gè)東西的來(lái)源上過(guò)度深究。 　　三分法僅僅是來(lái)自于傳統(tǒng)藝術(shù)，目前在攝影中運(yùn)用得尤其多。縱橫三分，整個(gè)布局被分為9個(gè)平均的區(qū)塊，橫向縱向各有2條分界線。三分法規(guī)定，為了盡可能吸引觀者的注意力，視覺(jué)重心或者最吸引人的東西應(yīng)該盡量靠近四條線相交處。 　　你可以在WDD的這篇文章中找到絕佳的實(shí)例。很多時(shí)候非對(duì)稱(chēng)的布局常常能讓整個(gè)頁(yè)面更加富有生趣，但是這并不意味著著任何時(shí)候都得用非對(duì)稱(chēng)布局，因?yàn)樵谟械膱?chǎng)合，對(duì)稱(chēng)布局會(huì)更有意思，而在這個(gè)時(shí)候，三分法則意義并不大。 　　了解三分法的柵格 　　四條線，四個(gè)焦點(diǎn)，九個(gè)區(qū)塊，這就是三分法下的柵格框架。許多網(wǎng)站的首頁(yè)設(shè)計(jì)都符合F式布局或者Z式布局，用戶也已經(jīng)習(xí)慣了這樣的瀏覽方式，通常視覺(jué)的起點(diǎn)都是左上角，這也是設(shè)計(jì)師需要關(guān)注的首個(gè)區(qū)塊。 　　這也就意味著，左上方的交點(diǎn)處應(yīng)該與頁(yè)面的某個(gè)重要內(nèi)容相重疊。交點(diǎn)處并不是非要放置鏈接或者圖片（當(dāng)然非要放也并非不可），它更像是一個(gè)標(biāo)記，用以區(qū)分布局的一個(gè)重要節(jié)點(diǎn)。比如頁(yè)面標(biāo)題的起始點(diǎn)可以與之重疊，整個(gè)標(biāo)題與橫向第一條線相齊平，然后在標(biāo)題下放置Banner圖之類(lèi)的內(nèi)容。 　　在青島網(wǎng)站建設(shè)中值得注意的是，使用三分法來(lái)分析網(wǎng)頁(yè)設(shè)計(jì)更多的是一個(gè)用戶體驗(yàn)設(shè)計(jì)上的概念，而非一項(xiàng)完整的設(shè)計(jì)準(zhǔn)則。所以，如果你想借助這一概念來(lái)分析網(wǎng)頁(yè)設(shè)計(jì)的話，建議將網(wǎng)頁(yè)在瀏覽器中打開(kāi)之后截圖分析處理，完整的網(wǎng)頁(yè)太長(zhǎng)，而且用戶瀏覽永遠(yuǎn)是基于屏幕而非一次看完整個(gè)頁(yè)面，所以也沒(méi)有必要使用整個(gè)頁(yè)面，截圖足以。如果設(shè)計(jì)尚處于原型階段，那么建議參考屏幕比例來(lái)截取分析。 　　所以，你應(yīng)該從用戶的瀏覽習(xí)慣出發(fā)，結(jié)合三分法來(lái)進(jìn)行分析優(yōu)化。當(dāng)用戶瀏覽網(wǎng)頁(yè)的時(shí)候會(huì)下意識(shí)注意到關(guān)鍵部位，正確的使用三分法來(lái)設(shè)計(jì)頁(yè)面，你會(huì)發(fā)現(xiàn)這種3×3的柵格能幫你帶來(lái)極具啟發(fā)性的設(shè)計(jì)。 　　其實(shí)在版式設(shè)計(jì)中，也有類(lèi)似的原則和規(guī)范。比如，當(dāng)你在頁(yè)面頂部使用大Banner圖的時(shí)候，它通常會(huì)占據(jù)頁(yè)面大概2/3的高，類(lèi)似的，標(biāo)題和正文的字體大小也需要大小對(duì)比，讀者會(huì)自然而然地注意到更大的Banner圖、標(biāo)題和副標(biāo)題。大小對(duì)比是一方面，另外一方面還需要考慮頁(yè)面上圖片和文字的位置。簡(jiǎn)單的使用三分法并不能確保構(gòu)圖的飽滿，將九宮格置于頁(yè)面上，適當(dāng)?shù)卣{(diào)整頁(yè)面的元素的位置和中心之后，會(huì)好不少。 　　三分法的優(yōu)勢(shì)在于它可以兼容非對(duì)稱(chēng)式布局，也可以用來(lái)優(yōu)化對(duì)稱(chēng)式布局。兩種布局靈活搭配，借助三分法來(lái)突出頁(yè)面重點(diǎn)，也掌握頁(yè)面平衡，如此才能調(diào)教出優(yōu)秀的網(wǎng)頁(yè)。

教你如何使用攝影來(lái)優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)相關(guān)標(biāo)簽：建網(wǎng)站，網(wǎng)站規(guī)劃，做網(wǎng)站，網(wǎng)站制作公司

相關(guān)熱點(diǎn)推薦

網(wǎng)站建設(shè)之美觀與營(yíng)銷(xiāo)需 如何處理好網(wǎng)站設(shè)計(jì)的細(xì) 做好內(nèi)外鏈的平衡度更利 奈薇建站網(wǎng)科技2016 網(wǎng)站建設(shè)的基本原則 網(wǎng)站導(dǎo)航理論與實(shí)踐 十分鐘讓你的外貿(mào)網(wǎng)站更 網(wǎng)站建設(shè)下一站-網(wǎng)絡(luò)營(yíng) 十大嚴(yán)重的網(wǎng)站設(shè)計(jì)錯(cuò)誤 優(yōu)化站內(nèi)搜索－讓用戶更 如果你被上個(gè)網(wǎng)絡(luò)公司傷 做網(wǎng)站公司哪一家比較好 網(wǎng)站建設(shè)的準(zhǔn)備工作 中小企業(yè)行之有效的網(wǎng)絡(luò) 2019年百度排名的算 網(wǎng)站為什么要改版你知道 網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)的差 信息架構(gòu)的流程引入 如何設(shè)計(jì)廣告的用戶體驗(yàn) 當(dāng)設(shè)計(jì)師遇上前端開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì)中的圖層疊加混 提高內(nèi)容類(lèi)網(wǎng)站的粘度要 網(wǎng)站推廣、網(wǎng)站宣傳的作 如何讓蜘蛛頻繁爬行你的 青島高端網(wǎng)站建設(shè)公司 制作自己的網(wǎng)站 如何按照百度做網(wǎng)站優(yōu)化 交互設(shè)計(jì)之出路選擇原則 交互設(shè)計(jì)之蘋(píng)果系統(tǒng)iO 網(wǎng)站優(yōu)化中讓帖子置頂?shù)?/b> 網(wǎng)頁(yè)制作之“事不過(guò)三” 企業(yè)網(wǎng)絡(luò)營(yíng)銷(xiāo)的成功策略 如何做網(wǎng)站的搜索引擎優(yōu) 免費(fèi)的方式來(lái)提高你網(wǎng)站 自助建站的優(yōu)勢(shì) 網(wǎng)站設(shè)計(jì)可用性的重要之 成功的網(wǎng)站是怎么煉成的 網(wǎng)站大改版=壯烈的死亡 聊聊app前端開(kāi)發(fā)過(guò)程 提高網(wǎng)站人氣建議

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專(zhuān)業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開(kāi)發(fā)區(qū)信息港 山東在線門(mén)戶