高清設(shè)計(jì)是網(wǎng)站設(shè)計(jì)的趨勢(shì),隨著互聯(lián)網(wǎng)的發(fā)展網(wǎng)站設(shè)計(jì)已經(jīng)不單單只是滿(mǎn)足網(wǎng)站就可以了,我們還要考慮用戶(hù)體驗(yàn)的問(wèn)題,因此小編認(rèn)為高清設(shè)計(jì)師網(wǎng)站設(shè)計(jì)的趨勢(shì)。
超大圖、焦點(diǎn)圖、全屏圖。
以上幾個(gè)詞,最適合用來(lái)描述現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的背景圖片。設(shè)計(jì)師們對(duì)高清設(shè)計(jì)不僅停留在思考層面,他們將其發(fā)揮到極致,用背景圖占據(jù)了整個(gè)畫(huà)面。
這種設(shè)計(jì)技巧很有效,因?yàn)橛脩?hù)天生就是視覺(jué)動(dòng)物。
使用高清圖片的5條建議:
1、使主畫(huà)面成為視覺(jué)焦點(diǎn)——雖然圖片是作為背景,不代表它就能占據(jù)舞臺(tái)中央。優(yōu)秀的照片能與用戶(hù)建立情感連接,學(xué)習(xí)圖片的精妙之處,看它如何影響設(shè)計(jì)的視覺(jué)層次。
2、考慮使用多圖——使用我們?cè)诰W(wǎng)頁(yè)UI模式中提到的幻燈片或卡片風(fēng)格的結(jié)構(gòu),來(lái)應(yīng)對(duì)內(nèi)容豐富或相片集類(lèi)型的設(shè)計(jì)。
3、在圖片上添加效果——模糊或色彩疊加,能夠增加或是改變一張圖片的調(diào)性(例如全用紅色調(diào)會(huì)更加積極)。這在高清圖片上很管用,因?yàn)橄聦拥膱D片畫(huà)質(zhì)夠高,細(xì)節(jié)仍清晰可辨。
4、考慮圖片在不同屏幕尺寸下的效果——安排各種尺寸下的背景圖,使之能適應(yīng)任何斷點(diǎn),不會(huì)露出純色塊(那其實(shí)是真正的背景)。
5、打破局限——照片背景不一定要遵循標(biāo)準(zhǔn)的1:1.5相機(jī)比例,也可以使用從各自背景中裁剪出來(lái)的圖片。
背景照片能創(chuàng)造簡(jiǎn)單的視覺(jué)吸引。選用優(yōu)秀的照片強(qiáng)化品牌、產(chǎn)品或信息時(shí),效果最佳。
溫馨提示:有時(shí)會(huì)用多張背景照片,要確保這種設(shè)計(jì)結(jié)構(gòu)和周遭元素能與每張圖搭配良好。