1 / 52

賣場與網站設計

賣場與網站設計. EC-IC 2010 最佳賣場設計奬第一名觀摩 EC-IC 2010 最佳賣場設計奬第三名觀摩 其他組別觀摩 網站設計 ( 陳文陞 ) 「大茅埔庄客家網」專題觀摩. 1. EC-IC 2010 最佳賣場設計奬 第一名觀摩. 關於我. 購買須知. 郵寄須知. 面交須知. 退貨服務. 聯絡我們. 部落格. 部落格介紹. 原本只是平凡無奇的電子商務課程， 卻讓六個年輕熱血的大學生， 開始做起網拍經營的生意了。 2010 年國立高雄大學資訊管理學系－電子商務課程， 和別的學校與眾不同。 「這個年頭想拿學分還得參加競賽？！」

ruby-hartman
Download Presentation

賣場與網站設計

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 賣場與網站設計 • EC-IC 2010最佳賣場設計奬第一名觀摩 • EC-IC 2010最佳賣場設計奬第三名觀摩 • 其他組別觀摩 • 網站設計 (陳文陞) • 「大茅埔庄客家網」專題觀摩

  2. 1. EC-IC 2010最佳賣場設計奬第一名觀摩

  3. 關於我

  4. 購買須知

  5. 郵寄須知

  6. 面交須知

  7. 退貨服務

  8. 聯絡我們

  9. 部落格

  10. 部落格介紹 原本只是平凡無奇的電子商務課程， 卻讓六個年輕熱血的大學生， 開始做起網拍經營的生意了。 2010年國立高雄大學資訊管理學系－電子商務課程， 和別的學校與眾不同。 「這個年頭想拿學分還得參加競賽？！」 我們被告知必須參加2010年 「Yahoo!奇摩的全國大專院校電子商務創意競賽」。

  11. 部落格介紹 或許有人覺得匪夷所思； 或許有人覺得不知所措。 但是這場競賽卻讓六個沒有生意經驗的大學生， 開始拿起帳本、開始到處尋找供應商、開始想辦法賣東西。 這場戰爭在3月22日正式開打！ 而正在看這篇文章的你， 是否願意助我們一臂之力， 讓這場戰爭更加精采！

  12. Plurk

  13. Facebook

  14. 2. EC-IC 2010最佳賣場設計奬第三名觀摩

  15. 社群連結

  16. 3. 其他組別觀摩

  17. 其他組別觀摩

  18. 其他組別觀摩

  19. 其他組別觀摩

  20. 4. 網站設計 (陳文陞) • 網站分析 • 主題：與該行業有關 • 目標：網站的用途? • 使用族群：網站針對哪些族群? • 網站規劃 • 資料蒐集：照片、文字、影音 • 網站架構：歡迎頁、首頁、內頁 • 程式系統：ASP、ASP.NET或PHP程式

  21. 4.1 網站風格 • 歐美地區的 網站風格 • 網頁配色簡單 • 文字多於圖片

  22. 網站風格 • 日本地區的網站風格 • 網頁配色稍微複雜 • 網頁圖示、按鈕較多

  23. 網站風格 • 韓國地區的網站風格 • 網頁配色複雜、花俏 • 文字、圖片互相搭配

  24. 網站風格 • 中國地區的網站風格 • 網頁配色雜亂 • 廣告超多

  25. 網站風格 • 台灣地區的網站風格 • 近年來偏向韓國網站的風格

  26. 4.2 培養自己的設計風格 • 參考各行各業的網站 • 瞭解該網站的架構 • 瞭解該網站的網頁排版 • 激發製作網站的創意 • 加入最愛、列印畫面等蒐集

  27. 培養自己的設計風格 • 購買網站設計年鑑 • 收錄該年度有特色的網站

  28. 培養自己的設計風格 • 平常蒐集DM、海報或摺頁 • 參考別人的美工設計作品

  29. 培養自己的設計風格 • 培養攝影的興趣 • 從攝影的世界，培養自己的美感

  30. 4.3 網站設計的標準工具 • 美工設計： • Adobe Photoshop、Illustrator

  31. 網站設計的標準工具 • 動畫設計： • Adobe Flash

  32. 網站設計的標準工具 • 網頁排版： • Adobe Dreamweaver

  33. 網站設計的標準工具 • 影像圖庫： • 意念圖庫、絕優圖庫、典匠圖庫 • 正謙圖庫、菩天圖庫、亞太圖庫

  34. 網站設計的標準工具 • 網頁模板： • 包括韓國、日本、歐美等國的模板 • 大部分是非法盜版，需謹慎使用

  35. 免費資源：創用CChttp://isp.moe.edu.tw/ccedu/index.php

  36. 網站設計的標準工具 • 網頁語法： • HTML • CSS • JavaScript、VBScript

  37. 網站設計的標準工具 • 程式撰寫： • ASP • ASP.NET • JSP • PHP

  38. 網站設計的標準工具 • 資料庫： • Microsoft Access • Microsoft SQL Server • Oracle MySQL

  39. 4.4 關於網站設計 • 網站製作需要經常練習! • 多看別人的網頁排版! • 不要有任何侷限!

  40. 4.5 陳文陞學長作品欣賞

  41. 陳文陞學長作品欣賞

  42. 陳文陞學長作品欣賞

  43. 陳文陞學長作品欣賞

  44. 陳文陞學長作品欣賞

  45. 陳文陞學長作品欣賞

  46. 陳文陞學長作品欣賞

  47. 5.「大茅埔庄客家網」專題觀摩

  48. 網站風格 • 呈現概念 • 參考鄭國裕、編著之色彩計劃書 • 大地色彩為主：咖啡、土黃。 • 語言形象尺度表：古典的、田園的、堅實的、古　　 老的、鄉土的。 • 色彩形象尺度表：偏向強烈且溫暖區塊。 • 選定色彩　　

  49. 四、網站風格與功能 旋轉按鈕象徵生生不息；　　　　　　　　　　　背景圖為客家傳統房屋「土角厝」 。

More Related