浏览 15 个专业设计的登录页面模板,可供所有 Elementor Expert 成员(专家、工作室和代理计划)使用。
![/></figure>
<p>随着年底销售热潮的临近,我们认为现在是为我们的专家用户提供 15 个令人眼花缭乱的新着陆页模板的最佳时机。</p>
<p>这个登陆页面包有两个目的:</p>
<ul><li>您可以使用它们来构建您的下一个广告系列</li><li>您还可以探索每个着陆页的精美设计,并提高您的 Elementor 设计技能。</li></ul>
<p>为什么要学习我们的模板?</p>
<p>没有比遵循我们的登录页面列表更好的方法了,并注意我们为每个页面记录的特殊设计效果。除了这些页面提供的设计灵感之外,它们还可以教您很多有关使用 Elementor 的正确方法。我们的设计师根据最严格的 Elementor 最佳实践构建这些登录页面,同时利用最新功能。</p>
<p>准备好?让我们看看这个列表包括什么……</p>
<h2 class=](https://elementor.com/cdn-cgi/image/f=auto,w=1200,h=630/marketing/wp-content/uploads/sites/9/2021/10/15-Brand-New-Elementor-Landing-Page-Templates.jpg)
![/></figure>
<p><a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/47-Coffee-Sale-1024x649.jpg)
快速将鼠标悬停在英雄图像上将显示独特的悬停效果,该效果隐藏了图像左侧和底部周围的白框。此登录页面以产品为特色,因此您可以使用它来测试我们最新的
Dynamic WooCommerce 标签。
2.“HT针灸诊所”登陆页面
![/></figure>
<p><a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/52-Alternative-Medicine-Acupuncture-1024x649.jpg)
这里使用浅色方案来营造友好和平静的氛围,非常适合替代药物治疗登陆页面。
如果您正在寻找一个更注重转化的登陆页面,您还可以发现此模板很有用,其中的英雄部分包括一个潜在客户捕获表单。这里没有什么大惊小怪的——您的访问者将到达您的目标网页并立即能够发送他们的联系信息。
3.“艺术与文化杂志”即将登陆页面
![/></figure>
<p><a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/60-Coming-Soon-Art-Magazine-1024x649.jpg)
旋转效果用于图像的“悬停”和 CTA 按钮,为“首屏”页面添加移动和交互。
4.“DMAgency”数字营销机构登陆页面
![/></figure>
<p>凭借其明亮、快乐和吸引人的色调—— <a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/72-Digital-Marketing-Agency-1024x649.jpg)
这是一个令人惊讶的事实:旋转渐变线实际上是使用 3 个单独的图标构建的。使用 Jello 入口动画使它们同步移动。
5.“室内”室内设计登陆页面
![/></figure>
<p>对于 <a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/73-Interior-Design-Consultation-1024x649.jpg)
请注意文本条的独特外观,这是通过在左右两侧使用负边距来实现的,以使文本上升到边缘甚至更远。
6.“植物商店”登陆页面
![/></figure>
<p><a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/74-Plant-Pots-Online-Shop-1024x649.jpg)
这种精致的“精品”外观通过在英雄背景上使用透明排版得到进一步增强。另一个值得注意的特点是卡片内的非传统产品图像组合,其中每个产品似乎都附在背景的不同侧面。
7.“运动之家”健身器材登陆页面
![/></figure>
<p><a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/75-Exercise-Fitness-Equipment-1024x649.jpg)
请注意页面底部的表单框似乎浮动在两列上方。这是通过将表单放置在该部分右列的内部部分中并在包含该表单的列上设置负边距来实现的。
8.“LeaderKey”网络研讨会登陆页面
![/></figure>
<p>由于<a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/76-Time-Management-1024x649.jpg)
英雄部分的方形是用垫片制成的。它们使用相应的滚动效果水平和垂直移动。在它们下方,“时间管理 – 成功的关键”区域旁边的背景中白色方块的动画是使用间隔小部件上设置的 Scale-Up 运动效果完成的。
9.“英语”英语课程登陆页面
![/></figure>
<p><a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/77-Online-English-Courses-1024x649.jpg)
通过使用单独的 SVG 图标,英雄部分中的每个形状都有自己的入口动画和滚动效果。弹簧弹起,矩形旋转,圆圈扩大。
10.“A / B Space”共享工作区登陆页面
![/></figure>
<p><a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/78-Shared-Workspace-1024x649.jpg)
英雄形象的拱形设计是通过设置右上角和左上角的边界半径来完成的。第二部分图像背后的时尚绿色剪影是通过使用 Box Shadow 效果实现的。
11.“Barnes Dentalt”牙齿矫正登陆页面
![/></figure>
<p>使用 <a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/79-Teeth-Straightening-1024x649.jpg)
“100% 质量”印章增加了社会认同感和整体信任感。这是使用 2 个小部件完成的,即文本和图标小部件,它们共享相同的运动效果。这里的文本是使用标题小部件的“实时文本”,因此您可以随时更改它。
12.“狗救援”登陆页面
![/></figure>
<p>为了体现人类最好朋友的趣味性,我们的设计师使用带圆角的正方形来创建 <a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/80-Dogs-Adoption-1024x649.jpg)
请注意,当您向下滚动页面时,徽标条会移动。这是使用图标列表小部件完成的,在右侧和左侧设置了负边距,因此它继续超出屏幕。
13.“beppp”即将推出设计博客
![/></figure>
<p><a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/81-Coming-Soon-Design-Blog-1024x649.jpg)
由于它是设计博客的页面,因此页面使用了现代抽象模式。动画被用来使页面更加生动和充满活力。色彩缤纷的调色板给人的印象就像很酷的东西即将到来。
有趣的事实:这些形状都是使用图标和间隔小部件的混合制成的
14.“法罗群岛”旅游登陆页面
![/></figure>
<p><a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/83-Faroe-Islands-Trip-Planner-1024x649.jpg)
请注意每个行程上的“天数”标签。这只需要使用一个标题小部件、黑色背景和一些填充。
15. ‘Glampi’ 露营登陆页面
![/></figure>
<p>最后但同样重要的是,我们有 <a href=](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=649/marketing/wp-content/uploads/sites/9/2021/10/93-Luxurious-Camping-Accommodation-For-Events-1024x649.jpg)
通过将荒野中的元素融入设计中,实现了具有凝聚力的设计。示例包括徽标和文字轮,它们都参考了 teepee 帐篷的元素。简单的调色板让照片不言自明,并融合了朴实的色调。
就像它所拥有的森林一样,这个登陆页面绝对值得进一步探索。首先,整个页面有各种独特的元素布局。这些不是典型的对称 2-3 列布局,很好地体现了破碎的网格设计。
其次,我们邀请您向下滚动页面并注意动画元素的广泛使用。当您滚动时,顶部的图像会扩展,标题显示在视频顶部,以及从相对两侧进入页面的有序标题。
单击“使用 Elementor 编辑”和 Take’em 进行旋转
哪个着陆页让您大吃一惊?现在是您在下一个项目中充分利用它们的机会!我们希望您能利用这些登陆页面并将其转化为您自己的创作。