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