作品介紹

🎯 簡介與目標

這個練習為AAPD實戰營的基礎實作,跨裝置的產品設計已經非常普遍,設計師除了要熟悉不同的裝置,去了解在裝置上又有哪些可以運用的優勢和限制,也能練習資訊架構的布局,去對應不同裝置的操作方式,此次練習還增加了Design System、Design token與工程師的交付規格標註!

💪🏻 過程挑戰

  1. 品牌理念的發想是平時當使用者很少接觸的角度,習慣了一切被安排的理所當然,才知道要訂定理念非常不容易;透過摸索市面品牌,了解到企業面對2B或2C都要制定相對應的品牌理念,其中以2B更為複雜,且需要共同配合才能實踐理念,原來理所當然的背後這麼不容易!
  2. 由於訂餐流程較為複雜,我在一開始設計時有些過於理想,導致後續應對不同狀態時才發現Component的變化遺漏很多,藉此了解到UI Flow與Hand off 的重要,若是前期能先設想周全一些,後續工作才不至於花費太多重工的時間!

✅ 最終成果

最終,主要流程的畫面順利產出,期間最大的挑戰在於用色與比例,最初在用色上太過花俏且沒有主副關係,讓畫面對於視覺的感受上有些吃力。透過觀察其他學員的做法與市面商品,我選擇用減法的方式釐清主次色調,並試著運用631的黃金比例做分配,才得以將企業識別凸顯出來,確保整體的使用感受能維持一致!

畫面展示

❍ 理念&構想

eatnow.png

❍ Design style

noweatSystem.png

❍ Hand off

網頁版 - Happy path

eatnowFlowWeb.png