DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 經驗分享:關於網頁布局排版的流程問題
經驗分享:關於網頁布局排版的流程問題
編輯:HTML和Xhtml     

網絡上形形色色的網站,網頁布局排版各有差異(當然除了完全copy),但為何布局排版存在差異呢,不同布局排版的目的是什麼呢?是否有什麼依據可循呢?若有,這些被遵守的依據又是基於什麼考慮的呢?

在項目經歷過程中,經常看到這樣的情形:

領導:我們要做一個…

負責人:好的。

負責人:你們每人設計*套效果圖出來;

設計人員:好的…

 等到設計人員(指視覺設計人員,下同)把頁面效果圖設計好了之後,我們針對效果圖進行討論和篩選確定,以確定最終采用哪套設計方案,這個時候大家各抒己見,領導也根據自己看法對不同作品進行篩選,但這個過程中最經常出現的結果就是:每個方案各有不同,包括布局排版、配色方案、整體風格等,但每個作品都不盡人意之處,最後根據討論結果確定下了一個方案並提供修改意見,項目進入開發階段。

這個流程本身沒什麼問題,只要能保證大家選擇的方案執行後能得到大家想要的結果即可,但可悲的是我們經常無法得到滿意的結果,包括欄目設置缺乏考慮造成運營不善,頁面布局不合理造成用戶體驗下降等等;出現這樣問題原因在於:在這個流程中我們陷入了到底該選擇哪套方案、陷入了對不同方案的對比甄別中,而我們卻忘記了為什麼需要這樣的方案,我們最原始的需求和出發點是什麼?

今天重點談談在這樣流程中關於布局排版的問題。

 首先,網頁排版布局不應該是設計人員為了美化頁面而拼湊排列的,就像經常有視覺設計師說“這個地方看起來很空,我得找個*放上去..”一樣,我認為:基於頁面美化和豐富界面內容的網頁布局排版都是不可取的,因此,布局排版體現的是一個網頁中各個模塊的重要程度和客戶可能的關注重點,合理的布局排版應該且必須承擔把《我們想要傳達的信息》快速高效地提供給用戶的重任。

 那麼,網頁布局排版的決定因素是什麼?

1.  網頁排版布局的內容來源於需求:網頁中是要展示“新聞動態”、“供應信息”,還是要展示“招標投標”、“用戶投票”這個要依據項目最原始的需求和出發點,這個頁面要滿足用戶什麼需求就要求他比較具備什麼功能模塊。

2.  網頁排版布局的形式決定於模塊的重要程度:一個頁面存在多個功能模塊,它們的展現形式應該如何,就要考慮各個模塊的重要程度,重要信息、重要功能模塊“靠上靠左”呈現,這是因為這些地方從位置上講比較有吸引眼球的優勢,要做到“突出重點”。

3.  網頁排版布局必須首先尊重用戶習慣:上面說了“網頁排版布局的形式決定於模塊的重要程度”但是不是重要的模塊就必須“靠上靠左”呈現呢?

未必!

因為“靠上靠左”這是一個相對的概念,就是說要盡量做到重要的信息放在客戶容易發現的位置上,但不同用戶使用習慣上是有差異的,這就要求我們要在尊重用戶習慣基礎上來做好頁面排版布局,就拿中文網站頁面和英文網站頁面來說,一個頁面裡面要呈現的功能模塊相同(模塊重要性也一樣),但這個時候除了遵守“網頁排版布局的形式決定於模塊的重要程度”外,應該首先考慮中文用戶和英文用戶浏覽習慣上的差異進行有差別的排版布局了。

 一句話:網頁布局排版不能太隨意!

建議:在產品開發過程中盡量規范產品開發流程,網頁布局排版應該交給交互設計人員來做,而不是視覺設計人員,如果視覺設計人員就是交互設計人員,那也要多加思量該網頁布局排版的依據。

本文來源:http://www.ebpage.cn/index.php/archives/273

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved