9. 08
網 站 設 計
C O M M A L O G O 設 計
W e b W i r e f r a m e
設計理念
以逗號為主要形象
開了一個口代表每個展覽都有
一座舞台讓別人看見不同的自己
ＬＯＧＯ 展覽資訊 場地種類 瀏覽檔期 會員中心
場地種類
展覽資訊
介紹我們
關於我們
廣告
Q&A ＬＯＧＯ 展覽資訊 場地種類 瀏覽檔期 會員中心Q&A
時間 內容
ＬＯＧＯ 展覽資訊 場地種類 瀏覽檔期 會員中心Q&A
所有場地
搜尋場地
場地一
內容
場地二
內容
關於我們
內容
評價
日曆
關於我們
ＬＯＧＯ 展覽資訊 場地種類 瀏覽檔期 會員中心Q&A
年月份 日期
關於我們
有空
場地
ＬＯＧＯ 展覽資訊 場地種類 瀏覽檔期 會員中心Q&A
Q
關於我們
ＬＯＧＯ 展覽資訊 場地種類 瀏覽檔期 會員中心Q&A
A
Q
A
內容 選單
關於我們
ＬＯＧＯ 展覽資訊 場地種類 瀏覽檔期 會員中心Q&A
http://140.115.236.72/demo-projects/ZD702/ZD702G2/
12. 11
網 站 設 計
W e b M o c k u p
R W D
17:00
SITE
場地種類
木心坊
2015
11
Sun Mon Tue Wed Thu Fri Sat
01 02 03 04 05 06 07
影知森
2015
11
Sun Mon Tue Wed Thu Fri Sat
01 02 03 04 05 06 07
17:00
YEAR MON DATE
2015 07 11
09:00
YEAR MON DATE
2015 07 15
17:00
日本人們的日常
日本人從早到晚一直都是忙碌的生活
騎腳踏車，吃早餐，在外蹓躂，搭電車
然後去上班，對於他們而言，這就是一天
雖然每天平凡無奇
但他們每天都過得十分充實
17:00
價格/
地點/
坪數/
請選擇
請選擇
請選擇
搜尋
紅 磨 坊
陶 淵 明
Moulin Rouge
一個安靜的小天地
讓人沉浸在藝術的氛圍裡
Former Residence
一個安靜的小天地
讓人沉浸在藝術的氛圍裡
@comma Popsicle .comma.design .wendy yang
Contact Information
電話 0384736253
信箱 hahaha22@diu.eii.tw
營業時間 每日09:00-17:00
傳真 0483928302
@comma Popsicle .comma.design .wendy yang
17:00
木心房木心房木心房木心房
一日3,000 NT
座落於台北市區，環境卻相當安靜
老木匠最後打造的建築
依然想讓世人記住他的唯一傑作
設備：
地點：
台北市萬華區一段435號
顯示地圖
諮詢服務
馬上預約
檔期
可 預 約
容納人數：30人
01 15
02 01
13. 12
網 站 設 計
R W D
B O O M L O G O 設 計
17:00
首 頁
展覽資訊
場地種類
瀏覽檔期
會員專區
17:00
1 2 月
01 02 03 04 05 06 07
08 09 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
18
影知森
木心坊
金澤寧
洞庭湖 目黑場
荒野屋
蘅蕪苑
孟風軒
紅磨坊 陶淵明
Contact Information
電話 0384736253
信箱 hahaha22@diu.eii.tw
傳真 0483928302
@comma Popsicle .comma.design .wendy yang
Contact Information
電話 0384736253
信箱 hahaha22@diu.eii.tw
營業時間 每日09:00-17:00
傳真 0483928302
@comma Popsicle .comma.design .wendy yang
會員資料修改
上傳展覽資訊
訂單查詢
評價
會員資料修改
聯絡電話 /
電子信箱 /
原始密碼 /
修改新密碼 /
再輸入新密碼 /
上傳圖像 /
送出重新輸入
請使用電腦版
BOOM
設計理念
用BOOM的B冰淇淋的形做為LOGO
的主要圖形，下面加了一個圖形，就
是爆炸的時候會出現的一團煙霧做為
簡化，也像是冰淇淋融化的水滴
http://140.115.236.72/demo-personal/zd702/web/C1500253/
14. 13
網 站 設 計
B O O M 商 業 用 品
W e b W i r e f r a m e
BOOM Popsicle
BOOM Popsicle
BOOM Popsicle
BOOM
BOOM
訂購專線：04-58974568
廣告
重點連結
推薦清單
Head
Footer Footer
廣告
內文
Head
Footer
內文
其餘連結
Head
Footer Footer
17. 16
A P P 設 計
A R U N T H E W O R D L O G O 設 計
A R U N T H E W O R D 架 構 圖
設計理念
名字和主題結合
營造出星球的感覺
意思跑遍每個世界
Functional map
Flow chart 跑步流程
跑步APP
跑步選單
個人記錄
排行榜
設定
一般跑步
挑戰跑步
所有跑步記錄
2.0
3.0
4.0
5.0
2.1
2.2
成功/失敗
2.2.1
3.1
主畫面
1.0
當週排行
累積排行
4.1
4.2
APP
是否註冊
註冊會員
選擇跑步
開始跑步
Yes
NO
Yes
顯示首頁
Yes
Yes
NO
開始跑步
申請帳號
直進進入首頁
開始環遊世界
個人記錄統計
排行榜
設定
自由探索
任務成就
成功
失敗
UI Flow
18. 17
A P P 設 計
A R U N T H E W O R D W i r e f r a m e
版面尺寸：ios@2x
開啟APP：第一次使用
啦啦電信 上午9:00 83%
入門設定
確認
首先，請輸入您的身搞體重
方便我們計算您的健康管理
台灣
開啟APP：之後使用，未註冊
啦啦電信 上午9:00 83%
直接進入
註冊會員
啦啦電信 上午9:00 83%
註冊會員
完成
用facebook註冊
用Google註冊
啦啦電信 上午9:00 83%
顯示已達成公里數
達成
200Km
未達成
台灣 香港
RUN
800Km
顯示未達成公里數
顯示目標國家的圖
像距離
跳出1.0
主畫面：顯示
跳出5.0
主畫面：設定
跳出2.0
跑步選單
啦啦電信 上午9:00 83%
達成
200Km
未達成
台灣 香港
RUN
800Km
1.0 主畫面
開啟APP：已註冊
跳出3.0
主畫面：個人記錄
跳出4.0
主畫面：排行榜
19. 18
A P P 設 計
A R U N T H E W O R D W i r e f r a m e
跑步選單
2.1
Km
2.2
1.0
自由探索
任務成就
啦啦電信 上午9:00 83%
2.1啦啦電信 上午9:00 83%
Km
2.0
00:00:00
00km
RUN
點擊地球往下推
出現正在跑步的
路線圖
啦啦電信 上午9:00 83%
Km
00:00:00
00km
RUN
啦啦電信 上午9:00 83%
Km
00:00:00
00km
STOP
點擊RUN之後
顯現出跑步模式
會出現停止按鈕
自由探索：跑步頁面
2.1 啦啦電信 上午9:00 83%
Km
顯示路跑距離
00:40:00
52km
3500 kal
spn75
.
台灣 香港
自由探索：結束畫面 2.2
啦啦電信 上午9:00 83%
Km
2.0
初階
中階
高階
30分鐘
5公里
30分鐘
8公里
30分鐘
10公里
跑步頁面
任務成就：起始頁面
2.0
20. 19
A P P 設 計
A R U N T H E W O R D W i r e f r a m e
啦啦電信 上午9:00 83%
Km
2.2
00:50:00
30km
RUN
2.2 任務成就：開始頁面
啦啦電信 上午9:00 83%
Km
00:40:00
52km
3500 kal
spn75
.
NEXT 跳到2.2.1
2.2 任務成就：結束頁面
2.2.1
啦啦電信 上午9:00 83%
Km
104.
達成
2倍
台灣 香港
任務成就：成功 2.2.1 任務成就：失敗
啦啦電信 上午9:00 83%
Km
失敗
km
入門
台灣 香港
12.
再接再力
21. 20
A P P 設 計
A R U N T H E W O R D W i r e f r a m e
3.0
點選想看的記錄
上面的文字就會
顯示出不一樣顏色
元件圖像呈現
熱量，時速，
公里，心律，
文字可點擊，
點擊後就會跳
到單獨想看的
記錄
個人記錄
總量 熱量 時速 公里 心律
熱量
時速
公里
心律
總量
個人記錄
總量 熱量 時速 公里 心律
熱量
時速
公里
心律
個人紀錄
啦啦電信 上午9:00 83%啦啦電信 上午9:00 83%
4.0 啦啦電信 上午9:00 83%
4.1
當周排行
累積排行4.2
排行榜
4.1 啦啦電信 上午9:00 83%
元件圖像呈現
熱量，時速，
公里，心律，
圖像點擊後就
會跳到想看的
排行
熱量
心律
時速
公里
總量
4.2
4.0
排行種類
22. 21
COMMA
逗點
Our office is something we are proud of.
We call it the little magnet;
it is desired to come here anthen impossible to leave.
After winning the first place in“Interior of the Year 2014”
competition it became known worldwide.
To enjoy the arts
Contact Information
電話 0384736253
信箱 hahaha22@diu.eii.tw
營業時間 每日09:00-17:00
傳真 0483928302
@comma Popsicle .comma.design .wendy yang
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
其他場地:
影知森
木心坊
金澤寧
洞庭湖 目黑場
荒野屋
蘅蕪苑
孟風軒
紅磨坊 陶淵明
Comment
評價
拉魯拉魯拉嚕拉
拉魯拉魯拉嚕拉
拉魯拉魯拉嚕拉
2015.07.09
拉魯拉魯拉嚕拉
拉魯拉魯拉嚕拉
拉魯拉魯拉嚕拉
2015.07.09
沒歸
心靈
Contact Information
電話 0384736253
信箱 hahaha22@diu.eii.tw
營業時間 每日09:00-17:00
傳真 0483928302
@comma Popsicle .comma.design .wendy yang
A P P 設 計
A R U N T H E W O R D W i r e f r a m eA R U N T H E W O R D W i r e f r a m e
啦啦電信 上午9:00 83%
當周排行
105
妳的排名
魯拉拉拉拉1
魯不卡拉拉2
哈不嗚拉魔
哈不嗚拉魔
哈不嗚拉魔
哈不嗚拉魔
3
4
5
6
4.1
4.2
排行種類
5.0 啦啦電信 上午9:00 83%
達成
200Km
未達成
台灣 香港
RUN
800Km
啦啦電信 上午9:00 83%
設定
帳號設定 公司簡介法律聲明
法律聲明
公司簡介
美商明尼蘇達礦業製造（3M）股份有限公司
本網站內含之各項資料均已由3M公司登記1995-2006年之著
作權，所有著作權之相關權利均由3M保有。3M茲此授權本
網站之使用者在符合下列條件下閱覽、印製及散播本網站之
資料：
1. 本網站資料僅限於內部資訊用途使用。
2. 複製本網站資料或其任何部份時，必須同時加註上述之著
作權聲明。
3. 3M得隨時撤銷或變更前述授權。
本網站資料中述及之任何產品、製程或技術，均可能另受3M
所持有之其他智慧財產權保護，且3M於茲並未為任何授權行
為。
具美國政府機關身份之使用者：美國政府機關對於本網站資
料之使用、複製或揭露行為，均須符合美國聯邦政府國防採
購法令（DFARS）第252.227-7013(c)(1)(ii)條及美國聯邦政
府採購法令（FAR）第52.227-19條暨其他任何後續應適用之
法令所規定之限制條件。
3M暨3M之標誌均為3M公司之商標或註冊商標。於本網站所
述及之其他所有產品名稱，則分別屬於各該產品之商標專用
權人之商標。
本網站所包含之資訊均係「依現狀」方式提供，僅供使用者
之資訊用途參考，並未附帶任何形式之保證（包括可商品性
、特定用途之適合性或不具侵害性有關之任何默示保證）。
設定
5.0
啦啦電信 上午9:00 83%
達成
200Km
未達成
台灣 香港
RUN
800Km
1.打完內容，按下修
改會跑出loading畫
面，等待修改
啦啦電信 上午9:00 83%
設定
帳號設定 公司簡介法律聲明
修改
台灣
skdoe
*******
190
80
日本
2.loading跑完後
會出現完成畫面
然後跳回5.0畫面
啦啦電信 上午9:00 83%
Km
00km
修改完成
帳號設定
設定
23. 22
A P P 設 計
A R U N T H E W O R D U I D e s i g n
24. 23
A P P 設 計
T r a v e l W i t h M e L O G O 設 計
T r a v e l W i t h M e M o c k u p
設計理念
以背包的圖像作為設計
意象旅遊
https://goo.gl/H3tMDu
25. 24
A P P 設 計
T r a v e l W i t h M e M o c k u p
32. 31
動 畫 設 計
不 日 城 - 動 畫 片 段
h t t p s : / / w w w . y o u t u b e . c o m / w a t c h ? v = x a X Z 1 A q i Y K Y & f e a t u r e = y o u t u . b e
33. 32
動 畫 設 計
感 動 9 9 - 針 情 綿 綿
h t t p s : / / w w w . y o u t u b e . c o m / w a t c h ? v = s d 8 i - - _ k u B 0
金 犢 獎 - 樹 德 科 技 大 學 廣 告 形 象
h t t p s : / / w w w . y o u t u b e . c o m / w a t c h ? v = _ 7 R v u 6 b h v j U
