Google所提出的「整體網(wǎng)頁設(shè)計」最近被越來越多地提起。對于設(shè)計師和開發(fā)者而言，它所涉及到的內(nèi)容并沒有表面上看起來那么粗獷簡單。

用最簡單的方式來解釋，所謂的整體網(wǎng)頁設(shè)計是將整個項目視為一個整體來審視，來看待和處理，深入理解和洞悉整體中每個環(huán)節(jié)之間的關(guān)系，把控全程。如果視覺設(shè)計不理想，再好的內(nèi)容都無法脫穎而出，它們應(yīng)當是一體的。同樣的，如果世界上視覺設(shè)計最優(yōu)秀的網(wǎng)頁卻缺少可用性，那么它也難以在用戶面前立足。這些都是沒有借助整體網(wǎng)頁設(shè)計的方法而出現(xiàn)的常見問題，也是絕大多數(shù)網(wǎng)頁設(shè)計項目所亟待解決的問題。

以下是「整體網(wǎng)頁設(shè)計」的工作原理。

整體設(shè)計理念

整體網(wǎng)頁設(shè)計的核心是設(shè)計的過程。在借助整體網(wǎng)頁設(shè)計方法來推進項目的時候，設(shè)計和開發(fā)團隊的執(zhí)行流程和之前可能會截然不同，不過在內(nèi)容和細節(jié)處還是有許多共通之處的。

從設(shè)計師的角度上來看，設(shè)計、技術(shù)、性能表現(xiàn)和業(yè)務(wù)影響是主要的影響因素。策劃和研究等階段通常是由其他人來進行，但是如果項目是由一人負責那么通常也就得由設(shè)計師一人包攬了。這些環(huán)節(jié)還可以繼續(xù)往小了分解：內(nèi)容和信息傳達，UI設(shè)計，UX設(shè)計，視覺設(shè)計，測試，培訓和反饋等等。

所有的這些步驟看起來都不盡相同，具體執(zhí)行則取決于誰來規(guī)劃。WebdesignerDepot曾經(jīng)出過一個詳細的清單列表，其中包含了詳細的注意事項。其中有六個問題，在你做任何決策的時候，最好先問問你自己這六個問題。

在網(wǎng)頁的設(shè)計和開發(fā)過程中，前后因果關(guān)系通常是非常明晰的。你所做的每一個決策都會影響到你的用戶，你自己，你的同事或者員工，你的股東，以及一些你甚至還沒考慮到的人。最終整個產(chǎn)品都會作用于你的生活，無論這種作用是好還是壞。

規(guī)劃和研究

在網(wǎng)頁設(shè)計項目的規(guī)劃和研究階段，你應(yīng)該做三件事情：

確定項目的目標

定義項目的范疇

定義受眾和目標用戶的角色形象

這些要素將決定了項目中各個環(huán)節(jié)要如何結(jié)合到一起，并且確定了各個部分之間要如何推進。如果項目中的組件不符合目標或者超出了范圍，那么就需要重新調(diào)整或者評估。

設(shè)計

設(shè)計階段通常是整個設(shè)計項目當中最有趣的部分，設(shè)計師在這個環(huán)節(jié)通過線框圖勾勒框架，填充內(nèi)容，并且最終定義視覺效果，慢慢將內(nèi)容和視覺統(tǒng)一到一個體系當中。

這一過程，設(shè)計師的任務(wù)包括：

繪制網(wǎng)站地圖和線框圖（基于項目的界定范圍）

創(chuàng)建和搜集所有的內(nèi)容，包括圖片、文本、視頻和動畫等

創(chuàng)建視覺元素，從情緒板到配色方案等

設(shè)計清晰明確的布局、層次結(jié)構(gòu)和高效的信息架構(gòu)

技術(shù)和性能

網(wǎng)站最重要的功能和技術(shù)緊密關(guān)聯(lián)，而它的極限也同技術(shù)相關(guān)。你設(shè)計的網(wǎng)站功能是否能夠最終實現(xiàn)出來？用戶能否完全理解這些功能，并且能夠正確地使用它們？

而影響網(wǎng)站的打開速度和性能的技術(shù)問題，可以列出一個長長的列表，想要達成你計劃中的效果，可能需要整合再整合才行。根據(jù)以往的經(jīng)驗，網(wǎng)站需要真正服務(wù)于網(wǎng)站的所有者（以他們理解的方式搜集正確的數(shù)據(jù)）和用戶（網(wǎng)站必須快速且易于理解和使用）。

說到性能，就繞不開搜索這個問題。由于用戶獲取信息的方式通常和搜索引擎緊密關(guān)聯(lián)，絕大多數(shù)網(wǎng)站的流量和搜索引擎的協(xié)助是分不開的。在設(shè)計和開發(fā)的過程中，一定要將SEO的策略納入到整個環(huán)節(jié)當中，在一開始就要考慮到它的存在。