跌倒並不可怕
可怕的是不敢再來一次
大同大學攝影社第20屆光影之間展覽主視覺及應用
Cost of your medicine
西瓜勇者 - 飲品包裝設計
快樂要乾脆 - 康師傅香爆脆零食宣傳海報
積目- 年輕人社交平台宣傳海報
控糖小幫手
BOK.
22
32
崩壞:星穹鐵道RWD網頁設計
大同大學學校網頁設計
44
嗨! 我是Kyle，來自香港，現在就讀大同大學
媒體設計學系-互動設計組三年級。平常的愛 好有攝影、修圖調色、聽音樂、觀察身邊的事 物和思考人生。偶爾會打遊戲，也喜歡研究遊 戲中的故事、美術風格及系統機制。
就讀大同大學
星巴克分店主任
香港警務處警員
攝影助理
星巴克兼職咖啡師
於香港就讀建築設計課程
於香港知專設計學院修讀創意媒體課程
專長及技能
專業技能
軟體應用
攝影 Illastrator
調色修圖
平面設計
網頁設計
介面設計
UI設計
Logo設計
3D建模
影片剪接
Photoshop Lightroom
Figma
Canva
Maya
Blender
Final Cut Pro
After Effect
Midjourney
【Try@error】，意思是錯誤的時候要繼續嘗試。
在設計的路上也是一樣，設計就是為了解決問題而存在。
即使遇到困難也不要放棄，努力的克服困難。
網格比例
色彩計劃
CMYK
C:5% M:70% Y:75% K:0%
RGB
R:241 G:109 B:61
CMYK
C:61% M:0% Y:20% K:0%
RGB
R:84 G:204 B:218
CMYK
C:5% M:5% Y:5% K:0%
RGB
R:242 G:242 B:242
CMYK
C:0% M:0% Y:0% K:0%
RGB
R:255 G:255 B:255
CMYK
C:0% M:0% Y:0% K:100%
RGB
R:0 G:0 B:0
應用字體
H1 Inter Bold , 36pt
H2 Inter Bold , 24pt
H6 Inter medium, 24pt
大標題 Noto Sans TC Black , 30pt
中標題 Noto Sans TC Bold , 20pt
內容 Noto Sans TC Medium, 12pt
內容 Noto Sans TC Medium, 8pt
光圈: F3.5
快門: 1/60s
感光度: 1500
地點: 香港港鐵中環站
光圈: F4.5
快門: １/125s
感光度: 800
地點: 大安森林公園
光圈: F2.8
快門: 1/80s
感光度: 5000
活動: 媒體設計系迎新宿營
光圈: F3.2
快門: 1/320s
感光度: 50 人像攝影
光圈: F2.8
快門: 1/160s
感光度: 50
寵物攝影
光圈: F2.8
快門: 1/800s
感光度: 8000
光圈: F2.8
快門: 1/3200s
感光度: 1000
光圈: F2.8
快門: 1/3200s
感光度: 1000
主題為追憶，以一場旅程的回憶作為創作的構思，帶一點懷舊復古的色彩
遨請函
作品介紹卡
呼籲停止捕獵犀牛的海報。犀牛角及犀牛皮一直以來都被當作 名貴的中藥材，因此許多的盜獵者都以殘忍的方式取得犀牛角。
飲品包裝設計
以西瓜汁為主題的飲品包裝設計,顏色、花紋都是以西瓜作參考
飲品包裝展開圖
立體效果展示
有關零食的海報設計，第一張是試作，想試驗哪一個排列的方式會比較 好看，第二張是創作想法是想用類似於漫畫的特寫去宣傳這款不同的口 味。
積目- 年輕人社交平台宣傳海報
創作的概念是以撲克牌、霓虹燈來創作，海報想符合年輕 人喜歡夜生活，帶點神秘感的感覺。繼而吸引人去使用這 款交友軟體。
控糖小幫手是一款給合手機APP及智慧藥盒的產品。 藍色的漸層介面 及簡約易用的是這款產品的特色。
設計動機/目的
糖尿病是一種無法根治的慢性病，患者需要長期服藥及控制身體的糖 分才能舒緩病情。我們希望透過製作裝置舒緩糖尿病對患者在生活上 帶來的不便並協助他們樂觀積極地面對慢性病。
負責部分 : 使用流程、介面規劃
以血液及方糖組成概念的LOGO，其後作一體化及簡化
以BOOKING.COM作基礎的APP，目標是改善BOOKING.COM APP的使用者體驗，在配色、介面及LOGO重新作規劃的作品。
LOGO以簡單幾何圖形構成，想法是把Booking.com整串字進行簡化 變成BOK.然後配上標準色。
故事影片
故事影片主要以帶出booking.com APP的問題點為主，反映對應的機
會點及改善點
介面及使用流程
崩壞:星穹鐵道RWD網頁設計
熱門手遊崩壞:星穹鐵道的官方網站並不支援平版、手機閱覽。 因此喜歡這款遊戲的我希 望能讓更多人了解遊戲，嘗試做出了RWD網頁版的星穹鐵道網頁。
平板橫向閱讀的介面草圖
直向閱讀的介面草圖
Iphone 演示時的實際畫面及工具欄的表現
Ipad 平板演示時的實際畫面
重新設計學校網頁的練習，學習編寫java script語言為校網增加右上角的工具列 及中間走馬燈的效果。
這一次不憧不要緊
學會了下次就有經驗解決