Google的“整體網(wǎng)頁(yè)設(shè)計(jì)”，你會(huì)看到很多涉及健康的結(jié)果。但這并不是設(shè)計(jì)師和開發(fā)人員在提到整體網(wǎng)頁(yè)設(shè)計(jì)時(shí)通常所說(shuō)的。在最簡(jiǎn)單的解釋中，我們將對(duì)此進(jìn)行更深入的研究整體網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)過(guò)程，它思考項(xiàng)目的所有部分，并理解和說(shuō)明它們之間的連接方式。如果視覺效果不佳，那么精彩的內(nèi)容將分崩離析。同樣，如果瀏覽器的可用性不高，那么它看上去毫無(wú)用處。這些是整體網(wǎng)頁(yè)設(shè)計(jì)在解決之前就解決的問(wèn)題。那么本期專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)公司Angle就給大家講解一下什么是整體網(wǎng)頁(yè)設(shè)計(jì)。

1、整體設(shè)計(jì)理念
歸根結(jié)底，整體網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)過(guò)程。每個(gè)設(shè)計(jì)/開發(fā)團(tuán)隊(duì)的步驟和計(jì)劃可能有所不同，但是它們確實(shí)有很多共同點(diǎn)。從設(shè)計(jì)師的角度來(lái)看，設(shè)計(jì)、技術(shù)、性能和業(yè)務(wù)影響是主要考慮因素。計(jì)劃和研究等其他階段通常由其他人執(zhí)行，盡管如果你是一個(gè)人的商店，則也可以執(zhí)行這些角色。這些元素也可以進(jìn)一步分為其他程序步驟：內(nèi)容和消息傳遞，UI設(shè)計(jì)、UX設(shè)計(jì)、視覺設(shè)計(jì)、開發(fā)、測(cè)試、培訓(xùn)和反饋。所有這些步驟看起來(lái)可能有所不同，具體取決于誰(shuí)在計(jì)劃項(xiàng)目。Webdesigner Depot是幫助你確保完全了解整體Web設(shè)計(jì)背后思想的最佳清單之一。本文包括六個(gè)問(wèn)題，在你做出任何事情之前要問(wèn)：在網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)中，因果關(guān)系通常幾乎可以立即看出。事情發(fā)生得很快，你所做的一切都會(huì)影響你的用戶，你自己，你擁有的任何員工，你的股東以及你甚至可能不在方程式中考慮的某些人。無(wú)論好壞，它將影響您的一生。

2、規(guī)劃與研究
在網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目的規(guī)劃和研究階段，你實(shí)際上應(yīng)該做三件事：

• 確定項(xiàng)目目標(biāo)
• 定義項(xiàng)目范圍
• 定義項(xiàng)目的受眾或用戶角色

這些要素將影響項(xiàng)目的組合方式，并應(yīng)成為其他一切工作的基礎(chǔ)。如果項(xiàng)目不符合項(xiàng)目目標(biāo)或不在范圍內(nèi)，則應(yīng)重新評(píng)估。

3、設(shè)計(jì)
設(shè)計(jì)階段通常是網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目中最有趣的部分（無(wú)論如何對(duì)于廣告素材而言）。這是線框，內(nèi)容和視覺效果都開始融合在一起的時(shí)候。
該過(guò)程的這一部分中的任務(wù)包括：

• 繪制站點(diǎn)地圖和線框（基于項(xiàng)目范圍）
• 創(chuàng)建和收集所有內(nèi)容-照片，文本，視頻，動(dòng)畫等。
• 制作視覺元素，包括情緒板到項(xiàng)目的實(shí)際調(diào)色板
• 通過(guò)高效的信息架構(gòu)開發(fā)強(qiáng)大的布局和層次結(jié)構(gòu)

4、技術(shù)與性能
網(wǎng)站設(shè)計(jì)的最大功能（和局限性）之一可能與技術(shù)有關(guān)。你設(shè)計(jì)的網(wǎng)站是否可以正常工作？它對(duì)所有用戶有效且可以理解嗎？從網(wǎng)站速度到你可以結(jié)合并集成以實(shí)現(xiàn)目標(biāo)的工具，都有太多技術(shù)問(wèn)題需要列出。要點(diǎn)是：他們需要為網(wǎng)站所有者（以他們理解的方式收集正確的數(shù)據(jù)）和用戶（網(wǎng)站必須快速且易于使用）工作。在性能方面，有技術(shù)方面的考慮，再加上一項(xiàng)搜索。由于搜索，大多數(shù)網(wǎng)站訪問(wèn)量的固定部分都定向到了網(wǎng)站。確保將SEO策略納入設(shè)計(jì)。（就像將圖像上傳到內(nèi)容管理系統(tǒng)一樣簡(jiǎn)單，它與搜索有關(guān)，因此請(qǐng)?jiān)谶M(jìn)行深入了解之前進(jìn)行規(guī)劃。）你可以根據(jù)各個(gè)項(xiàng)目的范圍，權(quán)衡使用哪種工具，安裝CMS和提供插件的優(yōu)缺點(diǎn)。但是要知道，技術(shù)和性能并不是萬(wàn)能的解決方案。

5、業(yè)務(wù)影響

一旦有了出色的設(shè)計(jì)，就無(wú)法完成工作。一個(gè)好的整體網(wǎng)站策略應(yīng)著眼于設(shè)計(jì)和功能如何幫助公司達(dá)到業(yè)務(wù)目標(biāo)。（這可能就是為什么網(wǎng)站首先是整體策略的一部分的原因。）網(wǎng)站設(shè)計(jì)將如何實(shí)際影響業(yè)務(wù)？是否可以幫助人們找到信息并了解公司？它是用于銷售還是電子商務(wù)？這也是其他考慮因素也發(fā)揮作用的地方：誰(shuí)將在客戶端使用該網(wǎng)站（或?qū)ζ溥M(jìn)行維護(hù)）？哪些反饋，投資回報(bào)率或分析數(shù)據(jù)表明該項(xiàng)目正在運(yùn)行或成功？你可能希望從一開始就對(duì)答案有所了解。你可能會(huì)為電子商務(wù)設(shè)計(jì)設(shè)計(jì)一個(gè)與純粹提供信息的網(wǎng)站完全不同的界面。你可以根據(jù)總體目標(biāo)以不同的方式將設(shè)計(jì)與其他品牌渠道聯(lián)系起來(lái)。但是，最重要的是反饋圈。當(dāng)用戶與網(wǎng)站設(shè)計(jì)交互時(shí)，每次點(diǎn)擊都會(huì)告訴你一些信息。你可以使用該信息來(lái)確保用戶正在執(zhí)行所需的操作并與“正確”的內(nèi)容進(jìn)行交互。你也可以使用此信息進(jìn)行必要的調(diào)整。（這就是你通過(guò)使設(shè)計(jì)更易于用戶使用而返回給用戶的反饋。）

因此，當(dāng)從整體上著手進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目時(shí)，你實(shí)際上是在同時(shí)考慮所有這些問(wèn)題。上一步和下一步以及目標(biāo)和范圍應(yīng)該始終是對(duì)話的一部分。有關(guān)設(shè)計(jì)的一切都是相互關(guān)聯(lián)的。理解這一點(diǎn)是打造一個(gè)可以正常運(yùn)行的漂亮網(wǎng)站的根本。本期專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)公司Angle就給大家分享到這里了。