33個采用了“字體與圖形遮罩”設(shè)計技巧的高端網(wǎng)頁作品
時間：2023-09-30 13:54:01 | 來源：網(wǎng)站運營
時間：2023-09-30 13:54:01 來源：網(wǎng)站運營
33個采用了“字體與圖形遮罩”設(shè)計技巧的高端網(wǎng)頁作品：字體與圖形緊密結(jié)合，通過遮罩的設(shè)計技巧來營造神秘的藝術(shù)感，是很多高端網(wǎng)站設(shè)計師比較常用的定制設(shè)計手法之一。今天我們一起來賞析來自全球優(yōu)秀設(shè)計師的33個網(wǎng)頁設(shè)計作品。
世紀(jì)櫻花官網(wǎng)，運用遮罩概念，字體與圖片重疊部分實現(xiàn)反白效果（http://www.centurysakura-pr.com/）世紀(jì)櫻花-素馬設(shè)計作品
通過Csss屬性及Js技術(shù)實現(xiàn)字體與圖片重疊、遮罩反白效果（http://www.centurysakura-pr.com/）緊扣主題自然——Nature來做遮罩，樹葉是最好的素材Orca，海底世界，神秘?zé)o比Explore，探索，神秘感South America這個作品相對簡單一些，直接用動物的字體遮擋住文字的一部分，但不影響對單詞的閱讀和理解。Mirages，使用山脈作為遮擋的物品，很有神秘感水中的倒影左右等分屏幕，右側(cè)部分文字區(qū)域遮罩圖案紋理Africa像這樣遮罩字體內(nèi)容太多的情況，前面的魚需要活動起來Birds，鳥的造型跟單詞的造型相似，不相撞字體、圖形可以做成前、中、后三個層級，做起動效起來更有逼真感Moon，Return to the及 South anniversary 1969-2019，宇航員，段落文字，按鈕。多個元素組合成的主視覺，這個作品設(shè)計非常細(xì)膩，對比分明，信息層級感很強(qiáng)。Explore-字體的底部與水岸路面保持一致一個多元素動態(tài)的畫面，恰巧可以把Underwater若隱若現(xiàn)地遮擋住 the Tropics+按鈕，利用周邊的樹葉元素做遮罩，吸引人單詞字體比較密集時，可以嘗試只遮罩首字母服裝行業(yè)的官網(wǎng)采用字體與圖像結(jié)合形成遮罩的效果，頗為常見Intense 汽車行業(yè)，房地產(chǎn)行業(yè)的官網(wǎng)也是如此Fish，so cute~Discover, 跟Explore類似，都是探索奧秘，營造神秘感，符合主題Explore，遮罩，光影效果有趣的Hello~多字母遮罩復(fù)合體利用超大字母單詞的占地面積，把畫面鏤空的遮罩手法除了樹葉之外，樹干樹枝也是不錯的遮罩元素Aqua見過很多個利用大象做遮罩元素的作品，都很精美字體鏤空，遮罩Ocean，利用海浪邊緣做遮罩，整體遮罩Europe，羊角遮罩這種構(gòu)圖稍微復(fù)雜，但畫面平衡這個酒店相信很多人都聽說過——Casangelina，世界十大懸崖酒店之一,位于阿馬爾菲海岸的懸崖上，利用品牌VI logo的造型獨特性，作為海報banner區(qū)域的遮罩元素，效果很棒?，F(xiàn)已改版。
關(guān)鍵詞：技巧,作品,設(shè)計,采用,字體,圖形
在線咨詢