我們知道在網(wǎng)站建設(shè)過(guò)程中，首先第一步需要做的就是網(wǎng)站的設(shè)計(jì)，一般在設(shè)計(jì)網(wǎng)站之前，需要了解客戶的真實(shí)需求，然后由網(wǎng)頁(yè)設(shè)計(jì)師開(kāi)始構(gòu)思網(wǎng)站結(jié)構(gòu)、色彩搭配，我們稱之為網(wǎng)站布局。
在網(wǎng)站設(shè)計(jì)里面，最重要的一個(gè)方面就是網(wǎng)頁(yè)的風(fēng)格。網(wǎng)頁(yè)的風(fēng)格包含很多內(nèi)容，主要包括色彩、網(wǎng)頁(yè)排版、網(wǎng)頁(yè)的文互、多媒體的形式、內(nèi)容架構(gòu)及網(wǎng)頁(yè)內(nèi)容等。下面南昌雅騰科技分別對(duì)這些方面進(jìn)行介紹。
1、色彩
色彩包括網(wǎng)頁(yè)的底色、文字的色彩、圖片的色系、顏色等。
2、排版
主要是網(wǎng)頁(yè)的整體結(jié)構(gòu)、各個(gè)組成部分內(nèi)容的展示形式、表格、框架的應(yīng)用、文字縮排、段落等。
在開(kāi)始編寫(xiě)文字、尋找圖像和進(jìn)行正式網(wǎng)頁(yè)設(shè)計(jì)之前應(yīng)該先把基本的網(wǎng)頁(yè)結(jié)構(gòu)組織好。要是開(kāi)始的時(shí)候在腦子里沒(méi)有一個(gè)相當(dāng)明確的結(jié)構(gòu)，那幾乎肯定會(huì)以一團(tuán)糟而告終。參考一些用戶喜歡的頁(yè)面，研究它們的布局和風(fēng)格，看它們是如何表現(xiàn)內(nèi)容的。整頁(yè)地復(fù)制別人的東西是剽竊行為，但是向別人學(xué)習(xí)則是研究過(guò)程。
對(duì)要設(shè)計(jì)的網(wǎng)頁(yè)有了初步的思考之后，就可以把思考的結(jié)果以草圖的形式表示出來(lái)。這樣做的目的有二：
其一是把大腦中的東西變成一個(gè)實(shí)實(shí)在在的圖片，這樣自己可以驗(yàn)證實(shí)際效果如何。
其二是可以把設(shè)計(jì)草圖發(fā)給別人，讓別人提一下意見(jiàn)。
草圖的設(shè)計(jì)可以使用Photoshop或者其他的圖像設(shè)計(jì)軟件，主要內(nèi)容是對(duì)網(wǎng)頁(yè)的整體結(jié)構(gòu)做個(gè)規(guī)劃。例如網(wǎng)頁(yè)整體分為幾個(gè)大的部分，每個(gè)部分應(yīng)該放什么內(nèi)容，內(nèi)容的展現(xiàn)形式如何，是圖片、動(dòng)畫(huà)還是文字。如圖所示即為南昌雅騰信息科技有限公司為海南英朗服飾有限公司做的一個(gè)網(wǎng)頁(yè)草圖。
3、網(wǎng)頁(yè)的交互
主要是網(wǎng)頁(yè)的交互形式，客戶端及服務(wù)器端的程序，例如在客戶端是否采用JavaScript的框架來(lái)增強(qiáng)用戶體驗(yàn)，服務(wù)器端的程序是如何實(shí)現(xiàn)的，例如ASP, PHP, XML, CGI等。
4、其他的媒體形式
這部分主要是讓網(wǎng)頁(yè)看起來(lái)生動(dòng)活潑的各種內(nèi)容形式，如Flash動(dòng)畫(huà)、Silverlight程序等。
5、內(nèi)容架構(gòu)
主要是指網(wǎng)站的目錄規(guī)劃、網(wǎng)站及網(wǎng)頁(yè)內(nèi)容的層次性要明確。
主要是指網(wǎng)站是否主題明確、網(wǎng)站的整體實(shí)用性如何、網(wǎng)站內(nèi)文件之間的關(guān)聯(lián)性如何、網(wǎng)頁(yè)內(nèi)容與主題切合度如何、是否有不必要的檔案等。
設(shè)計(jì)的首頁(yè)效果圖