pixels 是達人最近發(fā)現的一個(gè)網(wǎng)頁(yè)設計分享站,它由 Klart 創(chuàng )建,里面大部分是 Landing page 案例,最重要的是,這些作品相當不錯,以小編的經(jīng)驗來(lái)看,未來(lái)幾年也不會(huì )過(guò)時(shí)!

設計師可以根據這個(gè)方案來(lái)搭配自己的網(wǎng)頁(yè)作品,下面我們來(lái)看看介紹。

項目名稱(chēng):pixels

在介紹前,還有一個(gè)也是klart出品的colors,完全是配色方案的專(zhuān)題頁(yè)。

項目名稱(chēng):Colors

使用教程

當你進(jìn)入 Pixels 頁(yè)面后,點(diǎn)擊每個(gè)案例,可以顯示大圖,然后點(diǎn)擊右下角最右邊的圖標,可以就能直達該網(wǎng)站。

而左下角就是配色方案了,用鼠標左鍵,單擊顏色,就會(huì )自動(dòng)復制這個(gè)顏色的RGB值。

網(wǎng)站顏色搭配

截圖欣賞

下面小編截取幾個(gè)來(lái)自Pixels分享的網(wǎng)頁(yè)設計案例,喜歡的建議直接到官方鏈接查看。

攝影照片做BANNER

純文字首屏

極簡(jiǎn)主義

近期流行的2D插畫(huà)

中規中矩的排版,勝在配色

單色設計感

插圖是傾斜了,這樣就有了形式感啦!

帶動(dòng)畫(huà)的頁(yè)面都不容易,看看就好

攝影的擺拍方式

BANNER圖擺放的另一種表現

模仿形式會(huì )很有趣

文字排版

曲線(xiàn)圖案

大文字

特寫(xiě)

注冊邀請Idea

顏色漸變?yōu)V鏡

設計師偷懶方式~