歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-12-03 13:07:30|已瀏覽:128次

照片編輯軟件怎樣進(jìn)行ui設(shè)計
照片編輯軟件怎樣進(jìn)行ui設(shè)計?現(xiàn)在照片編輯類的 APP 用戶受眾非常廣泛,但是在整體比例當(dāng)中,年輕女性在其中的占比很大,今天小編主要給大家分享照片編輯軟件怎樣進(jìn)行ui設(shè)計,希望對你們有幫助!
一、任務(wù)
移動圖像編輯app的UI設(shè)計和UX設(shè)計。
二、處理流程
考慮到用戶的最大受眾群體是15-35歲的女性用戶,設(shè)計師將為這些用戶創(chuàng)建一個自拍和照片編輯app,該app暫時命名為Cuteen,Slogan設(shè)置為“遇見最美的你”。
在為這款A(yù)PP設(shè)計UX時,它需要滿足其最基本的六大功能,在風(fēng)格上保證現(xiàn)代化、年輕化、女性化、趣味性的UI設(shè)計。此外,團(tuán)隊決定創(chuàng)建一組自定義圖標(biāo)用于UI設(shè)計中,并結(jié)合相對明亮的配色方案。
三、UX 設(shè)計
設(shè)計師的首要任務(wù)是以直觀的方式呈現(xiàn)所有功能,確保每個用戶都能輕松編輯圖片。為了使這個過程效果更高,設(shè)計師創(chuàng)建線框圖來組織整個界面的信息架構(gòu)。
線框圖將屏幕布局和可視化元素快速地呈現(xiàn)出來,以便開發(fā)人員和客戶直觀了解。
Cuteen這個應(yīng)用包含6個基本功能,需要以最有效的方式呈現(xiàn)。設(shè)計師提供了兩種不同的布局選項:第一個方案,包含了頂部圓形 Banner和品牌名稱,設(shè)計師設(shè)計了圖標(biāo)和相機(jī)按鈕的幾種布局變種。
其相機(jī)按鈕是最高優(yōu)先級的交互元素,它應(yīng)具有行為召喚的特征,所以它應(yīng)與其它背景元素有足夠的對比。
第二種方案,側(cè)重于功能顯示。刪除Banner,圖標(biāo)放在屏幕頂部,照片按鈕作為CTA元素放在中間,這種結(jié)構(gòu)讓用戶更加專注,減少干擾,并使導(dǎo)航更加直觀。
此外,設(shè)計師還添加了一個顯示最近流行效果的信息流,用戶不用篩選的情況下查看最新和最流行的特效。
這兩種方案各有優(yōu)缺點,設(shè)計師決定在UI設(shè)計階段對比兩種方案的優(yōu)缺點。
四、UI設(shè)計
UI設(shè)計的主要策略是創(chuàng)造一種時尚和娛樂的風(fēng)格,考慮到這款app主要面向年輕女性用戶,設(shè)計師決定使用一種帶有漸變效果的明亮配色方案。
CTA元素(如照片按鈕)使用亮粉色,這種配色方案和美觀的設(shè)計策略非常適合女性用戶的氣質(zhì)和喜好。
6個不同的功能圖標(biāo)使用6種對比色呈現(xiàn),通過這種方式,不同的功能與不同的顏色相關(guān)聯(lián),這樣,當(dāng)用戶熟悉app時,就可以在不閱讀圖標(biāo)標(biāo)簽的情況下快速識別它們。
此外,為了使整個界面看起來更舒適和愉快,設(shè)計師使用了白色背景,使整個布局在視覺上更加平衡。
經(jīng)過多次探索,設(shè)計師選擇了第二種方案,就是沒有 Banner的方案。然后設(shè)計師開發(fā)了上圖中的三個變體作為默認(rèn)UI解決方案,這種結(jié)構(gòu)使交互區(qū)域更清晰,邏輯更清晰。
此外,第二種方案內(nèi)置了許多不同的樣式供用戶選擇和隨意切換,在這個設(shè)計版本中,用戶的注意力將集中在自定義圖標(biāo)上。
總而言之,Cuteen的UI界面看起來明亮而充滿活力,擁有直觀的交互系統(tǒng)、原始的信息流和自定義圖標(biāo)集,這些小細(xì)節(jié)讓整個app強(qiáng)大而實用,設(shè)計師應(yīng)關(guān)注每一個UI組件,包括圖標(biāo)和按鈕。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-72795.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請試課。關(guān)注官方微信了解更多:150 3333 6050