當前位置:
首頁 > 創意 > 扁平化的APP界面設計!

扁平化的APP界面設計!

文/潘飛

扁平化風格是設計界的一種流行趨勢,它是設計師們長久以來對藝術表現手法的一種共同探索。在視覺表現上,它弱化視覺透視,降低了光影紋理材質陰影對設計的影響,將界面設計回歸到藝術的根本,圖形和色塊。它在交互領域主要體現在易理解,易操作,易用性和簡單化上。

扁平風格視覺上給人簡單大方的印象,好像就幾個色塊。這種設計風格,主次分明,易於識別,圖形化的界面分割能顯著提高閱讀效率。它簡約卻不簡單,沒有多餘的設計元素,能夠讓視覺上簡明清新,交互邏輯上直接了當,一步到位,信息傳達能力強。對用戶來說它可以更加簡單和直接的將信息提取出來,更加容易的理解APP應用的操作方式,減少認知障礙的產生,通過APP提供的服務為生活提供便利。

APP設計需要一致性的設計風格和設計模式,為用戶建立起完整一致的模型,提升使用體驗。應用統一的網格風格為界面設定視覺規範,使用戶可以根據內容本身界定出的路徑移動,增強視覺平衡效果。在圖標設計上,寫實的圖像很難表現抽象通用的概念,大量寫實擬物的圖標也讓人在視覺審美上產生疲憊,因此需要統一視覺表現,降低光影紋理材質陰影對設計的影響。

當然,為了增強用戶體驗,除了考慮讓應用簡潔化之外,修飾元素的恰當應用亦是不錯的方法。由於在視覺的條理性上,純粹的扁平化不容易滿足所有用戶的視覺體驗,在APP的測試版本中經常出現用戶覺得趣味性不足,亮點缺乏的現象,這顯然對APP應用的推廣有不利的影響。修飾元素的適當出現並不會阻礙和破壞設計的整體性,如果把它的優勢加以發揮,設計師能利用細節為用戶提供簡潔大方卻又不失趣味的應用設計。

強調配色好感度。使用戶產生好感和共鳴的配色,更能引發用戶自發的去了解設計所要傳達的意向。如在表現食品類應用時,好的配色可以激發人的食慾,促成接下來的購買行為。因此我們可以在表現活力的配色時,多搭配幾種不同顏色,使用色相越多越能表現熱鬧活躍的氣氛,而且高明度高純度的色彩使用是比較常見的方法。

設計若有需要取得用戶接受和信任的需要,表現安心和信賴的色調一般會選擇為暖色,而且用色不宜過多,我們可以運用純度較低,明度適中的色調傳遞安心,溫馨以及穩定感。另外高明度加少量灰色的設計能給人柔和安適的感覺。體現趣味性的色彩,一般是結合產品屬性進行點綴和裝飾,在色調上形成對比。

通過色彩導引閱讀和使用,通過對色彩位置的管理,方向和形式的把握和安排,可以達到讓色彩自然的引導視覺流程的作用。例如大面積運用淺灰暗紅等色的引導頁中,一抹藍色能很容易的抓住用戶的目光。在需要利用色彩強調文字層級時,文字單一顏色雖有整體感,但畢竟過於沉悶,無重點和層次。一般來說,高明度色彩比低明度色彩容易識別,強化對比可以強調主題。

利用色彩引導消費。優秀的色彩使用可以在應用被操作時,給用戶留下鮮明的色彩印象,提高用戶轉化率。APP設計者要保證商品的色彩與功能的一致,不一致的色調與產品容易導致消費者的混亂感。例如女性用戶通常喜歡溫暖明快的色系,而男性用戶喜歡暗冷色系,教育程度高的人群比較喜歡淡雅的色彩,而表現賣場氣氛的設計里,那些鮮艷跳躍的色彩更容易抓住用戶。

用戶在使用一個APP時,交互的易用性和界面的友好性依舊是其主要考慮。設計者對扁平化的理解不能單單停留在界面設計之上,界面設計要體現交互設計的思想。曾經有交互設計師,將用戶比作沒耐心,孩子氣,不愛思考,壞脾氣的龐大群體。如果僅僅是視覺界面進行扁平化優化,而交互使用依舊繁瑣難懂,用戶體驗就會直線下降,用戶轉化率不足會導致設計失敗。

界面的層級化就成了APP架構者反覆思量的問題,交互設計要突出常見用例和核心功能的相關元素。當然任何一款APP應用的成功,除了優秀的界面設計之外,必然取決於功能實現的合理性。對用戶來說,任何額外的操作步驟都會增加操作成本,增加功能的複雜性會降低用戶體驗。因此,為了識別出核心的用戶需求,草圖,線框原型的討論和修改,需要經過反覆的調查實驗和論證,以求達到簡單和有效。

可可?香奈兒說過:「時尚易逝,風格永存」。扁平化作為當下的設計潮流依然有很多可探索和研究之處,在探索扁平化風格在APP設計領域的過程中,我們要辨析哪些方法和原則能為設計師形成設計風格提供養料,哪些形式和內容是對原來設計領域的改造和創新,進而對將來的設計風格進行探索。只有這樣,才能設計出符合現代審美,符合時代需要,真正能為用戶提供便利的APP應用。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

設計與溝通需要融合!
PS教程/繪製清新風扇

TAG:設計智造 |