網頁設計的流程及思路

《網頁設計的流程及思路》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

1、網頁設計的流程及思路問題：1、接到一個項目，你要去做什么？2、流程是怎樣的？流程一、溝通了解（知己知彼，百戰(zhàn)不殆）要了解的內容1、客戶的需求及要求（收集客戶資料）2、同行業(yè)此類網站的調查（網上查詢、搜集資料）3、總結此類網站的鮮明特點及最新動態(tài)二、確定網站的主題、內容及風格包含的內容1、確定主題2、版塊及欄目3、色彩，也就是主色調4、風格，以網站的類型為基礎確定風格三、繪制草稿包含的內容1、尺寸的選擇2、版式3、將主要內容填充四、平面設計——制作、定稿包含的內容1、制作的流程先整體——后局部——再細節(jié)（顏色版式）——（每個板塊）——細節(jié)2

2、、溝通——審稿——定稿五、網頁制作（寫成頁面）六、調整出彩思路第一階段收集資料？如何收集資料？收集哪些資料資料來源：客戶、素材庫資料主要包括客戶公司的圖片、產品圖片、廣告圖片、以及內容文字資料等等。一般情況是,客戶會提供部分資料,更多的,圖片我會去素材網站找找。第二階段構思，調用資料草圖填充內容內容的置入將資料內容結構化，包括首頁、欄目頁、內容頁、功能頁以及各個頁面中的版塊及欄目第三階段制作，套用規(guī)則版式布局配色處理圖片/動畫根據網站的版式分為兩大類：形象網頁：多用于網站的形象宣傳頁面，它的特點是頁面的布局結構自由，頁面中以圖像或者是Fl

3、ash為主，文字較少。這種頁面的主要針對于形象宣傳性質的網站，偏重設計性。內容網頁：多用于網站的內容頁，大型的門戶網站多采用這種類型的頁面版式。其特點是文字信息多，頁面中的圖像相對較少，整個頁面按不同的布局劃分為多個區(qū)域，主要的作用是為了傳達文字信息?！皟热蓓撁妗钡陌媸揭话憧煞譃椋?.水平分割水平分割，強調的是層次感和精確感，并有助于不同信息的分類；水平分割的同時還應當考慮到分割的面積，水平不均勻分割，如果上半部安置標題或導航，則面積較??；上半部安置主體內容，則面積應適當加大，2.垂直分割垂直分割和水平分割有很多相似點，把水平分割的頁

4、面旋轉90°即為垂直分割效果。3.水平垂直分割水平垂直分割是上面兩種分割形式的綜合運用，整個頁面中既有水平分割的部分，又有垂直分割的部分，互相交織構成一種網狀結構。這樣的頁面給人一種非常穩(wěn)定的感受。4.變化分割變化分割是在水平分割和垂直分割的基礎上，添加斜線和曲線的效果，這樣的頁面版式結構給人自由、運動和時尚的感覺。在實際的創(chuàng)作之前，可以在網上參考相關的頁面布局作為參考，網頁設計最大的優(yōu)勢就是你所要設計的網頁，在網絡上都能找到參考的頁面。可能有些人喜歡完全的“原創(chuàng)”，人為過多的參考別人的設計就是“抄襲”。但是對于大多數初學者來說，這種

5、必要的“借鑒”是必不可少的，見多識廣，積累到一定的程度，把別人的精華拿為己用，這是提高自己設計能力的一種最快的方法。第四階段用戶體驗細化出彩如果把網頁設計簡單的比作烹飪,這四個階段也就是說這么幾回事兒:1.顧客提出相關要求;2.店方去思考如何做出一道客戶稱道的佳肴3.店方準備好烹飪所需的材料;4.炒菜;而最后的炒菜,需要解決問題就是:在分析結果的指導下,怎么樣去把材料變成一道色、香、味俱全的美味?推演到咱們網頁設計上來說,就是這樣一些工作:處理圖片、細節(jié)、色彩、排版構成、用戶體驗等等。