POST TIME:2018-12-03 21:46
在做 landing page 的網(wǎng)頁(yè)設(shè)計(jì)時(shí),,我看到使用最頻繁的排版就是擺布對(duì)稱(chēng)、居中對(duì)齊,雖然這個(gè)沒(méi)有錯(cuò),但用多了,就可能會(huì)覺(jué)得沉悶、沒(méi)創(chuàng)新,所以偶爾換一換排版方式,能讓你的頁(yè)面視覺(jué)更有吸引力。
今天向大家展示 3 種新的著陸頁(yè)風(fēng)格設(shè)計(jì)案例,這類(lèi)設(shè)計(jì)的表示形式算是比較新穎,還沒(méi)到滿(mǎn)大街都是的程度,所以大家可以嘗試一下,并不會(huì)很難,不但適合 landing page 上使用,其它平面設(shè)計(jì)、海報(bào)等項(xiàng)目都可以運(yùn)用這種版式設(shè)計(jì)。
一、對(duì)角線布局比起擺布對(duì)稱(chēng),對(duì)角線布局的視覺(jué)則表示得更有沖擊力,但有一個(gè)難點(diǎn)就是,傾斜的圖片、素材會(huì)比較能處理。
Enterprise Grid
Baianat
Perspective
Scaphold | GraphQL Backend as a?Service
Webflow Interactions 2.0
Scale
stripe
二、海浪式線條的運(yùn)用有很多種,而如此大區(qū)域的使用海浪線條,能使得畫(huà)面有跳躍、靈動(dòng)的傳達(dá)感覺(jué),這樣一來(lái),擺布對(duì)稱(chēng)布局就不會(huì)顯得過(guò)于死板咯。
Search that scales with your SaaS business | Algolia |?Algolia
Freelance Management Platform?—?Bonsai
Recruitz.io | Next-gen job advertising
Jelly?—?Google?Home
Mimo?—?Learn how to code on your?phone
Scale?—?API For Human?Labor
Gasket?—?Connect your?Sheets
三、不明顯的塊分離