少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

創(chuàng)意是無處不在的,在網(wǎng)頁(yè)設(shè)計(jì)中,若發(fā)現(xiàn)一些好的靈感或趨勢(shì),就盡量去嘗試應(yīng)用到你的項(xiàng)目上,把哪些枯燥的、已經(jīng)爛大街的創(chuàng)意能少用就少用了,畢竟設(shè)計(jì)師也是要提升自我,不要為了快速完成工作就隨意了事。

今天為大家整理的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意有圖像遮罩、混合模式、交錯(cuò)排版,這些在網(wǎng)頁(yè)設(shè)計(jì)中不常用,看起來卻挺有創(chuàng)意的版式創(chuàng)作,在實(shí)際操作中難度也不高,Web設(shè)計(jì)師們都可以試試。

圖像遮罩(Image Mask)

Axteria Strategy Consultant

會(huì)PS的人都懂圖像遮罩怎么使用了吧?看看下面的例子,可以這么玩的,簡(jiǎn)單美觀。

不懂的同學(xué)可以參考教程:《PS新手教程!教你快速打造夢(mèng)幻的美女重影圖(附摳圖方法》

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

How The Stars Align

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

?Sons of Gallipoli

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

?Greenwood Campbell: Digital Agency

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

混合模式(Blending Mode)

通過類似混合模式的手法,可以實(shí)現(xiàn)一些比較藝術(shù)(另類)的創(chuàng)作,使用這個(gè)應(yīng)注意對(duì)色彩和創(chuàng)意的把握,因?yàn)楹苋菀赘愕煤茈y看…

可以看看阿里同學(xué)總結(jié)的配色方法:《色彩搭配速成!3個(gè)實(shí)用方法幫你全面搞定配色》

Found them First

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

Au service de la France

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

Holm Marcher & Co.

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

Viens-là

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

?Roman Neust?dter

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

交錯(cuò)排版(Grid Offsetting)

關(guān)于交錯(cuò)排版,其實(shí)這些案例有很多,但卻不好運(yùn)用,所以建議大家能考多點(diǎn)案例,一個(gè)個(gè)嘗試,下面的就是不錯(cuò)的例子。

想學(xué)排版,小編最推薦的教程是這個(gè):

  1. 《設(shè)計(jì)易容術(shù)!如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)?》
  2. 《設(shè)計(jì)易容術(shù)!如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)(二)》
  3. 《設(shè)計(jì)易容術(shù)!如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)?(三)》
  4. 《大學(xué)生專屬教程!4個(gè)方法幫你設(shè)計(jì)好看美觀的社團(tuán)海報(bào)》

62 Models

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

Do Amaral, A

少有人走的路!使用遮罩、混合模式和交錯(cuò)排版的優(yōu)秀網(wǎng)頁(yè)案例

【優(yōu)設(shè)酷站十二連發(fā)!】

《酷站兩連發(fā)!在線圖片壓縮神器+在線配色工具COLOURCO》
《酷站兩連發(fā)!寵物小精靈專屬配色網(wǎng)站+CSS HOVER動(dòng)畫收集站》
《酷站兩連發(fā)!游戲配色網(wǎng)站+免費(fèi)美女素材特供網(wǎng)站》
《酷站兩連發(fā)!在線配色神器+英文字體推薦網(wǎng)站》
《酷站兩連發(fā)!用代碼呈現(xiàn)DRIBBBLE作品+16進(jìn)制顏色網(wǎng)站》
《酷站兩連發(fā)!專注無縫紋理素材站+多邊形背景生成器》

原文地址:shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量105萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 3
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。