Download presentation
Presentation is loading. Please wait.
Published byYanti Budiono Modified 6年之前
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最佳賣場設計奬 第三名觀摩
16
社群連結
17
3. 其他組別觀摩
18
其他組別觀摩
19
其他組別觀摩
20
其他組別觀摩
21
4. 網站設計 (陳文陞) 網站分析 網站規劃 主題:與該行業有關 目標:網站的用途? 使用族群:網站針對哪些族群?
資料蒐集:照片、文字、影音 網站架構:歡迎頁、首頁、內頁 程式系統:ASP、ASP.NET或PHP程式
22
4.1 網站風格 歐美地區的 網站風格 網頁配色簡單 文字多於圖片
23
網站風格 日本地區的網站風格 網頁配色稍微複雜 網頁圖示、按鈕較多
24
網站風格 韓國地區的網站風格 網頁配色複雜、花俏 文字、圖片互相搭配
25
網站風格 中國地區的網站風格 網頁配色雜亂 廣告超多
26
網站風格 台灣地區的網站風格 近年來偏向韓國網站的風格
27
4.2 培養自己的設計風格 參考各行各業的網站 瞭解該網站的架構 瞭解該網站的網頁排版 激發製作網站的創意 加入最愛、列印畫面等蒐集
28
培養自己的設計風格 購買網站設計年鑑 收錄該年度有特色的網站
29
培養自己的設計風格 平常蒐集DM、海報或摺頁 參考別人的美工設計作品
30
培養自己的設計風格 培養攝影的興趣 從攝影的世界,培養自己的美感
31
4.3 網站設計的標準工具 美工設計: Adobe Photoshop、Illustrator
32
網站設計的標準工具 動畫設計: Adobe Flash
33
網站設計的標準工具 網頁排版: Adobe Dreamweaver
34
網站設計的標準工具 影像圖庫: 意念圖庫、絕優圖庫、典匠圖庫 正謙圖庫、菩天圖庫、亞太圖庫
35
網站設計的標準工具 網頁模板: 包括韓國、日本、歐美等國的模板 大部分是非法盜版,需謹慎使用
36
免費資源:創用CC http://isp.moe.edu.tw/ccedu/index.php
37
網站設計的標準工具 網頁語法: HTML CSS JavaScript、VBScript
38
網站設計的標準工具 程式撰寫: ASP ASP.NET JSP PHP
39
網站設計的標準工具 資料庫: Microsoft Access Microsoft SQL Server Oracle MySQL
40
4.4 關於網站設計 網站製作需要經常練習! 多看別人的網頁排版! 不要有任何侷限!
41
4.5 陳文陞學長作品欣賞
42
陳文陞學長作品欣賞
43
陳文陞學長作品欣賞
44
陳文陞學長作品欣賞
45
陳文陞學長作品欣賞
46
陳文陞學長作品欣賞
47
陳文陞學長作品欣賞
48
5.「大茅埔庄客家網」專題觀摩
49
網站風格 呈現概念 選定色彩 參考鄭國裕、編著之色彩計劃書 大地色彩為主:咖啡、土黃。
語言形象尺度表:古典的、田園的、堅實的、古 老的、鄉土的。 色彩形象尺度表:偏向強烈且溫暖區塊。 選定色彩 褐色:象徵收穫、農夫; RGB: ;HSB: 。 暗褐色:象徵穩重、責任感、大地; RGB: ;HSB: 。 芥黃色:象徵希望、明朗; RGB: ;HSB: 。
50
四、網站風格與功能 旋轉按鈕象徵生生不息; 背景圖為客家傳統房屋「土角厝」 。
Similar presentations