学习设计的登陆页以最小的梯度

通过 freepik 2天前

着陆页已经变得非常流行在希望宣传他们的产品或服务,这意味着吃大量用户的企业 freepik 寻求登陆页面设计为他们的项目。

在今天的教程中,188bet网址的贡献者仪佩雷斯(vect要么cat)教导188bet网址如何创建一个登陆页面,最小的梯度。留下来看到的结果!188bet网址承诺这是值得的。

在开始之前,考虑到目标网页的用户看到,当他们访问一个网站的第一件事。出于这个原因,你的设计必须吸引人足以使用户认为这是freepik你的创作装配在他们的项目,并希望对其进行下载。因此, 可用性 当设计的关键是目标网页。

想要探索更多?让188bet网址开始吧!

1.如何设计一个梯度着陆页
视频教程

 

脚步
  1. 打开插画一个新的项目。然后,创建一个 长方形 类似屏幕的尺寸,但略高于画板小。
  2. 然后,添加所有的按钮,菜单,和一些文字,以使您的设计看起来像真正的着陆页。
    • 在这一点上,你需要考虑到 可用性 和 视觉层次。元素,诸如按钮,标题,副标题等,必须分级组织为用户创建一个直观的设计。
    • 不要忘了添加元素如 菜单,我已经在上面放置时, 标志, 一些 纽扣文本 L要么em存有有了这样用户就可以填补它与他们的信息。
    • 该 标题 同样是很重要的。尝试使用标题的创意成为可能。它会引起用户的注意,他们可以使用它作为灵感。
  3. 让188bet网址踏踏实实地 真实 经营范围:设计。这一次,188bet网址将创建一个登陆页面以最小的梯度。它会给188bet网址的设计,原来的和现代的外观。
    • 我使用的调色板是 双色调渐变.
    • 请确保您放置阴凉色彩方面有了更多的文字。光线和温暖的色调,使其难以阅读。
    • 那选择颜色创建对比度,而 避免使用补色调。以下是对比色的很好的例子:


      在褐色的色调渐变产生互补色调是不是美观这一点。看看下面的例子:

  4. 填充矩形的梯度后,188bet网址将添加一些装饰到目标网页。请记住,188bet网址希望它是最小的,所以188bet网址将添加短短 几何形状。
    • 首先,插入线,把它们沿对角线,作为设计使它看起来更加动感。
    • 应用相同的梯度的线。你需要修改渐变的方向,所以线交融与这些与文本区域的背景。
  5. 选择另一种几何形状来完成设计。 ,虽然这是一个很小的设计,但这并不意味着组合物必须是一件容易的事。关键是要创造一个干净的设计。这个时候,我已经插入圈的渐变。
  6. 愿你需要修改的颜色和形状走动你是幸福的,直到结果。
  7. 当你准备好了,让188bet网址 应用相同的梯度的背景。这个时候,反转方向,以创建背景和着陆页之间的对比。

这是结果:

l和ing page gradient design

好事关于着陆页的设计是,你还可以创建一个 为手机登陆页面 使用相同的元件。这很简单,你只需要重复使用的标志,背景,和一些形状......而就这样吧!记住,小熊,为了设计用于手机的登录页面,你需要省略一些元素,只保留那些重要的,像标志和一些按钮:

l和ing page mobile

 

2.如何使用渐变

梯度都相当多才多艺。它们可以在不同的资源使用。在本教程中,188bet网址以最小的和抽象的着陆页的设计工作,但是,你可以使用多种梯度随着要素和资源。让188bet网址来看看灵感一些例子:

l和ing page design gradient

l和ing page design gradient

l和ing page design gradient

l和ing page design gradient

lading page design gradient

你准备好创建目标网页的?188bet网址不能等待,看看你能做些什么。如果你不是一个贡献者但并愿意在188bet网址的宇宙的土地,点击下面的按钮!

成为一名贡献者吧!

通过 freepik

分享:

评论