劉恩慈
目錄 網頁規劃與製作 企業識別 電腦繪圖 資訊視覺化 畢業專題 -App
1
網頁規劃與製作 三得利微醉雞尾酒 - 紅茶沙瓦
6
網站的內容與風格以三得利與台灣啤酒為出
網 頁 規 劃 與 製 作
過一些插畫風格，塑造這款啤酒是不會距離
發點，介紹啤酒生產過程、有哪些成分、透 遙遠的，也讓買家可以更了解製作過程，產 生對品牌的安心感。
Adobe photoshop cs6 Adobe Dreamweaver cs6
7 網 頁 規 劃 與 製 作
網站架構圖
8 網 頁 規 劃 與 製 作
9 網 頁 規 劃 與 製 作
10 網 頁 規 劃 與 製 作
2
圓石 企業識別 CI & 網頁
企業識別 CI
圓石 Logo 設計理念： 灰色半圓形象徵著廣納不同人、事、物，透 過半圓形的缺口，讓這家店不是一個封閉的 店 , 而是可以裝著顧客的期待與意見的一家 店；而選擇灰色，因接近石頭的顏色，石頭 給人有著堅固的感覺，灰色也給人有穩定的 感覺。 綠色茶葉，象徵著自然，透過茶葉的圖案讓
14
大家一看就知道這家店就是飲料店；選擇綠
圓石 企 - 業識別
色，綠色給人自然的的感覺。
網頁 CI &
圓石標準字 設計理念： 在標準字設計上 , 主要以圓形為出發點 , 營 造出可愛中帶有規矩的感覺。
企業識別 CI
圓石 輔助圖形 設計理念： 為強化整體的形象，由標誌造型中擷取識別 的葉子，作為延伸性的形象輔助圖形，至於 版面角落
企業識別 CI - 應用
15 圓石 企 - 業識別
700台南市中西區中山路143號 06-2222878
網頁 CI &
台南中山店
ADD / 700台南市中西區中山路143號 TEL /06-2222878 WEB / www.010tea.com.tw/
圓石 - 名片 www.010tea.com.tw/
圓石 - 西式信封組
企業識別 CI - 網頁
index.html
page3-1.html 各店搜尋
pag2.html 關於我們
pag4.html 活動消息
pag3.html 各店搜尋
pag5.html 聯絡我們
16 圓石 企 - 業識別 網頁 CI &
3
電腦繪圖
電腦繪圖 - 合成
20 電 腦 繪 圖
電腦繪圖 - 插畫
21 電 腦 繪 圖
4
資訊視覺化
Icon
雙下巴
過勞死
網路詐騙
交通意外
五十肩
手機指
24 資 訊 視 覺 化
視覺化
25 資 訊 視 覺 化
5
專案實作 小林萬事屋 App
「小林萬事屋」水電 APP 系統，是做為客
28 專 題 製 作 | 小 林 萬 事 屋 A p p
戶與水電師傅線上溝通的橋樑。在長期的商 業模式規劃上，並打算將「小林萬事屋」擴 充為地區性的水電維修網站，得到更大的網 路商機，也能讓這個服務更加融入使用者的 生活當中。 Android Sudio
Illustrate
29 專 題 製 作 | 小 林 萬 事 屋 A p p
首頁 30
使用者可直接看到當期的促銷活動。
專 題 製 作 | 小 林 萬 事 屋 A p p
選單 選單，使用側邊選單。
萬事屋介紹
31 專 題 製 作 | 小 林 萬 事 屋 A p p
生活小知識 提供生活上會遇到的困難，例如 : 省電篇， 讓使用者可以參考。
32
DIY 影片
專 題 製 作 | 小 林 萬 事 屋 A p p
預約日期 使用者在登記維修前，可看那些日期是可以 維修的。
登記維修
33 專 題 製 作 | 小 林 萬 事 屋 A p p