加入收藏 | 设为首页 | 会员中心 | 我要投稿 宁德站长网 (https://www.0593zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 产品 > 正文

3种新的着陆页(landing page)设计手法

发布时间:2017-05-23 19:06:51 所属栏目:产品 来源:设计达人
导读:副标题#e# 在做 landing page 的网页设计时,我看到使用最频繁的排版就是左右对称、居中对齐,虽然这个没有错,但用多了,就可能会觉得沉闷、没创新,所以偶尔换一换排版方式,能让你的页面视觉更有吸引力。 今天向大家展示 3 种新的着陆页风格设计案例,这
副标题[/!--empirenews.page--]

在做 landing page 的网页设计时,我看到使用最频繁的排版就是左右对称、居中对齐,虽然这个没有错,但用多了,就可能会觉得沉闷、没创新,所以偶尔换一换排版方式,能让你的页面视觉更有吸引力。

今天向大家展示 3 种新的着陆页风格设计案例,这类设计的表现形式算是比较新颖,还没到满大街都是的程度,所以大家可以尝试一下,并不会很难,不仅适合 landing page 上使用,其它平面设计、海报等项目都可以运用这种版式设计。

3-landing-page-design3-landing-page-design

一、对角线布局

比起左右对称,对角线布局的视觉则表现得更有冲击力,但有一个难点就是,倾斜的图片、素材会比较能处理。

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Enterprise Grid

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Baianat

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Perspective

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Scaphold | GraphQL Backend as aService

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Webflow Interactions 2.0

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Scale

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

stripe

二、波浪式

线条的运用有很多种,而如此大区域的使用波浪线条,能使得画面有跳跃、灵动的传达感觉,这样一来,左右对称布局就不会显得过于死板咯。

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Search that scales with your SaaS business | Algolia |Algolia

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Freelance Management Platform—Bonsai

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Recruitz.io | Next-gen job advertising

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Jelly—GoogleHome

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Mimo—Learn how to code on yourphone

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Scale—API For HumanLabor

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

Gasket—Connect yourSheets

三、不明显的块分离

我想大家经常看到很多着陆页,都是区分很多屏,每一屏可以明显看出来,这个「屏」你可以理解为是一块区域,而下面的案例当中,它们没有显示的一块一块的划分,整个空间就像连接在一起。

3种新的着陆页(landing page)设计手法3种新的着陆页(landing page)设计手法

(编辑:宁德站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!