手機(jī)版WPS 手機(jī)版wps免費(fèi)下載
2022-11-29
更新時(shí)間:2022-04-17 13:49:47作者:未知
當(dāng)我們打開(kāi)一個(gè)App時(shí),從視覺(jué)層面分析,影響用戶對(duì)App整體感官體驗(yàn)的元素主要有:圖片、文字、色彩、圖標(biāo)、留白等。圖片的合理運(yùn)用、清晰的信息層級(jí)、舒適的色彩搭配都將會(huì)提高整個(gè)App的美感,從而為整個(gè)的產(chǎn)品體驗(yàn)加分。一個(gè)成功的產(chǎn)品,視覺(jué)層面只是其中的一部分,但是作為一個(gè)合格的UI設(shè)計(jì)師,我們要做的就是把這其中的一部分做到極致。
二. 文字,我只想知道重點(diǎn)在那里
文字設(shè)計(jì)的層次感決定了信息的高效傳達(dá),通過(guò)對(duì)文字信息的層次處理可以有效的幫助用戶獲取信息,提高用戶對(duì)產(chǎn)品的操作效率。
1. 對(duì)文字信息進(jìn)行層級(jí)區(qū)分
當(dāng)我們拿到交互原型或者別的需求文檔時(shí),我們需要對(duì)文字的信息層級(jí)進(jìn)行有效的區(qū)分,這樣才能讓用戶快速的獲取和理解信息傳達(dá)的內(nèi)容。
文字信息可以簡(jiǎn)單劃分為重要信息、次要信息、輔助信息等。在進(jìn)行文字排版時(shí),需要明確的梳理好信息之間的層級(jí)關(guān)系,提高用戶對(duì)產(chǎn)品的整體體驗(yàn)。
通過(guò)對(duì)字體大小、顏色、留白、層級(jí)劃分等處理,把相同屬性的信息歸類(lèi)設(shè)計(jì),讓整個(gè)信息排列主次分明,層級(jí)清晰。
設(shè)計(jì)師在對(duì)文字進(jìn)行視覺(jué)表現(xiàn)時(shí),為了達(dá)到整體界面的視覺(jué)平衡也需要減少對(duì)文字樣式的運(yùn)用,不可為了突出文字信息而采用過(guò)多的表現(xiàn)樣式。
2. 預(yù)估好信息呈現(xiàn)的最大值
當(dāng)我們?cè)谶M(jìn)行界面設(shè)計(jì)時(shí),初級(jí)設(shè)計(jì)師往往會(huì)忽略文字信息的最大值,只是按照自己的習(xí)慣進(jìn)行完美的布局,最終進(jìn)入到測(cè)試環(huán)節(jié)時(shí)才發(fā)現(xiàn)為什么比自己預(yù)期的字?jǐn)?shù)多出這么多信息,此時(shí)就會(huì)出現(xiàn)返工的情況,給整體的產(chǎn)品開(kāi)發(fā)進(jìn)度帶來(lái)風(fēng)險(xiǎn)。
作為一名合格的UI設(shè)計(jì)師,我們需要預(yù)估好信息呈現(xiàn)的最大值,而不是取最小值或者隨意進(jìn)行設(shè)計(jì),這樣將會(huì)在執(zhí)行的過(guò)程中遇到更多不可控的風(fēng)險(xiǎn)。
3. 善于利用提示符進(jìn)行設(shè)計(jì)
在一些會(huì)出現(xiàn)大篇幅文字信息的界面設(shè)計(jì)中,為了提高用戶對(duì)信息的獲取效率,我們會(huì)根據(jù)整體視覺(jué)效果選擇合適的提示符進(jìn)行設(shè)計(jì)。很多初級(jí)設(shè)計(jì)師會(huì)過(guò)于遵循交互原型,往往對(duì)大篇幅文字的處理過(guò)于隨意,只做著交互原型的美化,缺乏對(duì)用戶體驗(yàn)的主動(dòng)性。
在進(jìn)行產(chǎn)品交互設(shè)計(jì)時(shí),有時(shí)候產(chǎn)品或者交互無(wú)法站在視覺(jué)的角度進(jìn)行信息的梳理和布局,我們需要利用自己的專(zhuān)業(yè)來(lái)優(yōu)化你覺(jué)得可以更好的地方,也能為你在整個(gè)產(chǎn)品環(huán)節(jié)中樹(shù)立專(zhuān)業(yè)性。
三. 色彩,如何成為「色」計(jì)師
色彩給人的感受是最直觀的,不同性格的配色傳達(dá)不同的情感。關(guān)于配色有一些方法可尋,但是也存在一定的感性判斷。作為視覺(jué)設(shè)計(jì)師,我們需要學(xué)習(xí)理性的方法技巧,也要不斷欣賞優(yōu)秀的作品,提高自身的審美能力。
1. 色彩基礎(chǔ)知識(shí)
色彩分為無(wú)彩色系和有彩色系,無(wú)彩色系是指白色、黑色、各種深淺不同的灰色;有彩色系是指紅、橙、黃、綠、青、藍(lán)、紫等顏色。
關(guān)于色彩的更多理論知識(shí)這里不做展開(kāi),大家自行腦補(bǔ)色相、純度、明度、對(duì)比、性格等等方面的理論知識(shí)。
2. 建立色彩庫(kù)
作為初級(jí)設(shè)計(jì)師我們對(duì)配色的把控不是很穩(wěn)定,為了提高工作效率,我們需要通過(guò)一些理性的方式建立大量的色彩庫(kù),應(yīng)對(duì)不同的需求。
3. 提高審美,增強(qiáng)感性判斷力
配色能力雖然可以通過(guò)一些理性的方法提高,但是也存在一定的感性判斷。配色中細(xì)微的差異往往都是感性的判斷,我們需要不斷的欣賞攝影、繪畫(huà)、設(shè)計(jì)作品等等,綜合的提高自身的審美,才能不斷增強(qiáng)感性的判斷力。
作為UI設(shè)計(jì)師,你不能只關(guān)注界面設(shè)計(jì),你可以看平面作品、攝影繪畫(huà)、影視動(dòng)效,體驗(yàn)手工藝制作、運(yùn)動(dòng)娛樂(lè)、細(xì)心的體驗(yàn)生活中的每一次變化。
4. 養(yǎng)成分析的習(xí)慣
要想擁有良好的配色能力,積累的過(guò)程是很重要的。當(dāng)我們看到優(yōu)秀的作品,要分析配色之間的對(duì)比關(guān)系、顏色在色環(huán)上的位置關(guān)系、HSB數(shù)值的關(guān)系等等。只有不斷的分析和總結(jié)才能逐步形成自己的思維方式,提高不同配色的把控能力。
分析的習(xí)慣不只是運(yùn)用在色彩上面,對(duì)于版面布局、文字信息的處理、icon設(shè)計(jì)風(fēng)格、間距留白等等方面都需要不斷的進(jìn)行分析總結(jié),掌握優(yōu)秀作品的規(guī)則才能形成自我的標(biāo)準(zhǔn)習(xí)慣。