一款軟件或者電子產(chǎn)品能不能瞬間抓住客戶(hù),UI設(shè)計(jì)起著非常重要的作用。中培偉業(yè)《UI設(shè)計(jì)與用戶(hù)體驗(yàn)最佳實(shí)踐》培訓(xùn)專(zhuān)家尹老師指出,UI設(shè)計(jì)的一個(gè)非常重要的作用就是成功將客戶(hù)的眼睛吸引到產(chǎn)品上來(lái)。通過(guò)對(duì)產(chǎn)品感官上的認(rèn)可,最終認(rèn)可或者購(gòu)買(mǎi)產(chǎn)品,這實(shí)際上就是一種視覺(jué)引導(dǎo)。尹老師在這里也就視覺(jué)引導(dǎo)的原則表達(dá)了自己的看法。
1.視覺(jué)點(diǎn)是焦點(diǎn),亮點(diǎn),吸引眼球的元素,它可以是點(diǎn)可以是元素,可大可小。在設(shè)計(jì)中注意大小比例,顏色搭配,該突出的突出,該弱化的弱化。
2.人物動(dòng)作姿態(tài)眼神表情都是很好的指引導(dǎo)向。運(yùn)動(dòng)專(zhuān)題的人物要選擇動(dòng)作跨度大的,比較夸張的人物。在做設(shè)計(jì)時(shí)還得注意人物的動(dòng)作表情眼神等跟文案的是否適合。
3.多樣線條的指向,不同線條不同的情感性格,適合不同的風(fēng)格的設(shè)計(jì),時(shí)尚服裝的設(shè)計(jì)適合短細(xì)線,短而精致,加強(qiáng)層次增加細(xì)節(jié);男性適合粗直線,穩(wěn)定有力。還有柔美飄逸流暢的曲線。線條不是用來(lái)無(wú)目的的裝飾,在設(shè)計(jì)中起到視覺(jué)指向的作用,引導(dǎo)視覺(jué)導(dǎo)向。
4.萬(wàn)柳從中一點(diǎn)紅,色彩對(duì)比碰撞起了誘導(dǎo)聚焦和突出的作用,抓住了用戶(hù)的眼球,吸引用戶(hù)的視線停留。
5.留白設(shè)計(jì)空白多,主角邊上面積大。聚焦主體,減少元素,減少不必要的視覺(jué)導(dǎo)向,讓用戶(hù)只關(guān)注主角。
6.數(shù)字指向有著順序指向的作用,在做時(shí)尚搭配的設(shè)計(jì)師,可以運(yùn)用數(shù)字至少。注意數(shù)字大小,字體,不能用于突出影響主要的內(nèi)容。
7.動(dòng)的時(shí)候元素不能過(guò)多,雜亂;靜的時(shí)候,畫(huà)面不能太平淡,顯得死板。同一屏動(dòng)態(tài)元素不能超過(guò)個(gè)。
8.設(shè)計(jì)可以通過(guò)文案內(nèi)容的提示,隱射來(lái)指向引導(dǎo)用戶(hù)。有趣的文案和設(shè)計(jì)能引起很多共鳴。
尹老師最后總結(jié):視覺(jué)的指向可以通過(guò)點(diǎn)線指引,人物的姿勢(shì)表情眼神等引導(dǎo),也可以通過(guò)色彩對(duì)比,數(shù)字的引導(dǎo),主體占比與留白的控制來(lái)指示用戶(hù)聚焦主體,動(dòng)態(tài)元素的視覺(jué)指向,以及文案內(nèi)容的內(nèi)涵指示。最終的就是通過(guò)各種元素不同的對(duì)比,來(lái)突出引導(dǎo)用戶(hù)。