萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

APP「平行世界」設計複盤:從產品到設計的實戰心路

我是產品經理轉型設計師,期間大量汲取 UI.cn 社群養分,受益良多。目前一版已上線,分享設計思路與踩坑經驗,也誠邀專業交互設計師加入(北京鼓樓巷四合院辦公,bin@llspace.com)。

核心設計思路

  1. 極致體現「人→人」直接連結,弱化「人→App→人」的工具感
  2. 「創作」與「探索」兩大功能以漸進式空間過渡串聯(如建築中的室內外過渡區)
  3. 可擴展的 UI 系統設計

非標準交互帶來的四大痛點

  • 橫向滾動導致內容密度低
  • 橫向滾動與進入下一級目錄的動效過於相似,易混淆
  • 探索流與訂閱流的邏輯衝突
  • 近似色系下如何表現合理的層級質感

關鍵頁面設計演進

註冊頁:黑白城市照 + 黃色按鈕

隱喻「陰沉世界中的一束光」。

主頁:探索與創作的切換難題

被淘汰的多個方案:

Profile 頁

糾結的卡包

參考 Paper 53 自定義封面,但需同時展示標題、狀態、內部卡片數,且對外可見,視覺平衡極難拿捏。

ICON:iOS 8 扁平風格(其實是畫不出複雜矢量圖…)

碎片時間產出的黃歷簽系列

元祖版本紀念

為實現這個版本填了無數坑。(大魚海棠終於上映了…嘆)

copyright © 萬盛學電腦網 all rights reserved