ui設(shè)計是什么? UI設(shè)計中基礎(chǔ)的圖形元素,在平面和品牌UI設(shè)計中經(jīng)常可以見到,像一些點線面、圖形構(gòu)成等等,而回到產(chǎn)品UI設(shè)計中呢,典型的形就是我們經(jīng)常見到的圖標(biāo),那除此之外,形在UI設(shè)計上還有哪些體現(xiàn)方式呢?
1、插畫
圖形的UI設(shè)計表現(xiàn)中,我第一個聯(lián)想到的就是插畫,但是插畫的類型和使用方式也分為很多種。
功能插畫
首先我們先設(shè)想一個場景,當(dāng)我們接觸到一個新鮮的事物時,我們首先需要快速的了解他,我們可以通過產(chǎn)品說明書、產(chǎn)品結(jié)構(gòu)圖,場景使用模擬等不同的方式來表現(xiàn)。因此在一些服務(wù)頁面或新功能介紹中,都會適當(dāng)?shù)娜谌牍δ懿瀹嫞@種表現(xiàn)形式可以使得界面展示更直觀,快速的讓用戶理解所描繪的功能含義,減少用戶學(xué)習(xí)成本。
場景插畫
像一些頁面中還可以利用場景插畫去表現(xiàn),不僅可以打造內(nèi)容的差異性,還可以快速讓用戶融入到場景中,進(jìn)一步提升用戶的情感體驗。
2、品牌強(qiáng)化
ui設(shè)計是什么? 品牌UI設(shè)計的目的就是為了利用圖形化的元素,去加強(qiáng)用戶的記憶,而隨著產(chǎn)品發(fā)展成熟,為了可以非常有效的去強(qiáng)化品牌,形成產(chǎn)品間的差異性,UI設(shè)計在表現(xiàn)層可以利用不同的形式去強(qiáng)化品牌。
風(fēng)格延展
UI設(shè)計表現(xiàn)上可以賦予產(chǎn)品非常明確的設(shè)計風(fēng)格,例如抖音的故障風(fēng)格,在圖標(biāo)、插畫、活動頁面都有很好的延展,這也賦予了很深的產(chǎn)品印象,甚至有很大一部分用戶看到故障風(fēng)格就會聯(lián)想到抖音。
品牌應(yīng)用
除此之外也可以利用品牌元素進(jìn)行一定的延展設(shè)計,像Logo圖形可以用到很多的圖標(biāo)和默認(rèn)圖上,或者也可以使用品牌形象,在一些界面的提示信息、內(nèi)容引導(dǎo)、以及一些插畫繪制上,都可以進(jìn)行有效的融入,進(jìn)一步達(dá)到品牌延展的功能。
3、元素滲透
那么說到延展,其實我們也可以針對一種元素進(jìn)行適當(dāng)?shù)难诱梗瑢⑺枰w現(xiàn)的內(nèi)容進(jìn)行強(qiáng)滲透,從而進(jìn)一步打造內(nèi)容的專屬調(diào)性,以及強(qiáng)化用戶的心智。下面的案例來自攜程精選榜單,而在整個入口、詳情頁,均采用鉆石元素貫穿到整個頁面當(dāng)中,不僅可以使得畫面更加具有視覺沖擊力,也可以使得鉆石品質(zhì)的氛圍在頁面中多次露出,進(jìn)而加深頁面品質(zhì)感。
4、數(shù)據(jù)可視化
ui設(shè)計是什么?圖形的表現(xiàn)還有一個非常重要的內(nèi)容體現(xiàn),那就是數(shù)據(jù)圖表。在一些工具型或B端產(chǎn)品中,都會有著大量數(shù)據(jù),而為了讓產(chǎn)品使用更高效,我們可以利用這種形式來展示。
但每一個結(jié)構(gòu)不同的圖表,所側(cè)重的功能都是不一樣的,有的偏向于于數(shù)據(jù)對比,有的偏向于連續(xù)變化數(shù)據(jù),有的偏向于占比情況等等,因此在使用的過程中需要區(qū)分內(nèi)容的側(cè)重以及用戶對數(shù)據(jù)使用的傾向。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-26169.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050