照片編輯軟件怎樣進(jìn)行ui設(shè)計(jì)

照片編輯軟件怎樣進(jìn)行ui設(shè)計(jì)？現(xiàn)在照片編輯類的 APP 用戶受眾非常廣泛，但是在整體比例當(dāng)中，年輕女性在其中的占比很大,今天小編主要給大家分享照片編輯軟件怎樣進(jìn)行ui設(shè)計(jì)，希望對(duì)你們有幫助!

一、任務(wù)

移動(dòng)圖像編輯app的UI設(shè)計(jì)和UX設(shè)計(jì)。

二、處理流程

考慮到用戶的最大受眾群體是15-35歲的女性用戶，設(shè)計(jì)師將為這些用戶創(chuàng)建一個(gè)自拍和照片編輯app，該app暫時(shí)命名為Cuteen，Slogan設(shè)置為“遇見(jiàn)最美的你”。

在為這款A(yù)PP設(shè)計(jì)UX時(shí)，它需要滿足其最基本的六大功能，在風(fēng)格上保證現(xiàn)代化、年輕化、女性化、趣味性的UI設(shè)計(jì)。此外，團(tuán)隊(duì)決定創(chuàng)建一組自定義圖標(biāo)用于UI設(shè)計(jì)中，并結(jié)合相對(duì)明亮的配色方案。

三、UX 設(shè)計(jì)

設(shè)計(jì)師的首要任務(wù)是以直觀的方式呈現(xiàn)所有功能，確保每個(gè)用戶都能輕松編輯圖片。為了使這個(gè)過(guò)程效果更高，設(shè)計(jì)師創(chuàng)建線框圖來(lái)組織整個(gè)界面的信息架構(gòu)。

線框圖將屏幕布局和可視化元素快速地呈現(xiàn)出來(lái)，以便開(kāi)發(fā)人員和客戶直觀了解。

Cuteen這個(gè)應(yīng)用包含6個(gè)基本功能，需要以最有效的方式呈現(xiàn)。設(shè)計(jì)師提供了兩種不同的布局選項(xiàng)：第一個(gè)方案，包含了頂部圓形 Banner和品牌名稱，設(shè)計(jì)師設(shè)計(jì)了圖標(biāo)和相機(jī)按鈕的幾種布局變種。

其相機(jī)按鈕是最高優(yōu)先級(jí)的交互元素，它應(yīng)具有行為召喚的特征，所以它應(yīng)與其它背景元素有足夠的對(duì)比。

第二種方案，側(cè)重于功能顯示。刪除Banner，圖標(biāo)放在屏幕頂部，照片按鈕作為CTA元素放在中間，這種結(jié)構(gòu)讓用戶更加專注，減少干擾，并使導(dǎo)航更加直觀。

此外，設(shè)計(jì)師還添加了一個(gè)顯示最近流行效果的信息流，用戶不用篩選的情況下查看最新和最流行的特效。

這兩種方案各有優(yōu)缺點(diǎn)，設(shè)計(jì)師決定在UI設(shè)計(jì)階段對(duì)比兩種方案的優(yōu)缺點(diǎn)。

四、UI設(shè)計(jì)

UI設(shè)計(jì)的主要策略是創(chuàng)造一種時(shí)尚和娛樂(lè)的風(fēng)格，考慮到這款app主要面向年輕女性用戶，設(shè)計(jì)師決定使用一種帶有漸變效果的明亮配色方案。

CTA元素(如照片按鈕)使用亮粉色，這種配色方案和美觀的設(shè)計(jì)策略非常適合女性用戶的氣質(zhì)和喜好。

6個(gè)不同的功能圖標(biāo)使用6種對(duì)比色呈現(xiàn)，通過(guò)這種方式，不同的功能與不同的顏色相關(guān)聯(lián)，這樣，當(dāng)用戶熟悉app時(shí)，就可以在不閱讀圖標(biāo)標(biāo)簽的情況下快速識(shí)別它們。

此外，為了使整個(gè)界面看起來(lái)更舒適和愉快，設(shè)計(jì)師使用了白色背景，使整個(gè)布局在視覺(jué)上更加平衡。

經(jīng)過(guò)多次探索，設(shè)計(jì)師選擇了第二種方案，就是沒(méi)有 Banner的方案。然后設(shè)計(jì)師開(kāi)發(fā)了上圖中的三個(gè)變體作為默認(rèn)UI解決方案，這種結(jié)構(gòu)使交互區(qū)域更清晰，邏輯更清晰。

此外，第二種方案內(nèi)置了許多不同的樣式供用戶選擇和隨意切換，在這個(gè)設(shè)計(jì)版本中，用戶的注意力將集中在自定義圖標(biāo)上。

總而言之，Cuteen的UI界面看起來(lái)明亮而充滿活力，擁有直觀的交互系統(tǒng)、原始的信息流和自定義圖標(biāo)集，這些小細(xì)節(jié)讓整個(gè)app強(qiáng)大而實(shí)用，設(shè)計(jì)師應(yīng)關(guān)注每一個(gè)UI組件，包括圖標(biāo)和按鈕。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://www.hebeijilong.cn/news-id-72795.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050