過去三年帶領Aviary Android設計師團隊，榮幸設計這款攝影App釋放創造力。Google推出Material Design新設計語言，產品團隊對Photo Editor重新設計。今天仔細分享重設計故事、經驗進度，看新語言如何重塑App。

通過改版發現：如何用Material Design規范激發靈感而非束縛設計；逐漸明白新設計平台門道。從Photo Editor初始美學特徵過渡到Material Design是漫長旅程，但收穫經驗教訓，體會全新Android系統美感。

Android版誕生：從iOS擬物風到Holo風格轉化

剛加入Aviary首個UI項目：將iOS App UI轉化適配Android。作為iPhone用戶，剛掌握移動端UI設計，對Android僅大學稍有了解。先了解測試設備，制定iOS→Android UI轉化規則。初遵循iOS擬物風格設計iOS客戶端，運用層次分明陰影細膩展現。Android 4.0設計風格為Holo，轉換中降低繁複陰影，用輕筆觸重繪紋理，UI邊角更銳利匹配Holo風格。Aviary初始Android版誕生。

第一次Android重設計：在自由中摸索原生設計語言

當時Aviary專注iOS，Android UI項目不在聚光燈下，由我肆意修改，有充分自由度以創意方式打造客戶端、學習移動端設計知識。用戶基礎薄弱，期待不高。新版發布後下載量瘋狂增長，意識到Android版寶貴，促使公司決定投入更多精力。

同事Android開發者是堅定支持者，認為用iPhone設計Android UI是侮辱，後來意識到他對。2013年買HTC One，下載大量應用發現：絕大多數Android應用無類似iOS系統美學特徵和完整統一設計語言，易迷失於複雜極度靈活設置中。大量篩選後摸索出Android設計模式，結合所學提升可用性與美學，逐漸摸索出設計思路。

Material Design簡介：系統完善的設計語言

2014年6月Google經Android 4.0兩年緩沖推出Material Design。規范推出使之前重設計顯不合時宜，些許調整在新規范下無法顯示重視程度，也給予再次重設計理由。為重新改造App先做大量研究。Google發布文檔資源時即開始閱讀學習。幸運的是新規范系統完善，獲得比以前更多指導。文檔為每個設計詳細解釋闡述目的，細致精準設定為平台一致統一奠基。

鑽研核心概念：墨水與紙張。基於印刷實體設定與靈活自然動效，賦予設計語言明確關系與足夠連續性，造就大膽靈活佈局深遠影響。對列表多應用（郵件、新聞）有明顯優勢。

Google Material Design三大準則：紙的隱喻、圖形化強交互、用動效傳達含義。

隨熟悉構思怎樣調整App符合三準則：內容如何展示？釋放按鈕動效怎樣呈現？眾多操作用一個浮動按鈕如何解決？編輯流程如何用過渡動效？視覺焦點是照片時如何添加色彩？面對未知因素，選擇將應用功能剝離肢解。

配色方案：從品牌設計角度選色

想清主要視覺元素是重設計不錯開始。規劃每屏佈局（不涉及樣式過渡動效）。依規范選主色調與配色，如品牌設計配色。藍灰色為主色調——反差不明顯偏中性但足夠有特色。小圖標文字用白色亮藍色強調。去除複雜陰影渲染後設計大幅提升。

小圖標：柵格系統構建對稱結構

重新思考小圖標設計。之前過於厚重跳脫，現看過時。重審Google圖標設計柵格系統與Material Design風格圖標獲靈感。柵格確保一致性，同時呈現Aviary獨有風格品牌特徵。大量相同形狀構建對稱結構，簡約大膽，微調後構成現有圖標體系。

圖片選取：抽屜導航+浮動按鈕

將App拆分基礎形態後重新搭建交互流程。不同其他應用，Photo Editor使用過程是簡單線性流程。用戶標準圖片庫選圖，此處可調整：替換頂部工具欄，添加抽屜式導航欄，添加浮動按鈕作圖庫入口。

App流程：一二級菜單視覺區分與墨水動效

選圖後選工具：20+工具水平列表選取。選一鍵優化工具後有三種模式。二級菜單需與一級區分：背景色稍淺、加圓角邊框區分，添加不斷擴大「墨水」動效強化概念。

內容工具：借鑒Google Play卡片式交互

內容工具含特效、貼紙、邊框、遮蓋四類，除預制外多可購買，需工具商店入口。借鑒Google Play設計用卡片式交互，讓用戶感受熟悉購買體驗，加入Material Design元素更完美。

色彩與圖像：移除邊框無縫融合

工具商店展現Material Design不錯途徑，關鍵控制色彩圖像。工具包圖片精心挑選，結合應用配色呈現類型功用且美觀。提取示例圖片主色調融入界面，移除邊框讓圖片與界面無縫。

動態色彩：主色調成系統UI互補色

調整測試配色引擎後發現可在更多處應用。提取圖片主色調作系統UI互補色，用於側邊欄和加載圖標，每次編輯不同圖片/操作不同步驟都有不同變化，給人自然神奇感覺。為將這種「神奇」……