|
2. 有趣的圖層剪切效果
學(xué)會(huì)通過(guò)圖層控制來(lái)營(yíng)造充滿視覺(jué)吸引力的設(shè)計(jì)，會(huì)讓你在設(shè)計(jì)的時(shí)候如虎添翼。通過(guò)控制不同圖層的元素互動(dòng)，可以創(chuàng)造令人著迷的視覺(jué)效果。
值得慶幸的是，以往令人撓頭的各種設(shè)計(jì)效果，現(xiàn)如今對(duì)于網(wǎng)頁(yè)前端而言已經(jīng)是小菜一碟了。越來(lái)越成熟的前端技術(shù)讓圖層的控制和管理更加得心應(yīng)手。最近，最為流行的圖層相關(guān)的技術(shù)，是圖層剪切的效果，這種效果指的是將部分元素切除為前景中的元素騰出位置。
這種圖層剪切效果幾乎適用于任何類(lèi)型的網(wǎng)站和設(shè)計(jì)，被裁剪的部分可以是任意大小、位置的，而使用這一效果的訣竅在于控制元素之間的協(xié)同，前景的元素要和背景的元素之間完美地配合起來(lái)。
被裁剪的部分應(yīng)該和整個(gè)設(shè)計(jì)的信息傳達(dá)息息相關(guān)，和設(shè)計(jì)目標(biāo)保持一致。比如，它應(yīng)該能夠輔助導(dǎo)航，引導(dǎo)視覺(jué)，幫助用戶獲取信息，促進(jìn)功能，幫助用戶理解信息。
Tilted Chair 這個(gè)網(wǎng)站中，設(shè)計(jì)師將標(biāo)題中切割出空間，放上了一只眼睛，非常引人注意。
RJ Investments 這個(gè)網(wǎng)站在圖片元素中切割出空白區(qū)域，來(lái)展示文本，放置行為召喚元素。
DTO Films 這個(gè)網(wǎng)站采用了另外一種方式，設(shè)計(jì)師在背景中裁剪出一個(gè)區(qū)域，并且以明亮的色彩填補(bǔ)其中，再疊加上超大的標(biāo)題文本，錯(cuò)落地排布，搭配上動(dòng)效，營(yíng)造出有趣的視覺(jué)體驗(yàn)。
上一頁(yè) [1] [2] [3] 下一頁(yè) |
您現(xiàn)在的位置： 
