2020年必备的网页设计元素

4月12日

当你访问一个网站时,你注意到的第一件事是什么?

无论是图像的使用,吸引人的视频,还是有趣的字体选择,很可能是网站的外观,感觉或设计。

话虽如此,你怎么知道哪些网页设计元素对你的公司和品牌是正确的选择呢?我知道有很多需要考虑,但请继续阅读,找出答案,

有兴趣学习一些具体的网页设计?跳转到:

网页设计入门

你并不是唯一一个被网页设计的所有可能性和路线所淹没的人。

如果你感兴趣的话网站建设已经到了设计阶段,是时候发挥创意了。不知道从哪里开始?让我们开始吧。

选择最好的图片

如果一张图片胜过千言万语,那么你很有可能会选择为你的网站提供最佳图片.尤其是当你考虑到这一点的时候51%B2B营销人员优先考虑创建视觉资产作为内容战略的一部分。

考虑到这一点,你如何知道你选择了正确的图像来传达你的品牌背后的信息?首先,从高质量的图像开始,最好是像素大、分辨率高的图像。其次,确保它们与你的品牌相关。一个很好的例子就是潘多拉,一个销售珠宝的品牌,如何在其网站上使用产品图片来激发人们对他们产品的兴趣。

与品牌相关的主页形象来源:us.pandora.net

接下来,考虑让客户或站点访问者执行特定操作的图像。这将是一个图像,作为一个行动的呼吁。例如,星巴克知道他们的菜单一直在变化,有新的和令人兴奋的变化,以及获取咖啡因的方法。正因为如此,他们让你很容易决定哪种浓缩咖啡适合周一早上的通勤。

带有CTA图像的主页

来源:Starbucks.com

你网站上的图片也应该传达一个观点。你们的产品是纯天然的吗?用一个图片而不是一大块的文字,客户很可能不会阅读。你的网站是在销售产品吗,比如衣服或眼镜?另一个使用图像的好例子是展示真人穿着你的产品,这样你的客户就可以想象自己也穿着它。

一旦你添加了这些图片,不要忘记搜索引擎优化!确保你的图片名称可以被搜索引擎抓取。避免在文件名中使用标点、空格和下划线。同样,确保图片的alt文本描述了它们所显示的内容。

如何命名你的图像文件

把视频

除了引人注目的形象,会心如何使用视频传达信息是绝对必要的。有很多方法可以选择使用视频,其中一个是主页背景视频。在这种情况下,视频应该有一个明确的信息,展示你的公司如何解决一个特定的问题,或者解释你如何从竞争中脱颖而出。

你也可以使用案例研究或证明视频来展示一个特定的故事,而不是使用段落的文本。这使得信息更加真实,特别是自从55%人们在消费视频时密切关注,这比任何其他类型的内容都要多。

例如,在G2这里,我们使用真实的客户视频评论作为一种更透明和更有帮助的方式,为他们的公司寻找合适的软件。

G2 Salesforce回顾视频

视频也是展示产品的好方法。从展示模特穿着特定服装的视频到最近翻新的酒店房间的视频,视频可以增强网站访问者的体验。

总之,你网站上的视频应该讲述一个故事,保持客户参与,并建立对你的品牌的信任。此外,让他们快速消费,因为客户的注意力持续时间不像以前那么长了。

选择最好的版式

很明显,当你不想使用文字时,图像和视频可以用来表达你的观点。但是,如果你这样做了呢?在这种情况下,请确保选择最好的排版为了你的公司和品牌。

这里有一些简单的规则来遵循你的网站排版。首先,不要一次使用太多的字体,因为这很难阅读,看起来不专业。

限制字体的使用

此外,确保排版与你的品牌和身份相协调。这种氛围是传统的、现代的、粗犷的还是优雅的?一定会有一种适合你网站基调的字体选择。

与你的品牌协调排版

此外,要注意间隔。你的网站用户不会想要阅读一个永无止境的文本行。此外,在一段长文字中有一大段文字也不太吸引人。为了获得最大的可读性,尝试在桌面上每行60-70个字符,在移动设备上每行30-40个字符。

其他需要记住的好建议是,除非使用首字母缩写或标志,否则要避免全部使用大写,并注意颜色对比。你不想让网站用户眼睛疲劳,所以总是在不同的设备上测试颜色的选择。

实现动作调用

与网站访问者互动的一个好方法是使用行动呼吁.行动号召是一个按钮或链接,告诉观众做某事,或采取行动。它们应该是引人注目的,并有一个有效地告诉用户为什么应该点击的信息。

合并cta的一种方法是产生先导。你有想让客户订阅的电子邮件简报吗?如果您输入您的电子邮件地址,请查看Quay Australia如何承诺购买时获得10%的折扣。他们甚至将按钮从“提交”之类的通用信息更改为“获得10%的折扣”。

铅生成CTA

来源:quayaustralia.com

cta还可以包含一个供客户填写的表单,这是一个两步过程:花时间填写信息,然后单击按钮提交。为了确保你不会在这个过程中失去客户,让表单变得有吸引力,并告诉客户为什么他们应该在第一时间填写表单。例如,Madewell解释了客户一旦点击“注册”就会获得的内部福利。

表格提交CTA来源:Madewell.com

你的网站可以有其他形式的cta,如“阅读更多”或“了解更多”。用文章的几句话或剪报来吸引读者,然后用这个CTA把读者带到实际的页面。如果你想让博客读者在社交媒体上分享你的文章,可以考虑社交分享cta。而且,如果你的品牌即将举行网络研讨会或会议,活动推广cta是让人们感兴趣的好方法。

以用户为中心的设计

在这一点上,很明显,你的网站设计中有很多东西,但通过这一切,重要的是保持用户的想要和需求作为主要焦点。这个方法叫做有一个用户中心设计对于你的网站来说,这意味着要了解你想要接触的人,并从他们的角度进行设计。

要做到这一点,首先要检查网站上每个页面的数据。哪篇博客的跳出率最高?哪一个在现场停留的时间最长?考虑用户为什么会或不喜欢特定的内容。其次,为你的特定受众或人口统计设计你的网站。你不会像为老年人设计网站那样为儿童设计网站。

另一种实现这一目标的方法是倾听客户的反馈。也许他们说某些页面加载时间太长,或者他们在移动设备上访问菜单区域有困难。无论反馈是积极的还是消极的,都要考虑进去。

来自专家的设计技巧

不要只相信我的话。当我问网站建设和网页设计的专家他们想分享什么技巧时,他们有很多话要说!他们的网页设计技巧一定会为你提供新的见解,关于你如何把你的旧和过时的网站变成新鲜和时尚的东西。看看如何在你的网站上实施他们的一些建议。

相关:对于创建、编辑和更新网页的工具,请查看最好的网页设计软件由G2为您带来!

见最高评级的网页设计软件,免费→

让你的创造力流动起来

无论你内心是艺术的,还是第一次涉足网页设计的世界,底线是要从中获得乐趣。当涉及到你的网站设计时,要跳出思维定式。如果它不起作用,你总是可以返回,选择不同的字体,换出图像,或上传下一个病毒视频。

对阅读更多关于网页设计的内容感兴趣?发现一些网页设计技巧来自专业人士。

不要错过任何一篇文章。

订阅,让你的手指紧盯科技脉搏。

提交此表格,即表示您同意接收来自G2的营销通讯。
Baidu
map