照片是記錄生活的方式之一，使用智能手機的人們可以拍成千上萬張照片，再也不用擔心錯失美好瞬間了。手機APP為人們的攝影愛好提供了支持，提供諸如圖像編輯等各種功能。如今，修圖的需求是很高的，這也是為什么很多設計師都會接觸到這類項目的原因。

修圖APP的主要用戶群體就是年輕人，很多女孩都喜歡自拍并且通過特殊的效果和組件美化自拍照。

今天就來給大家分享一款針對年輕人的修圖軟件的設計過程。UI設計師Tania Bashkatova和平面設計師Yaroslava Yatsuba是這次任務的主要執行人員。

任務

一款修圖APP的UI和UX設計。

流程

設計師接到的任務是為一款可以一鍵自拍、修圖的APP做UI、UX設計，APP名為Cuteen，針對15-35歲的女性群體，slogan為：

“遇見最美的自己”。

主要任務是為該APP的六個基本功能創建智能化的用戶體驗，并進行現代化、年輕化、女性化和趣味化的UI設計。此外，我們的團隊決定創建一組自定義圖標并在用戶界面中使用鮮艷的是色彩。

在創新流程開始之前，設計師們首先進行了市場和用戶調研。這個過程能收集核心信息，從而創造出符合用戶期望的產品。

基于調研結果和頭腦風暴，設計師的思想體現在基本的UX解決方案和風格偏好上。

UX設計

之前的設計師的任務是以一種每個人都可以直觀地進行編輯的方式組織和呈現所有功能。

為了使這個過程更有效率，設計者創建了線框圖來展示信息構架的未來布局，線框圖是最簡單最快速可視化展示APP屏幕和跳轉原理的方式，線框圖能夠幫助開發者和客戶清晰地理解APP的布局框架。

Cuteen APP需要得到有效展示的基本功能有六項，設計師們提供了兩種布局方案：

第一個包含屏幕頂部的圓形橫幅和品牌名稱，設計師設計了幾種基本功能圖標以及CTA 照片按鈕的放置方式。

CTA按鈕必須顯眼，這樣用戶才會將其視為界面的主要交互元素。

該方案顯示了三種UI組件放置方式，第一種，“相機”按鈕與其他功能是分開展示的；后兩種不一樣，“相機”按鈕與其他功能是連接在一起的。

第二種方案的重點是功能展示，頂部橫幅被移除了，圖標放置在屏幕的頂端，CTA按鈕放在中間的位置。

這種結構使用戶能夠集中注意力，減少所有可能的干擾并使導航更直觀。此外，設計師還制作了一個顯示最近流行效果的原始Feed，用戶可以一鍵應用最佳功能。

這兩個方案都有它們的優點和好處，因此設計人員決定在UI設計階段再決定到底選用哪一種。

UI設計

UI設計的主要方法包括時尚和娛樂視覺風格的結合，考慮到該APP面向年輕女性用戶，設計師決定使用明亮的色彩創建UI組件以及漸變效果。用于CTA按鈕和一些其他UI組件的中心顏色為粉紅色，粉色與與美麗，敏感和年輕女性氣質密切相關，所以如果目標是年輕女性的話，粉色是個好選擇。

六個功能圖標使用了六種對比色，這樣一來每一種顏色都代表了一種特定的功能，用戶即使不去看圖標下面的文字說明也能迅速明白每個圖標是干嘛的。

此外，為了讓整個用戶界面看起來溫和愉悅，設計師使用白色背景將平衡帶入視覺構圖。我們來看看一些效果圖：

經過多次創造性探索之后，設計師選擇了上圖中沒有橫幅的第三種設計方案。在這種結構中，交互區域非常明顯并且在邏輯上與其他區域是分離的。另外，第二個版本作為附加選項提供，用戶可以隨時隨地切換。在第二種版本的布局中，用戶注意力會集中在自定義圖標上。

總而言之，CuteenAPP的用戶界面看起來明亮且充滿活力，并且擁有簡單的交互系統、原始Feed和自定義圖標集。

自定義圖標設計

主要目的是設計一套原創圖標，讓這款產品在競爭對手中脫穎而出，平面設計師接受了這項有趣的挑戰。

為了節省時間并且充分發揮想象力，插圖畫家開始用手繪草圖。設計師提供了三套不同風格的圖標，并為每個功能提供了各種概念。下面是草圖：

設計師選擇了下圖中的第二種方案，手繪草圖轉換成了電子版的，所有的細節都得到了解決。自定義圖標是APP可識別性的有效組成部分，而且，他們支持界面中基本文體解決方案的一致性。

設計師制作了兩種圖標——完整的和簡約的：

• 完整的圖標使布局風格多彩，看起來非常明亮；
• 簡約的圖標用于基本布局款。

使用閉合技術，設計師可以使圖標看起來充滿活力，從而可以感受到凍結運動的感覺，這種技術是基于人眼傾向于看閉合形狀。

閉合適用于物體不完整，但用戶通過填充缺失部分將其視為完整形狀的情況，該技術與我們在設計心理學中描述的格式塔原理相關。

總結一下，最小的細節往往決定著APP的設計是否強大，因此設計師應該關注所有UI組件，包括圖標和按鈕。