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