网页设计概与程

《网页设计概与程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、網頁設計概念與流程Visual網頁設計工具•影像處理與向量繪圖–Photoshop–Illustrator、Freehand、Coreldraw、小畫家•動畫–Fireworks、Flash、AnimationGif•網頁排版–Dreamweaver、GoLive、FrontPage•HTML編修–UltraEdit網頁設計訊息處理基礎1.組織安排如何組織安排網站中的所有資訊?依據學習年齡分層或產品類別或服務分類排序…..2.導覽動線系統user如何尋找到他要的資訊user如何自由穿梭網站user如何知道身在何處3.時間性、延展變化網頁

2、各要素元件如何妥善安排其網站組織架構不會因網站內容增加、時間增長而變形網頁設計訊息處理基礎4.具體化如何具體化呈現資訊,文字、圖表、繪圖、照片、聲音或視訊(ex.cnn新聞短片),也可以是遊戲或整合性呈現網頁設計技術•HTML•CSS(CascadingStyleSheets):樣式定義,字形、大小、行距…forIE4.0、Netscape4.0•Javascript:動態按鈕•DHTML:折疊式選單、crosswindow動畫–Yamtopia選單及發表文章、herevents選單•Flash、Director:Yamkids首頁動畫

3、(需plug-in)•Java:跑馬燈、Yamkids遊戲(需plug-in)•QuickTimeVR、VRML(需plug-in)設計製作分類•圖像介面–gif、jpeg檔案格式或flash–Map連結設定–活潑、變化大–檔案量大–修改不易•文字介面–延展性大–修改容易–承載大資料量–靜態、枯燥、變化小製作前基本概念•螢幕解析度（基本單位：像素pixel)–640*480（yahoo、kimo)–800*600（yam依據標準）–1024*768（17吋螢幕以上）•相容性browser版本與平台設定•圖檔格式與色彩遞色（dither)

4、、檔案大小與傳輸速度關係•螢幕字體特性：支援之中文字形•Table設計參考資源•目標觀眾性格描述–地點、網路熟悉度（新手、老手或網癡）•使用情境假設–所有可能的互動回應,推測或模擬user使用情節所產生的任一功能或複雜設計,都是網頁設計極有意義的指標•網站結構圖•加入工作表單–廣告、其他服務、產品提供訊息•工作進度表、預算•網頁工程技術機制（檔案大小、語言與browser支援）Yam單一品牌與視覺工作•系統化版型規範–功能性：易更新、套版•使用情境假設–所有可能的互動回應,推測或模擬user使用情節所產生的任一功能或複雜設計,都是網頁設

5、計極有意義的指標•網站結構圖•加入工作表單–廣告、其他服務、產品提供訊息•工作進度表、預算•網頁工程技術機制（檔案大小、語言與browser支援）產品線設計程序第一階段產品線小組擬定產品定位與調性產品分析、架構討論第二階段產品線LOGO及主調性視覺化（一週-三週不等）第三階段各單元設計layout第四階段單元延伸設計、內文layout第五階段交由工程網頁設計流程1.根據產品線之網站結構圖、單元結構圖、內容要素需求擬進度表2.列出主頁及各頁要素、排序訊息重要性3.於繪圖軟體或影像軟體繪製圖稿及調性規劃4.區分版面劃分需求（工程、MIS）5

6、.裁圖6.組版7.交由工程整合與上傳8.測試與效度….http://uswest.gifwizard.com/工作流程產品線企劃網頁結構圖相關資料收集分析測推工程師視覺規劃網頁設計工程試出1.功能鍵繪製2.插圖新聞部（新聞話3.影像處理題...）行銷、業務部4.排版（廣告、企業形象、活動訊息...）專案委製你需要準備什麼給我們1.活動計畫書（主旨與日程）2.Sitemap（動線、總頁數）3.各頁內容結構含圖、聲音、動作（link、return..)4.你自己相信且確立的內容5.調性6.限制（色彩或識別管理…)7.相關資料填寫委製表視覺主

7、管設計執行驗收上線程式需求修改三次、日程修訂（ASAP≦1次修改）運用Flash增加網頁活潑度‧‧小蕃薯首頁動畫‧‧每隔兩週更新一次‧‧隨季節、活動主題設定動畫內容‧‧IE4.0以上版本支援