almost 3 years ago

由 AsiaYo 主辦的 UI/UX 分享會,請到紐約資深UI設計師 江孟芝 與大家分享她曾參與合作的《英雄聯盟》遊戲互動設計,及UI Principle的趨勢與發展。
在之前的「好有格」剛好聽過江孟芝的專訪,沒想到這麼快就可以見到本人。對孟芝的印象就是留學紐約,之後在美國發展,得到專業人士綠卡,是個高手。

這次分享主題是「10個設計準則」以及分享之前一些專案的經驗。接下來歸納10個準則:

  1. 「Icon」利用適當的設計,讓 Icon 自己說話,是文字以外的語言
  2. 「Hamburg」將其他物件,收在一個按鈕。類似 Menu 按鈕
  3. 「Rich animation」 避免使用者立刻跳走,比較不無聊,使用時機包括:loading, menu, hovering
  4. 「Flat design」平面化設計,用色彩讓畫面也是擁有立體、層次感,但是遊戲除外
  5. 「Responses design」網頁排版能適應各尺寸螢幕
  6. 「Rich image and video」網頁素材盡量運用照片與影片,可以讓使用者黏著度增加。並且素材要自己攝影拍照,不用現成。
  7. 「Vibrant color scheme」背景用色大膽豐富,但是字色單調,參考 Awward
  8. 「Design with real data」跟實際數據結合,例如跑步的路徑
  9. 「Broken grid layout」 打破框架的設計,讓一些按鈕、文字介於區塊與區塊之間,展現活潑,也讓使用者可以注意。這種設計也可以創造層次感,類似以前雜誌風格。最常見的範例是 google 的加入按鈕。
  10. 「Looking for future: VR」最後孟芝提出 VR 在未來網頁呈現上,很酷炫...
← iOS 10 Notification Location Trigger