- 相關(guān)推薦
網(wǎng)站的前臺設計解析
1、安全快速訪(fǎng)問(wèn)。足夠的帶寬是快速訪(fǎng)問(wèn)的保證,(服務(wù)器放在自己?jiǎn)挝徊灰欢ê茫?/p>
2、及時(shí)更新信息。及時(shí)更新才能吸引瀏覽者。
3、完善檢索能力。
4、網(wǎng)站信息交互能力。交互是網(wǎng)站最大特點(diǎn)。
5、方便客戶(hù)訪(fǎng)問(wèn)購買(mǎi)。制造強烈印象,減少干擾信息,避免冗長(cháng)說(shuō)明,提供可視化線(xiàn)索,顯示產(chǎn)品,激發(fā)欲望,提供方便購物車(chē)。
前臺涉及主要工作流程:
1、收集關(guān)鍵信息。
2、概念開(kāi)發(fā)。根據收集構思,草圖網(wǎng)站結構。
3、內容綜合。制作初始圖樣,配文字說(shuō)明。
4、編制頁(yè)面優(yōu)化圖形。
5、整合內部流程。
6、測試。全面測試頁(yè)面和頁(yè)面間的鏈接。
7、交付。
深入研究訪(fǎng)問(wèn)者:
用戶(hù)使用什么瀏覽器?
用戶(hù)需要什么?
用戶(hù)希望什么效果?
用戶(hù)使用什么樣的網(wǎng)絡(luò )連接?
用戶(hù)要花多少時(shí)間在企業(yè)的網(wǎng)站上?
用戶(hù)對因特網(wǎng)的熟悉程度如何?
用戶(hù)的文化背景如何?
網(wǎng)站設計要解決的基本問(wèn)題:
網(wǎng)站結構。
與原有系統保持一致的措施。
信息的組織管理。
信息存儲方法
文檔的版本控制。
結構的完整性和一致性的維護方法。
網(wǎng)站纖細設計和基本模塊:
網(wǎng)站的詳細設計包括:畫(huà)面的布局,系統內部結構,實(shí)現功能,維護方法等。
網(wǎng)站基本模塊:
站點(diǎn)結構圖。導航條。聯(lián)系方式頁(yè)面。反饋表。引人入勝的內容。
常見(jiàn)問(wèn)題解答(FAQ)。合適的圖片。搜索工具。新聞頁(yè)面。相關(guān)站點(diǎn)鏈接。
網(wǎng)站設計常用技術(shù):
網(wǎng)頁(yè)設計技術(shù)。數據庫技術(shù)。表單回收技術(shù)。郵件列表技術(shù)。
全文檢索技術(shù)。搜索引擎技術(shù)。電子商務(wù)技術(shù)。
首頁(yè)設計:
1、首頁(yè)設計應遵循快速、簡(jiǎn)潔、吸引人、信息概括能力強、易于導航的原則。
2、首頁(yè)是全站內容的目錄和索引。
首頁(yè)內容:站名,主菜單,最新信息,電子郵件,聯(lián)絡(luò )信息,版權信息,其他功能。
3、版面設計:勾勒理想草圖,用搭積木的方法拼搭,再用網(wǎng)頁(yè)制作軟件實(shí)現。
4、避免“封面”。需要快速、有價(jià)值的信息。
內容和功能設計:
企業(yè)基本背景介紹。詳細產(chǎn)品資料或服務(wù)介紹。技術(shù)支持資料。
企業(yè)營(yíng)銷(xiāo)網(wǎng)絡(luò )。財務(wù)報告(特別是上市企業(yè))。收集客戶(hù)反饋信息。
其他針對企業(yè)經(jīng)營(yíng)特點(diǎn)的內容。
頁(yè)面可視化設計:
1、頁(yè)面組織效果。運用對比與調和,對稱(chēng)與平衡,節奏與韻律以及留白手段,在頁(yè)面中建立均衡,結合點(diǎn)線(xiàn)面的運用達到完美效果。
2、頁(yè)面色調效果。合理組合搭配,注意不同讀者對顏色的喜惡差異習慣。
3、頁(yè)面版式設計。注重版面布局的視覺(jué)效果。
4、頁(yè)面美術(shù)設計。注意與其他媒體的區別和瀏覽器可識別的圖像格式問(wèn)題
頁(yè)面色調效果:
根據和諧、均衡和重點(diǎn)突出原則,進(jìn)行合理搭配,用最簡(jiǎn)單的色彩表達最豐富的含義。注意:色彩的記憶效果是黑白的3.5倍。
鮮明性:容易引人注目。
獨特性:使用戶(hù)印象深刻。
合適性:色彩要和內容、氣氛相適應。
聯(lián)想性:色彩要和網(wǎng)頁(yè)內容相關(guān)聯(lián)。
頁(yè)面的版面布局:
1、通過(guò)文字圖像的空間組合達到協(xié)調狀態(tài)。
2、經(jīng)過(guò)草圖制作,完成粗略布局,最后定案。
3、版面布局形式:“T”性布局,“口”型布局,“三”型布局,對稱(chēng)布局,海報型的“POP”布局。
4、布局設計原則:“均稱(chēng)”有序,平衡和諧,利用色彩、色調加強效果,注意凝視效果,注意空白的利用,對語(yǔ)言無(wú)法表達的是用圖片解說(shuō)的方法。
頁(yè)面的風(fēng)格設計:
1、整體風(fēng)格是對網(wǎng)站整體形象的綜合感受。包括Ci設計、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內容價(jià)值、存在意義等。
2、樹(shù)立網(wǎng)站風(fēng)格的步驟:
確信風(fēng)格建立在價(jià)值內容之上。
搞清楚網(wǎng)站將給瀏覽者產(chǎn)生的印象。
努力建立和加強確立了的印象。
3、設計裝飾風(fēng)格:組織性風(fēng)格,功能性風(fēng)格,可視性風(fēng)格。沒(méi)有完美的網(wǎng)站裝飾風(fēng)格。
欄目和版面設計:
1、欄目是網(wǎng)站的大綱索引,要明確顯示網(wǎng)站的主題,便于瀏覽查詢(xún)。
2、板塊比欄目概念大,每個(gè)板塊都有欄目。
3、如果要設立板塊,要考慮相對獨立,相互關(guān)聯(lián),內容要圍繞主題。
4、欄目安排要緊扣主題,可以考慮設立“最近更新”的指南欄目,設立可雙向交流的欄目,設立一個(gè)下載或常見(jiàn)問(wèn)題回答欄目。
其他功能設計:
客戶(hù)留言設計。搜索引擎設計。聊天室設計。郵件功能設計。虛擬社區設計。
網(wǎng)站設計成功要素:
整體布局結構清晰。提供有價(jià)值的信息?焖俚脑L(fǎng)問(wèn)速度。良好的版面設計。
很強的文字可讀性。良好的標題設計。導航明確導向清晰。加強客戶(hù)關(guān)系。
有效保護個(gè)人信息。方便的反饋和服務(wù)。
【網(wǎng)站的前臺設計解析】相關(guān)文章:
網(wǎng)站改版須知:網(wǎng)站內容移動(dòng)基礎解析07-14
五類(lèi)網(wǎng)站W(wǎng)eb服務(wù)器技術(shù)和網(wǎng)頁(yè)設計技術(shù)解析07-14
網(wǎng)站外鏈建設全面大解析07-14
想方設計成語(yǔ)解析07-02
網(wǎng)站設計的步驟07-14
網(wǎng)站設計的方法07-14
網(wǎng)站設計的總結01-31