網(wǎng)站建設整體設計思路
2023-02-04 分類： 網(wǎng)站建設
一、頁面界面風格
我們針對xx品牌服裝網(wǎng)站設計是個性化的貼身設計，將對xx品牌服裝的網(wǎng)站，進行優(yōu)質的建設和服務。xx品牌服裝的網(wǎng)站，總體風格力求大氣，有品質感、畫面精制藝術，并附有時尚感。具體的講，該網(wǎng)站制作(www.rwnh.cn)的總體風格設計需要遵循以下原則：
1. 設計應凸現(xiàn)xx品牌的實力
xx作為服裝品牌的后起之秀，希望在服裝界有一席之力的愿望和能力都非常明顯。xx集設計、制作、銷售為一體，走中高檔職業(yè)女裝路線。所以網(wǎng)站設計要充分展示xx品牌服裝的時尚、潮流、營銷方面的實力，設計力求準確、大氣，畫面華麗，動畫求緩，用色講究干凈整潔，以冷純色基調為主，彰顯優(yōu)雅的藝術氣息。
2. 設計應體現(xiàn)xx品牌對品質的追求
在網(wǎng)站中，將通過以下設計手段，實現(xiàn)xx品牌對質量和品質追求的表達：
● 參照xx品牌現(xiàn)有的VI設計方案，盡量實現(xiàn)網(wǎng)站風格和VI的統(tǒng)一；
● 畫面要華麗，不要采用過多活潑動感的設計，而flash動畫則采用舒緩的運動模式；
● 平面設計要簡潔、大氣、高雅，少許花哨的裝飾。
3. 色調和動畫說明
以xx品牌的基本宣傳為基調，定義網(wǎng)站的整體色調，以獲得用戶的統(tǒng)一視覺識別。要求線條簡練、用色華麗。具體選色還需參考xx品牌的VI方案。整個網(wǎng)站色彩的基本統(tǒng)一相當重要，它使網(wǎng)站顯得整體風格統(tǒng)一、和諧。在主色調之外，采用較少的對比色彩作為補充、點綴，豐富頁面、版式的視覺效果。使整個網(wǎng)站在風格上，顯得統(tǒng)一但富有變化。
網(wǎng)站需設計多個形式不一的、優(yōu)質的FLASH動畫圖片等，通過一系列和頁面有機結合的、輕柔、舒緩、內斂而不張揚的Flash動畫，畫龍點睛的對頁面進行適當處理。通過這種方式，使頁面效果不至于呆板。圖形元素中，擬采用富有節(jié)奏的點、活潑流暢的弧線、豐富變化面相結合，剛柔并濟，柔美而又有一定張力。
4. 標志（LOGO）
根據(jù)xx品牌的現(xiàn)有LOGO（標志）進行修改后（或直接使用），制作成網(wǎng)站LOGO，要求線條、用色簡潔。
二、網(wǎng)站整體信息架構
1. 信息架構圖信息架構說明
根據(jù)需求分析，網(wǎng)站前期的主要目的是為了加盟商對品牌進行認識與了解，對加盟進行幫助和引導，用戶的互動和參與放在較次要的位置。所以信息架構如上圖，用戶的參與和互動需要等到其它系統(tǒng)開通后，再逐一豐富上去。
關于我們：以品牌和企業(yè)介紹為主，對公司的概況和品牌路線向加盟商和用戶進行描述。
產品展示：以大圖展示為主，按不同緯度對圖片進行分類，用動畫的方式展示和體現(xiàn)。
最新動態(tài)：包括了品牌的最新資訊、新開店鋪信息、品牌內刊與電子雜志。
市場營銷：以地圖的形式展示品牌的營銷網(wǎng)絡，對旗艦店進行介紹，宣傳品牌形像。
招商加盟：服務與促進加盟，提供下載加盟說明書，在線提交加盟意向等服務，和加盟管理內容。
人才招聘：一個單頁只列出需要招聘的內容。
聯(lián)系我們：給出聯(lián)系方式，并有留言板
三、總體內容把握
1. 圖片質量要精致
網(wǎng)站是以服裝品牌的展示為主，服裝的體現(xiàn)就是最主要的部分。以圖片的形式對服裝進行展示，每張圖片都應該是專門進行設計和制作的，不能讓圖片的低質量影響了整個網(wǎng)站的效果。圖片要做到：大氣、清晰、干凈、有層次感、符合平面視覺原理。
2. 內容簡明，準確表達
網(wǎng)友總是希望在第一時間將所需要的內容了解清楚，不希望花太多的時間在閱讀無關緊要的內容上。將每條內容都精煉再精煉，不要用太多的文字內容打擾網(wǎng)友對整個網(wǎng)站整合風格的欣賞和判斷。
3. 有擴展性和升級性、可維護性
網(wǎng)站要充分考慮到今后的擴展性，比如子欄目下的內容要從網(wǎng)站的后臺可以直接添加、修改；網(wǎng)站設計采用模塊化設計，若網(wǎng)站增加新功能，也在保證在原有框架中直接接口，而不需要對網(wǎng)站結構進行大的調整。網(wǎng)站大部分內容可實現(xiàn)從后臺添加更改，普通電腦操作人員，經過短訓即可學會自主修改、添加網(wǎng)站內容。
一、概述
我的網(wǎng)站主題是關于家居裝修設計，我個人認為，家是一個讓人放松的地方，而一個舒適的家居環(huán)境能讓我們釋放學習及工作的壓力，但現(xiàn)實中很多人對于家居的設計知識及裝修常識了解的不是很多。Smile家居網(wǎng)站的設計的目的不僅為了宣傳Smile家居公司，樹立企也公司高的知名度，宣傳企業(yè)的文化，吸引更多的公司和個人來我公司做業(yè)務，也是為了給需要了解家居知識，了解家居潮流，設計自己的舒適家居環(huán)境而設計的，更好的為顧客服務。
本網(wǎng)站主要使用Dreamweaver、firework、flash、ASP VBscript、IIS和Access等主要工具。網(wǎng)站中主要是ASP動態(tài)網(wǎng)頁的設計，ASP動態(tài)網(wǎng)站實現(xiàn)的用戶與服務器交互的功能，實現(xiàn)了通過網(wǎng)頁訪問后臺數(shù)據(jù)庫的功能，更加方便的管理與更新網(wǎng)站。
在實現(xiàn)自己網(wǎng)站之前，做了大量的準備工作。上網(wǎng)搜索素材，包括圖片、視頻、家居裝修的常識和方法，參考其他家居網(wǎng)站設計方案及模塊實現(xiàn)，如：新浪家居、宜家家居等；借閱相關書籍，參考各種功能實現(xiàn)所需掌握的知識及方法；同時，向老師了解網(wǎng)站建設的設計思想及具體實現(xiàn)過程。
網(wǎng)頁制作，首先是通過表格、框架、CSS、模板等實現(xiàn)主頁的簡單設計，而后學習了ASP動態(tài)網(wǎng)站建設的相關知識，通過安裝IIS，建立使用服務器的站點，連接數(shù)據(jù)庫，實現(xiàn)了用戶登錄，商品瀏覽、查看、修改、搜索的功能。這些功能的實現(xiàn)更加方便用戶購買商品，讓公司對網(wǎng)站的管理更加方便。
二、項目需求分析
家居網(wǎng)站所面向的群體主要是需要裝修的群體、家居裝修設計師、想了解家居裝修知識及想與之進行業(yè)務合作的群體等。
需要裝修的群體又會有不同的要求。有人喜歡簡單淡雅的風格，有人喜歡高貴典雅的風格，也有人喜歡時尚非主流的風格；還有的人消費水平較低，希望商品實用便宜，有的人消費水平較高，想要設計質量各方面比較突出的產品；同時還有針對不同年齡段的人群也有不同的要求。
網(wǎng)站的建設根據(jù)不同用戶的需求，設計了不同的版塊。
三、項目總體設計
1、整體架構及布局設計
網(wǎng)站的整體色彩以白色和綠色為主，配有點淡粉紅色，字體設置為10pt，色彩的搭配符合家給人帶來舒適的感覺，更容易讓不同風格的顧客接受。
主頁中的各個模塊的布局主要是使用CSS實現(xiàn)的。主頁設計主要采用頂部導航、內容左右分的布局。內容的左側大致為具體的鏈接及提示信息等，右側主要是詳細的內容介紹，包括新聞資訊、商品展示等。
2、網(wǎng)站的欄目設計
主頁中的欄目主要包括導航、用戶登錄、最新公告、最新資訊、收藏本店、寶貝分類、友情鏈接等詳細分類。導航包括首頁、案例展示、流行飾品、新品上架、視頻賞析和聯(lián)系我們七部分
3、數(shù)據(jù)庫設計
網(wǎng)站中的數(shù)據(jù)庫采用Access設計，數(shù)據(jù)庫名為data.mdb,包括下面圖中的6個表及其對應關系：
四、項目詳細設計
1、前臺功能設計
(1) 導航是一個一行六列的表格，綠色的背景搭配白色的字體。“案例展示”鏈接跳轉到anli.asp頁面，此頁面是下載的代碼，通過添加圖片，實現(xiàn)自己網(wǎng)站家居裝修案例的展示；“流行飾品” 是頁面內的跳轉，通過命名錨記實現(xiàn)；“新品上架”鏈接跳轉到newproduct.asp,此頁面是通過添加商品信息表的記錄集和服務器行為實現(xiàn)數(shù)據(jù)庫中商品的展示；“聯(lián)系我們”是電子郵件鏈接，用戶可以給我們發(fā)郵件實現(xiàn)交流，進行業(yè)務的聯(lián)系。
(2) 用戶登錄是通過表單、添加記錄集“用戶信息表account”和服務器行為“用戶登錄”實現(xiàn)的。其中用戶有兩個級別限制(這是對數(shù)據(jù)庫中數(shù)據(jù)安全性的設計)，包括顧客“user”和管理員“admin”，顧客登錄后可以查看數(shù)據(jù)庫中商品、搜索商品和查看購物車，管理員在顧客實現(xiàn)的功能的基礎上還有修改商品信息。實現(xiàn)了前臺向后臺的跳轉。
設置用戶注冊的按鈕，方便顧客注冊成為網(wǎng)站的會員，使顧客能夠更多更方便的光臨本網(wǎng)站，查看自己的信息和最新的商品信息。
(3) 最新公告欄目是向顧客展示最近網(wǎng)站的活動及注意事項。本欄目也是通過添加記錄集“news表”、服務器行為重復記錄來實現(xiàn)多條公告的顯示，同時，添加了
我們針對xx品牌服裝網(wǎng)站設計是個性化的貼身設計，將對xx品牌服裝的網(wǎng)站，進行優(yōu)質的建設和服務。xx品牌服裝的網(wǎng)站，總體風格力求大氣，有品質感、畫面精制藝術，并附有時尚感。具體的講，該網(wǎng)站制作(www.rwnh.cn)的總體風格設計需要遵循以下原則：
1. 設計應凸現(xiàn)xx品牌的實力
xx作為服裝品牌的后起之秀，希望在服裝界有一席之力的愿望和能力都非常明顯。xx集設計、制作、銷售為一體，走中高檔職業(yè)女裝路線。所以網(wǎng)站設計要充分展示xx品牌服裝的時尚、潮流、營銷方面的實力，設計力求準確、大氣，畫面華麗，動畫求緩，用色講究干凈整潔，以冷純色基調為主，彰顯優(yōu)雅的藝術氣息。
2. 設計應體現(xiàn)xx品牌對品質的追求
在網(wǎng)站中，將通過以下設計手段，實現(xiàn)xx品牌對質量和品質追求的表達：
● 參照xx品牌現(xiàn)有的VI設計方案，盡量實現(xiàn)網(wǎng)站風格和VI的統(tǒng)一；
● 畫面要華麗，不要采用過多活潑動感的設計，而flash動畫則采用舒緩的運動模式；
● 平面設計要簡潔、大氣、高雅，少許花哨的裝飾。
3. 色調和動畫說明
以xx品牌的基本宣傳為基調，定義網(wǎng)站的整體色調，以獲得用戶的統(tǒng)一視覺識別。要求線條簡練、用色華麗。具體選色還需參考xx品牌的VI方案。整個網(wǎng)站色彩的基本統(tǒng)一相當重要，它使網(wǎng)站顯得整體風格統(tǒng)一、和諧。在主色調之外，采用較少的對比色彩作為補充、點綴，豐富頁面、版式的視覺效果。使整個網(wǎng)站在風格上，顯得統(tǒng)一但富有變化。
網(wǎng)站需設計多個形式不一的、優(yōu)質的FLASH動畫圖片等，通過一系列和頁面有機結合的、輕柔、舒緩、內斂而不張揚的Flash動畫，畫龍點睛的對頁面進行適當處理。通過這種方式，使頁面效果不至于呆板。圖形元素中，擬采用富有節(jié)奏的點、活潑流暢的弧線、豐富變化面相結合，剛柔并濟，柔美而又有一定張力。
4. 標志（LOGO）
根據(jù)xx品牌的現(xiàn)有LOGO（標志）進行修改后（或直接使用），制作成網(wǎng)站LOGO，要求線條、用色簡潔。
二、網(wǎng)站整體信息架構
1. 信息架構圖信息架構說明
根據(jù)需求分析，網(wǎng)站前期的主要目的是為了加盟商對品牌進行認識與了解，對加盟進行幫助和引導，用戶的互動和參與放在較次要的位置。所以信息架構如上圖，用戶的參與和互動需要等到其它系統(tǒng)開通后，再逐一豐富上去。
關于我們：以品牌和企業(yè)介紹為主，對公司的概況和品牌路線向加盟商和用戶進行描述。
產品展示：以大圖展示為主，按不同緯度對圖片進行分類，用動畫的方式展示和體現(xiàn)。
最新動態(tài)：包括了品牌的最新資訊、新開店鋪信息、品牌內刊與電子雜志。
市場營銷：以地圖的形式展示品牌的營銷網(wǎng)絡，對旗艦店進行介紹，宣傳品牌形像。
招商加盟：服務與促進加盟，提供下載加盟說明書，在線提交加盟意向等服務，和加盟管理內容。
人才招聘：一個單頁只列出需要招聘的內容。
聯(lián)系我們：給出聯(lián)系方式，并有留言板
三、總體內容把握
1. 圖片質量要精致
網(wǎng)站是以服裝品牌的展示為主，服裝的體現(xiàn)就是最主要的部分。以圖片的形式對服裝進行展示，每張圖片都應該是專門進行設計和制作的，不能讓圖片的低質量影響了整個網(wǎng)站的效果。圖片要做到：大氣、清晰、干凈、有層次感、符合平面視覺原理。
2. 內容簡明，準確表達
網(wǎng)友總是希望在第一時間將所需要的內容了解清楚，不希望花太多的時間在閱讀無關緊要的內容上。將每條內容都精煉再精煉，不要用太多的文字內容打擾網(wǎng)友對整個網(wǎng)站整合風格的欣賞和判斷。
3. 有擴展性和升級性、可維護性
網(wǎng)站要充分考慮到今后的擴展性，比如子欄目下的內容要從網(wǎng)站的后臺可以直接添加、修改；網(wǎng)站設計采用模塊化設計，若網(wǎng)站增加新功能，也在保證在原有框架中直接接口，而不需要對網(wǎng)站結構進行大的調整。網(wǎng)站大部分內容可實現(xiàn)從后臺添加更改，普通電腦操作人員，經過短訓即可學會自主修改、添加網(wǎng)站內容。
一、概述
我的網(wǎng)站主題是關于家居裝修設計，我個人認為，家是一個讓人放松的地方，而一個舒適的家居環(huán)境能讓我們釋放學習及工作的壓力，但現(xiàn)實中很多人對于家居的設計知識及裝修常識了解的不是很多。Smile家居網(wǎng)站的設計的目的不僅為了宣傳Smile家居公司，樹立企也公司高的知名度，宣傳企業(yè)的文化，吸引更多的公司和個人來我公司做業(yè)務，也是為了給需要了解家居知識，了解家居潮流，設計自己的舒適家居環(huán)境而設計的，更好的為顧客服務。
本網(wǎng)站主要使用Dreamweaver、firework、flash、ASP VBscript、IIS和Access等主要工具。網(wǎng)站中主要是ASP動態(tài)網(wǎng)頁的設計，ASP動態(tài)網(wǎng)站實現(xiàn)的用戶與服務器交互的功能，實現(xiàn)了通過網(wǎng)頁訪問后臺數(shù)據(jù)庫的功能，更加方便的管理與更新網(wǎng)站。
在實現(xiàn)自己網(wǎng)站之前，做了大量的準備工作。上網(wǎng)搜索素材，包括圖片、視頻、家居裝修的常識和方法，參考其他家居網(wǎng)站設計方案及模塊實現(xiàn)，如：新浪家居、宜家家居等；借閱相關書籍，參考各種功能實現(xiàn)所需掌握的知識及方法；同時，向老師了解網(wǎng)站建設的設計思想及具體實現(xiàn)過程。
網(wǎng)頁制作，首先是通過表格、框架、CSS、模板等實現(xiàn)主頁的簡單設計，而后學習了ASP動態(tài)網(wǎng)站建設的相關知識，通過安裝IIS，建立使用服務器的站點，連接數(shù)據(jù)庫，實現(xiàn)了用戶登錄，商品瀏覽、查看、修改、搜索的功能。這些功能的實現(xiàn)更加方便用戶購買商品，讓公司對網(wǎng)站的管理更加方便。
二、項目需求分析
家居網(wǎng)站所面向的群體主要是需要裝修的群體、家居裝修設計師、想了解家居裝修知識及想與之進行業(yè)務合作的群體等。
需要裝修的群體又會有不同的要求。有人喜歡簡單淡雅的風格，有人喜歡高貴典雅的風格，也有人喜歡時尚非主流的風格；還有的人消費水平較低，希望商品實用便宜，有的人消費水平較高，想要設計質量各方面比較突出的產品；同時還有針對不同年齡段的人群也有不同的要求。
網(wǎng)站的建設根據(jù)不同用戶的需求，設計了不同的版塊。
三、項目總體設計
1、整體架構及布局設計
網(wǎng)站的整體色彩以白色和綠色為主，配有點淡粉紅色，字體設置為10pt，色彩的搭配符合家給人帶來舒適的感覺，更容易讓不同風格的顧客接受。
主頁中的各個模塊的布局主要是使用CSS實現(xiàn)的。主頁設計主要采用頂部導航、內容左右分的布局。內容的左側大致為具體的鏈接及提示信息等，右側主要是詳細的內容介紹，包括新聞資訊、商品展示等。
2、網(wǎng)站的欄目設計
主頁中的欄目主要包括導航、用戶登錄、最新公告、最新資訊、收藏本店、寶貝分類、友情鏈接等詳細分類。導航包括首頁、案例展示、流行飾品、新品上架、視頻賞析和聯(lián)系我們七部分
3、數(shù)據(jù)庫設計
網(wǎng)站中的數(shù)據(jù)庫采用Access設計，數(shù)據(jù)庫名為data.mdb,包括下面圖中的6個表及其對應關系：
四、項目詳細設計
1、前臺功能設計
(1) 導航是一個一行六列的表格，綠色的背景搭配白色的字體。“案例展示”鏈接跳轉到anli.asp頁面，此頁面是下載的代碼，通過添加圖片，實現(xiàn)自己網(wǎng)站家居裝修案例的展示；“流行飾品” 是頁面內的跳轉，通過命名錨記實現(xiàn)；“新品上架”鏈接跳轉到newproduct.asp,此頁面是通過添加商品信息表的記錄集和服務器行為實現(xiàn)數(shù)據(jù)庫中商品的展示；“聯(lián)系我們”是電子郵件鏈接，用戶可以給我們發(fā)郵件實現(xiàn)交流，進行業(yè)務的聯(lián)系。
(2) 用戶登錄是通過表單、添加記錄集“用戶信息表account”和服務器行為“用戶登錄”實現(xiàn)的。其中用戶有兩個級別限制(這是對數(shù)據(jù)庫中數(shù)據(jù)安全性的設計)，包括顧客“user”和管理員“admin”，顧客登錄后可以查看數(shù)據(jù)庫中商品、搜索商品和查看購物車，管理員在顧客實現(xiàn)的功能的基礎上還有修改商品信息。實現(xiàn)了前臺向后臺的跳轉。
設置用戶注冊的按鈕，方便顧客注冊成為網(wǎng)站的會員，使顧客能夠更多更方便的光臨本網(wǎng)站，查看自己的信息和最新的商品信息。
(3) 最新公告欄目是向顧客展示最近網(wǎng)站的活動及注意事項。本欄目也是通過添加記錄集“news表”、服務器行為重復記錄來實現(xiàn)多條公告的顯示，同時，添加了
猜你還喜歡下面的內容
- 網(wǎng)站建設—PHP如何刪除數(shù)組中的重復元素 2023-02-04
- 網(wǎng)站建設流程之網(wǎng)站整體規(guī)劃 2023-02-04
- 網(wǎng)站建設在設計醫(yī)療網(wǎng)站時必要的設計元素有哪些？ 2023-02-04
- 上海網(wǎng)站建設解讀怎么挑選長尾關鍵詞增加網(wǎng)站流量？ 2023-02-04
- 煙臺網(wǎng)站建設搜索引擎是如何抓取圖片信息的？ 2023-02-04
- 高端網(wǎng)站建設的設計要求 2023-02-04
- 網(wǎng)站建設切圖CSS代碼如何做到換行及方法？ 2023-02-04
- 企業(yè)網(wǎng)站建設時要把控好那些問題？ 2023-02-04
- 網(wǎng)站建設要有利于搜索引擎優(yōu)化 2023-02-04
- 高端網(wǎng)站建設和低端網(wǎng)站性能的區(qū)別 2023-02-04
- 網(wǎng)站建設一般包括哪些費用？ 2023-02-04
- 進行營銷型網(wǎng)站建設需要避免的三大誤區(qū) 2023-02-04
- 網(wǎng)站建設公司怎么選擇合適的一家 2023-02-04
- 成都企業(yè)型網(wǎng)站建設的營銷策略 2023-02-04
- 天津網(wǎng)站建設移動網(wǎng)頁設計中的七個注意事項 2023-02-04
- 企業(yè)網(wǎng)站建設怎么降低成本 2023-02-04
- 網(wǎng)站建設需要的相關工作 2023-02-04
- ?企業(yè)型網(wǎng)站建設開發(fā)需要經歷那些步驟！ 2023-02-04
- 網(wǎng)站建設的基本要求及策劃事項 2023-02-04