易搜百度貼吧排名 讓客戶更容易搜索到您!

立即致電: 體驗易搜百度貼吧排名為您帶來的高效服務。

當前位置:易搜網絡技術公司 >> 百度排名 >> 百度貼吧排名 >> 瀏覽文章

他山之石可攻玉!教你用攝影三分法來優化網頁設計

文章標簽:他山之石,可攻,教你,攝影,三分,三分法,分法,優化

  中介交易 SEO診斷淘寶客 站長團購 云主機 技術大廳  

他山之石可攻玉!教你用攝影三分法來優化網頁設計

 

  這篇文章,信賴會打開你的設計思路,你看完會后可能會說:“哇!網頁原來還可以如許設計。”

  玩攝影的同窗應該都知道取景布局三分法,這是特別很是認識的概念。但是在進行網頁設計的時候,幾乎沒有人會拿三分法來說事兒。當然,這并不意味著不可能,只是這種跨領域的事情很少被細致到罷了。

  所以,在今天的文章里我想詮釋一下三分法,并且分享一些將其運用到網頁設計時的技巧和經驗。不過三分法并不肯定適合所有人,畢竟提拔設計和設計流程的技巧和方法有許多。不過作為一項基本的排版布局規則,三分法自己是絕對值得學習的,并且在網頁設計中也頗為實用。

  為何三分?

  大概你會問,為什么肯定要三分呢?這種新鮮的設定到底是從何而來?還好,我可以很喜悅地告訴你這玩意和數學定理抑或復雜的邏輯推理都沒有關系,也沒有太多的需要在這個東西的來源上過度深究。

  三分法僅僅是來自于傳統藝術,目前在攝影中運用得尤其多。縱橫三分,整個布局被分為9個平均的區塊,橫向縱向各有2條分界線。三分法規定,為了盡可能吸引觀者的細致力,視覺重心或者最吸引人的東西應該盡量靠近四條線相交處。

  你可以在WDD的這篇文章中找到絕佳的實例。許多時候非對稱的布局常常能讓整個頁面更加富有生趣,但是這并不意味著著任何時候都得用非對稱布局,由于在有的場合,對稱布局會更故意思,而在這個時候,三分法則意義并不大。

  

他山之石可攻玉!教你用攝影三分法來優化網頁設計

 

  攝影的時候,最理想的目標是一獨特的視角捕獲到一些能吸引人的場景,而非對稱的布局使得視野中的一些元素比其他的更加凸起,而這些凸起的元素通常壓在之前所說的四個交點上。

  那么重新回到網頁設計的題目上,三分法和網頁設計到底是如何結合到一路的呢?正如同攝影時三分法下的布局能夠吸引觀者一樣,吻合三分法的網頁也一樣能讓欣賞者更加關注焦點內容。

  

他山之石可攻玉!教你用攝影三分法來優化網頁設計

 

  了解三分法的柵格

  四條線,四個焦點,九個區塊,這就是三分法下的柵格框架。很多網站的首頁設計都吻合F式布局或者Z式布局,用戶也已經風俗了如許的欣賞體例,通常視覺的起點都是左上角,這也是設計師必要關注的首個區塊。

  

他山之石可攻玉!教你用攝影三分法來優化網頁設計

 

  這也就意味著,左上方的交點處應該與頁面的某個緊張內容相重疊。交點處并不是非要放置鏈接或者圖片(當然非要放也并非不可),它更像是一個標記,用以區分布局的一個緊張節點。比如頁面題目的肇端點可以與之重疊,整個題目與橫向第一條線相齊平,然后在題目下放置Banner圖之類的內容。

  值得細致的是,使用三分法來分析網頁設計更多的是一個用戶體驗設計上的概念,而非一項完備的設計準則。所以,假如你想借助這一概念來分析網頁設計的話,建議將網頁在欣賞器中打開之后截圖分析處理,完備的網頁太長,而且用戶欣賞永久是基于屏幕而非一次看完備個頁面,所以也沒有需要使用整個頁面,截圖足以。假如設計尚處于原型階段,那么建議參考屏幕比例來截取分析。

  

他山之石可攻玉!教你用攝影三分法來優化網頁設計

 

  所以,你應該從用戶的欣賞風俗出發,結合三分法來進行分析優化。當用戶欣賞網頁的時候會下意識細致到關鍵部位,精確的使用三分法來設計頁面,你會發現這種3×3的柵格能幫你帶來極具啟發性的設計。

  小調整而非重設計

  了解三分法的柵格的運用體例之后,你還必要曉暢更緊張的一點:三分法帶來的并非是一個無可挑剔的網頁設計架構,而是一個用來微調現有設計的布局測試框架。

  有太多的免費的柵格體系可以幫你設計網頁,比如960GS之類的,但是三分法的九宮格柵格體系是一個幫你微調整個網頁布局的,比如調整導航欄的高度,把Logo挪近一點或者遠一點。

  

他山之石可攻玉!教你用攝影三分法來優化網頁設計

 

  值得慶幸的是,這種測試方法很實用,并且很簡單,也不挑軟件。你可以截圖之后在PS里面畫虛線來分析,諸如GIMP如許的開源免費軟件也可以輕松幫你搞定,再不濟你還可以直接用記號筆在屏幕上畫一個九宮格來分析嘛……(話說當初打CS的時候盲狙也用過這等笨辦法~)反正能幫你構建出九宮格分析的工具都能帶你走向精確的設計方向。

  完成初稿,用三分法測試,然后走向下一步。隨著時間的推移,你會更加清楚如何將視覺元素置于對的地方。

  處理對稱性

  有的時候,在頁面中適當地使用對稱性的元素照舊頗為有效的。不過假如在設計中哪哪兒都用對稱式設計的話,這也未免太瞎了點。事實上,在藝術和攝影領域,非對稱式布局的運用照舊占有主流的,大小相對,遠近相宜,更加令人心曠神怡,這也證實非平衡的視覺設計更能吸引我們的細致力。

  

他山之石可攻玉!教你用攝影三分法來優化網頁設計

 

  其實在版式設計中,也有類似的原則和規范。比如,當你在頁面頂部使用大Banner圖的時候,它通常會占有頁面也許2/3的高,類似的,題目和正文的字體大小也必要大小對比,讀者會天然而然地細致到更大的Banner圖、題目和副題目。大小對比是一方面,另外一方面還必要考慮頁面上圖片和筆墨的位置。簡單的使用三分法并不能確保構圖的飽滿,將九宮格置于頁面上,適當地調整頁面的元素的位置和中間之后,會好不少。

  三分法的上風在于它可以兼容非對稱式布局,也可以用來優化對稱式布局。兩種布局天真搭配,借助三分法來凸起頁面重點,也掌握頁面平衡,如此才能調教出良好的網頁。

  最后的思考

  絕大多數的藝術情勢其實并沒有固定的規則,但是有規律可以參考,設計也正是基于這些規律而賡續提高。掌握類似三分法如許的規律,了解這個規律的目的所在,深入理解,即使沒有刻意去運用,它也會從你的設計中天然而然地顯現出來,形同第二本能。這個時候,你就具備了打破規則的潛力了!

  雖然說設計和藝術有著根本的區別,但是兩者并非對立的關系。誠然依著規則可以設計出更吻合大眾口味的作品,但是打破規則,充滿個性和藝術感的設計作品又何嘗不會令人印象深刻呢?

广东好彩1玩法说明