網(wǎng)頁(yè)設(shè)計(jì)制作是UI設(shè)計(jì)師工作內(nèi)容的主要組成部分,現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)制作中比較常見(jiàn)的圖片一般會(huì)有五種類(lèi)型:logo、照片、插圖、卡通人物和三維渲染圖。不同類(lèi)型的圖片就會(huì)有自己的特色,在進(jìn)行設(shè)計(jì)的時(shí)候要注意的細(xì)節(jié)也不一樣。
一、logo
Logo是品牌的象征,是一種視覺(jué)元素。它向用戶(hù)傳遞出公司的經(jīng)營(yíng)理念、品牌以及服務(wù)等方面的信息。在網(wǎng)頁(yè)設(shè)計(jì)制作過(guò)程當(dāng)中,使用logo的時(shí)候應(yīng)該要注意以下這幾點(diǎn):
1、logo應(yīng)該放在頂部導(dǎo)航欄的位置:通常情況下,用戶(hù)進(jìn)入網(wǎng)站第一眼看到的就是頂部導(dǎo)航欄。
2、不要更改logo的交互邏輯:用戶(hù)點(diǎn)擊logo一般默認(rèn)是返回到網(wǎng)站首頁(yè)的,如果只是單頁(yè)的網(wǎng)站,那么就是回到頁(yè)面的頂端位置。
3、增加懸停交互效果:當(dāng)用戶(hù)的鼠標(biāo)在logo上懸停的時(shí)候,可以增加一些懸停的效果,這樣既能提示用戶(hù)能夠點(diǎn)擊logo,又能為用戶(hù)帶來(lái)更好的體驗(yàn)。
二、照片
照片最大的好處是能夠和用戶(hù)建立連接,幫助用戶(hù)將自己在網(wǎng)頁(yè)上看到的信息與真實(shí)世界關(guān)聯(lián)起來(lái)。在網(wǎng)頁(yè)設(shè)計(jì)制作中使用照片,請(qǐng)注意下面幾個(gè)問(wèn)題:
1、使用分辨率比較高的照片。
2、一定要對(duì)圖片進(jìn)行優(yōu)化,圖片如果太大的發(fā)只會(huì)導(dǎo)致頁(yè)面超載,加載速度太慢對(duì)用戶(hù)體驗(yàn)會(huì)造成負(fù)面影響。
3、注意做好留白處理,負(fù)空間的平衡要恰到好處。
4、響應(yīng)式設(shè)計(jì),測(cè)試圖片是不是可以在不同的終端屏幕上進(jìn)行完整的展示。
5、不能低估了可用性。圖片不單單只是為了讓網(wǎng)頁(yè)美觀(guān)的,更重要的是能不能傳達(dá)有效的信息,能不能支持其他布局風(fēng)格。
三、插圖
插圖能夠?yàn)橐曈X(jué)創(chuàng)意打下很好的基礎(chǔ),不但能夠提升網(wǎng)頁(yè)的美感,而且還能夠拓寬網(wǎng)頁(yè)設(shè)計(jì)的視野。插圖是近些年來(lái)網(wǎng)頁(yè)設(shè)計(jì)制作的一個(gè)流行趨勢(shì)。設(shè)計(jì)師可以根據(jù)不同的需求來(lái)對(duì)插圖進(jìn)行定制,幫助用戶(hù)迅速找到網(wǎng)頁(yè)信息。
網(wǎng)頁(yè)設(shè)計(jì)制作要注意的問(wèn)題就為大家簡(jiǎn)單介紹到此了,那么,如果有需求的話(huà),在進(jìn)行設(shè)計(jì)制作的時(shí)候不妨可以參考,以便可以達(dá)到更好的效果。