一個(gè)網(wǎng)站設(shè)計(jì)從頭到位都很重要，凡事講究萬(wàn)事始于足底。在網(wǎng)站設(shè)計(jì)當(dāng)中網(wǎng)站的結(jié)構(gòu)框架的設(shè)計(jì)與策劃就是我們所謂的足底，在目前石家莊的網(wǎng)站設(shè)計(jì)當(dāng)中。真正能做到全面的定制設(shè)計(jì)、策劃一個(gè)網(wǎng)站的構(gòu)架與結(jié)構(gòu)的公司寥寥無(wú)幾，那今天我們就來(lái)講一講尚武科技關(guān)于網(wǎng)站的構(gòu)架設(shè)計(jì)、策劃一些認(rèn)識(shí)。

　　一、網(wǎng)站構(gòu)架的設(shè)計(jì)第一步來(lái)自對(duì)于客戶(hù)需求的了解，我們要了解

　　1. 客戶(hù)的背景例如：行業(yè)、產(chǎn)業(yè)、產(chǎn)品、公司、業(yè)務(wù)體系、運(yùn)作模式等

　　2. 客戶(hù)對(duì)于網(wǎng)站的需求例如：企業(yè)展示、產(chǎn)品銷(xiāo)售、客戶(hù)服務(wù)、招商等

　　3. 客戶(hù)對(duì)于網(wǎng)站的視覺(jué)風(fēng)格需求：簡(jiǎn)約風(fēng)格、傳統(tǒng)風(fēng)格、工業(yè)風(fēng)格、交互風(fēng)格等

　　當(dāng)然上述的需求只是我們了解客戶(hù)需求中的一部分，我們?cè)诰W(wǎng)站構(gòu)架的設(shè)計(jì)及策劃中了解客戶(hù)需求的程度越深直接影響到我們最終網(wǎng)站設(shè)計(jì)的構(gòu)架深度，同時(shí)能更直觀的解決客戶(hù)對(duì)于網(wǎng)站需求的問(wèn)題。上述三個(gè)問(wèn)題，第一個(gè)是從大方向上了解客戶(hù)的情況，無(wú)論做任何設(shè)計(jì)都需要深入了解的，不論是品牌、網(wǎng)站、視覺(jué)、產(chǎn)品的設(shè)計(jì)都是如此。第二個(gè)是從客戶(hù)對(duì)于網(wǎng)站的功能上來(lái)進(jìn)行了解，這部分的需求信息的索取直接影響到我們要設(shè)計(jì)的網(wǎng)站構(gòu)架，因?yàn)檫@樣能更直觀的了解到客戶(hù)所需要設(shè)計(jì)網(wǎng)站所需要解決的實(shí)際問(wèn)題，也是網(wǎng)站設(shè)計(jì)構(gòu)架時(shí)最需要注意的一點(diǎn)。往往網(wǎng)站設(shè)計(jì)構(gòu)架不理想、客戶(hù)不滿(mǎn)意都是因?yàn)榇瞬糠值牧私庑枨蟛粔蛏钊?，沒(méi)有了解到客戶(hù)的核心訴求。第三步分的需求了解其實(shí)更多的是在構(gòu)架實(shí)時(shí)在線稿圖、效果圖中的形式展現(xiàn)，這部分根據(jù)客戶(hù)行業(yè)視覺(jué)風(fēng)格、客戶(hù)審美風(fēng)格的不同最終呈現(xiàn)也有所不同。此部分了解若是無(wú)法和客戶(hù)達(dá)成共鳴，最終在頁(yè)面形成后會(huì)被客戶(hù)提出很多無(wú)法彌補(bǔ)的修改問(wèn)題，例如客戶(hù)經(jīng)常提到的視覺(jué)感受不對(duì)，其實(shí)就是因?yàn)榍捌诖瞬糠值牧私獠粔蛏钊搿?/p>

　　二、當(dāng)我們對(duì)于客戶(hù)的需求了解后，我們要開(kāi)始對(duì)客戶(hù)的友商或者說(shuō)對(duì)標(biāo)對(duì)象的網(wǎng)站進(jìn)行分析調(diào)研工作，對(duì)他們網(wǎng)站類(lèi)型進(jìn)行了解分析，如對(duì)標(biāo)對(duì)象是展示類(lèi)企業(yè)站、商城類(lèi)功能站、客戶(hù)服務(wù)類(lèi)交互站等等，這些也和客戶(hù)的行業(yè)密不可分。這里調(diào)研的深度取決于我們對(duì)于客戶(hù)了解的深度以及需求信息的整理。網(wǎng)站功能類(lèi)型了解完以后，我們對(duì)對(duì)標(biāo)對(duì)象的網(wǎng)站構(gòu)架及視覺(jué)風(fēng)格要進(jìn)行，整理、分析、用色、板塊布局、頁(yè)面構(gòu)成，也就是說(shuō)深入去了解這些網(wǎng)站的構(gòu)架了。這里我們不鼓勵(lì)抄襲，在石家莊網(wǎng)站設(shè)計(jì)當(dāng)中，很多公司都是憑空抄襲其他網(wǎng)站的構(gòu)架設(shè)計(jì)。而我們?cè)谶@里更提倡的是，我們汲取對(duì)標(biāo)對(duì)象的有點(diǎn)，摒棄缺點(diǎn)，同時(shí)結(jié)合我們客戶(hù)的需求進(jìn)行框架的梳理與整理工作。直觀的來(lái)講就是結(jié)合我們前期了解的客戶(hù)需求，去檢索我們的調(diào)研信息，將不適合或者不好的部分去掉。

　　三、當(dāng)我們對(duì)競(jìng)品網(wǎng)站進(jìn)行分析調(diào)研并且整理完相關(guān)信息后，此時(shí)我們理應(yīng)是對(duì)于我們網(wǎng)站的構(gòu)架有了初步設(shè)計(jì)想法。這時(shí)我們就要將我們的構(gòu)架設(shè)計(jì)想法形成策劃方案來(lái)進(jìn)行落地。首先是確定我們網(wǎng)站的頁(yè)面結(jié)構(gòu)層次，例如一般性的企業(yè)展示網(wǎng)站分為、首、子、欄、內(nèi)、專(zhuān)、幾種頁(yè)面，尚武科技在網(wǎng)站構(gòu)架設(shè)計(jì)上常用思維導(dǎo)圖的方式制作梳理出我們網(wǎng)站的構(gòu)架脈絡(luò)。

　　筆者最常用的思維導(dǎo)圖軟件為XMind、MindManager當(dāng)然還有一些在線的思維導(dǎo)圖軟件，這些我們都可以使用，接著我們回到主題。

　　第一步：梳理出來(lái)的是我們相應(yīng)的子頁(yè)面一般企業(yè)展示類(lèi)網(wǎng)站分會(huì)分關(guān)于我們、案例、產(chǎn)品中心、新聞專(zhuān)區(qū)、人力資源、聯(lián)系等。當(dāng)然也會(huì)可能更多或更少，這取決于我們客戶(hù)需求的不同。

　　第二步：我們將子頁(yè)面進(jìn)行確定以后，我們接下來(lái)要確定首頁(yè)及每一個(gè)子頁(yè)面的展現(xiàn)分塊，也就是我們頁(yè)面的每一個(gè)一級(jí)標(biāo)題。例如上述刊例圖中的首頁(yè)將能源系統(tǒng)業(yè)務(wù)、我們的優(yōu)勢(shì)、業(yè)務(wù)網(wǎng)絡(luò)與服務(wù)、關(guān)于美帆、對(duì)外公共關(guān)系、新聞專(zhuān)區(qū)、聯(lián)系我們列為頁(yè)面分塊及一級(jí)標(biāo)題。同理子頁(yè)面構(gòu)架分塊設(shè)計(jì)也是同理

　　第三步：我們將所有子頁(yè)面及每部分分塊構(gòu)架完成后，深入分析每一個(gè)框架及分塊是否屬于欄目頁(yè)面，還是屬于圖文直接展現(xiàn)的分塊。這里所說(shuō)的就是分塊中是否有往下級(jí)頁(yè)面跳轉(zhuǎn)的入口。若是有我們此時(shí)去詳細(xì)制定下級(jí)分塊或者再次標(biāo)注直至此頁(yè)為最終的內(nèi)容頁(yè)面。（此部分所述可參考刊例2中我們優(yōu)勢(shì)子頁(yè)面下分級(jí)頁(yè)面）

　　最后我們按照以上三步逐步梳理至最終的內(nèi)容頁(yè)面，當(dāng)所有客戶(hù)需求頁(yè)面及功能梳理完成那么我們網(wǎng)站的整體構(gòu)架設(shè)計(jì)也就從策劃角度告于段落了。下面階段我們就要進(jìn)行線稿圖的設(shè)計(jì)了，當(dāng)然尚武科技在石家莊網(wǎng)站設(shè)計(jì)與策劃當(dāng)中很多時(shí)候是結(jié)合線稿圖同時(shí)來(lái)設(shè)計(jì)我們的網(wǎng)站構(gòu)架的，這樣有一個(gè)好處就是我們同時(shí)會(huì)考慮到構(gòu)架的展現(xiàn)形式與排版布局。其實(shí)石家莊的網(wǎng)站設(shè)計(jì)當(dāng)中，很多網(wǎng)站設(shè)計(jì)公司都是屬于套與抄的模式，我們是堅(jiān)持做有態(tài)度，并且完美結(jié)合客戶(hù)需求的網(wǎng)站設(shè)計(jì)。上面那句話是題外話了，當(dāng)然此次筆者主要想講的是網(wǎng)站構(gòu)架的設(shè)計(jì)與策劃，所以線稿圖的設(shè)計(jì)與實(shí)施我們就放在下次文章中來(lái)給大家進(jìn)行講解。