資源描述：
《網(wǎng)頁設計的流程及思路.ppt》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在教育資源-天天文庫。
1、網(wǎng)頁設計的流程及思路問題：1、接到一個項目，你要去做什么？2、流程是怎樣的？流程一、溝通了解（知己知彼，百戰(zhàn)不殆）要了解的內(nèi)容1、客戶的需求及要求（收集客戶資料）2、同行業(yè)此類網(wǎng)站的調(diào)查（網(wǎng)上查詢、搜集資料）3、總結此類網(wǎng)站的鮮明特點及最新動態(tài)二、確定網(wǎng)站的主題、內(nèi)容及風格包含的內(nèi)容1、確定主題2、版塊及欄目3、色彩，也就是主色調(diào)4、風格，以網(wǎng)站的類型為基礎確定風格三、繪制草稿包含的內(nèi)容1、尺寸的選擇2、版式3、將主要內(nèi)容填充四、平面設計——制作、定稿包含的內(nèi)容1、制作的流程先整體——后局部——再細節(jié)（顏色版式）——（每個板塊）—
2、—細節(jié)2、溝通——審稿——定稿五、網(wǎng)頁制作（寫成頁面）六、調(diào)整出彩思路第一階段收集資料？如何收集資料？收集哪些資料資料來源：客戶、素材庫資料主要包括客戶公司的圖片、產(chǎn)品圖片、廣告圖片、以及內(nèi)容文字資料等等。一般情況是,客戶會提供部分資料,更多的,圖片我會去素材網(wǎng)站找找。第二階段構思，調(diào)用資料草圖填充內(nèi)容內(nèi)容的置入將資料內(nèi)容結構化，包括首頁、欄目頁、內(nèi)容頁、功能頁以及各個頁面中的版塊及欄目第三階段制作，套用規(guī)則版式布局配色處理圖片/動畫根據(jù)網(wǎng)站的版式分為兩大類：形象網(wǎng)頁：多用于網(wǎng)站的形象宣傳頁面，它的特點是頁面的布局結構自由，頁面中
3、以圖像或者是Flash為主，文字較少。這種頁面的主要針對于形象宣傳性質(zhì)的網(wǎng)站，偏重設計性。內(nèi)容網(wǎng)頁：多用于網(wǎng)站的內(nèi)容頁，大型的門戶網(wǎng)站多采用這種類型的頁面版式。其特點是文字信息多，頁面中的圖像相對較少，整個頁面按不同的布局劃分為多個區(qū)域，主要的作用是為了傳達文字信息?！皟?nèi)容頁面”的版式一般可分為：1.水平分割 水平分割，強調(diào)的是層次感和精確感，并有助于不同信息的分類；水平分割的同時還應當考慮到分割的面積，水平不均勻分割，如果上半部安置標題或導航，則面積較??；上半部安置主體內(nèi)容，則面積應適當加大，2.垂直分割 垂直分割和水平分割有很
4、多相似點，把水平分割的頁面旋轉90°即為垂直分割效果。3.水平垂直分割 水平垂直分割是上面兩種分割形式的綜合運用，整個頁面中既有水平分割的部分，又有垂直分割的部分，互相交織構成一種網(wǎng)狀結構。這樣的頁面給人一種非常穩(wěn)定的感受。4.變化分割 變化分割是在水平分割和垂直分割的基礎上，添加斜線和曲線的效果，這樣的頁面版式結構給人自由、運動和時尚的感覺。在實際的創(chuàng)作之前，可以在網(wǎng)上參考相關的頁面布局作為參考，網(wǎng)頁設計最大的優(yōu)勢就是你所要設計的網(wǎng)頁，在網(wǎng)絡上都能找到參考的頁面。可能有些人喜歡完全的“原創(chuàng)”，人為過多的參考別人的設計就是“抄襲”
5、。但是對于大多數(shù)初學者來說，這種必要的“借鑒”是必不可少的，見多識廣，積累到一定的程度，把別人的精華拿為己用，這是提高自己設計能力的一種最快的方法。第四階段用戶體驗細化出彩如果把網(wǎng)頁設計簡單的比作烹飪,這四個階段也就是說這么幾回事兒:1.顧客提出相關要求;2.店方去思考如何做出一道客戶稱道的佳肴3.店方準備好烹飪所需的材料;4.炒菜;而最后的炒菜,需要解決問題就是:在分析結果的指導下,怎么樣去把材料變成一道色、香、味俱全的美味?推演到咱們網(wǎng)頁設計上來說,就是這樣一些工作:處理圖片、細節(jié)、色彩、排版構成、用戶體驗等等。
