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

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

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

一、对角线布局

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

Enterprise Grid


Baianat


Perspective


Scaphold | GraphQL Backend as a Service


Webflow Interactions 2.0


Scale


stripe

二、波浪式

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

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

三、不明显的块分离

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


WWDC — Apple Developer


Mirror Conf 2017: a design and front-end development conference


Enterprise Grid


Glyph — Super simple resumes


Intercom on Customer Support book


Intercom | Message Your Customers


WeDo: Make life easy


Dropbox


Pocket Penguins


Seedlip

看懂了吗?没灵感的时候,就想想这 3 种着陆页设计手法,设计达人认为这是非常有效的布局形式,值得一用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容