小白學習APP設計5步讓你設計出漂亮的APP

這節課的主題就是讓大家快速上手學習APP設計，關鍵詞漂亮、簡潔。

漂亮的APP界面設計都保持的一致性和細致化的設計。

下面25學堂的小編教大家如何運用6個步驟來設計出漂亮的APP UI界面。

第一步、關注和重視品牌的LOGO ?

正確理解品牌的意義是APP設計的第一步。APP的取色和風格都與APP品牌相關的，品牌是APP設計的基石。

APP案例分析：Cal日歷

相信每一位用過Any.Do的用戶都曾贊嘆過它的精簡設計，而現在Any.Do團隊又一次打破了日歷市場，推出了「Cal日歷」。這次的新作品不僅在設計上完全繼承了Any.Do一貫簡潔優雅的作風，在使用體驗和功能方面更加的出類拔萃。

「Cal日歷」可以自動添加中國節氣等信息，添加事項也更加完備。不僅如此，「Cal日歷」還支持添加位置信息、聯系人、響鈴提醒、文字注釋、活動自動重復等實用功能。

Cal用一段描述美好生活–陽光、運動、笑容、孩子和美食的宣傳視頻作為開場，給用戶帶來溫馨和美好的感覺，我們期望中的生活不就是如此嗎？

所以Cal用一段非常貼近人心而又符合自身產品定位的視頻吸引住了用戶，這一點與那些開場使用文本引導的應用有著很大區別，避免讓用戶覺得枯燥乏味。

第二步：選取舒適的配色方案

舒適的配色方案決定了APP的形象，它應該是品牌主題色的擴展。它是視覺設計的核心，因為APP所有可見的地方都會使用這些顏色。所以你需要選擇一個能增強品牌形象的主題色是關鍵當中的關鍵。

25學堂提醒我們，通?？梢园慈齻€大類的配色方法，結合一些案例，分析色彩在頁面中的APP手法。

配色方案舉例分析： ?Very的案例

柔和的調子使頁面顯得明快溫暖，就算色彩很多也不會造成視覺負重。頁面的同色調搭配，顏色作為不同模塊的信息分類，不搶主體的重點，還能襯托不同類型載體的內容信息。

25學堂的觀點：同色調不同色彩的模塊，就算承載著不同的信息內容也能表現很和諧。

第三步：直觀的布局

這里講究的是一見鐘情。能讓你的用戶第一眼就明白其APP功能才是最好的APP設計。

25學堂認為App主頁面設計非常簡潔但并不簡單。

如下圖APP設計：

多去研究和臨摹一下那些熱門和相關APP是怎么做的，盡量別讓用戶產生困惑。盡量選擇比較小眾的APP設計參考。

第四步：簡化和卡片化

這一步我們可以借鑒蘋果的理念：無贅物即為完美。25學堂告訴大家千萬不要去”畫蛇添足“。

屏幕布局應當保持整潔，信息應該分層排列，重要的在上面，不重要的在下面。

具體的我們看下APP設計案例吧！

第五步：精煉和做減法

卓越的視覺設計都是細節為王，每一個像素都要完美無缺。首先是排版。字體是應用的臉面，一個好的字體可以讓你的應用脫穎而出。

各位APP設計小白，要能準確傳達情緒的圖標才是最好的。你可以利用一些免費的圖標資源，然后在Photoshop里面稍加修改，把它們變成自己的圖標。

最后，Path和Flipboard是每個像素都趨近完美的典范。大家有興趣可以下載下來慢慢學習和欣賞。

一個APP開始啟動設計時，第一步應該用主要頁面定下整個APP的設計風格，然后其他頁面按著統一的設計風格進行細致的設計美化。統一設計風格能給用戶呈現整體一致的視覺體驗，有利于傳達產品整體的品牌形象;也方便設計團隊制定設計規范，減少設計風格不一致帶來的溝通成本。25學堂今天就跟大家分享到這里。

(編輯：小酷)