当前位置:首页 > 空调维修 > 文章正文

若何创建一个出色的网站首页头图部分

编辑:[db:作者] 时间:2024-08-25 08:52:24

头部图片是人们打开你的页面时首先看到的东西。
这是你赢得他们的独特机会,或者永久失落去他们。

若何创建一个出色的网站首页头图部分

用户处理第一个屏幕只需几秒钟。
但在幕后,营销职员、设计师和开拓职员进行了大量艰巨的事情。
如何快速找到精确的办理方案并挑选出完美的图像?

我整理了创建有效头部形象的最佳实践,与你分享。
让我们向最精良的人学习。

1. 不要忽略头部图片的目标

头部的目标是让用户想要理解更多信息并实行下一步操作。
它作为先容并约请进一步的互换。

乍一看,用户希望看到的是好处和问题办理方案,而不是公司有多伟大或者设计看起来有多酷。
:) 那东西留在后台!

头部形象是一种视觉刺激。
它承诺带来好处、改进和积极的变革。

如果涌现以下情形,用户将乐意向前迈出一步:

他们凭直觉立即喜好视觉效果;他们看到了问题的办理方案;他们受到图像的勉励;他们被标题所勉励;他们知道下一步该做什么。
Cascade — 数字银行仪表板的网站设计2.不要忽略用户目标为了给不雅观众带来惊喜并让他们留在第一个屏幕上,一些设计师无意中用自己的目标取代了用户的目标:做出出色的设计。
但用户的目标不是设计。
用户的目标是得到他或她须要的东西:东西、做事或特定信息。
设计该当促进这项任务而不是阻碍它。
智能设计不会引起人们的把稳,也不会分散用户对他们目标的把稳力,或者让他们木鸡之呆,忘却他们为什么来。
对付头部尤其如此。
这是一个范例案例。
呈现给用户的要点是:公司供应什么;此优惠的上风;信赖该公司的情由;用户要实行的操作。
这个信息很明显:我们的公司很棒,用户该当赶紧按下那个按钮。
唉,事情不是这样的。
用户目标与网站所有者、营销职员或设计师的目标无关。
任何对用户没有直接代价的信息都必须保留。
诸如“我们是最好的”、“庆祝成功十年”、“为什么人们信赖我们”等信息属于视觉层次构造的底部。
英雄部分的视觉效果必须优先考虑用户目标。
向用户展示他们想看到的内容,并使其看起来非常好。
这是你的第一要务。
别的的统统——可靠性、信赖、担保——只会让用户确信他们来对地方了。
ybervergent — 彻底改变网络安全的 SaaS 平台网站设计为有效的用户保留而设计3.记住:不要凌乱主屏幕必须清晰且易于用户导航。
你可以在这里展示你的产品/做事的精髓。
尽最大努力提高可读性。
这包括:干净、整洁的设计;清晰的页面构造;充足的“空气”;没有滋扰;亮点的层次构造;勉励民气、简洁的标题和副标题;与和文案相匹配的头部形象;易于理解且可预测的导航面板。
保持大略和简洁!

Monex — 个性化财务仪表板的网站设计

4.将用户的目标变成视觉磁铁

设计师的任务是将用户的目标形象化,使其看起来有吸引力、活泼且引人瞩目。
对你的用户、产品和竞争对手网站进行全面的研究和剖析。
这将帮助你为不雅观众找到鼓舞民气的图像和勉励民气的信息。

客户在到达该页面时常常会想到他们的目标的详细图像。
考虑到这一点并知足他们的期望很主要。
可预测性是人们对你的期望。
这适用于视觉效果和用户体验。

遵照“一个想法,一个图像”的规则。
让你的标题与图像产生共鸣、强化和增强。
图像和文本必须引发用户向知足迈出一步的希望和意愿。

关心用户:当代方法

Credify — 个性化金融平台的网站设计

5.探求特定的触发成分

当你处理英雄形象从观点到终极设计的过程时,请记住:你正在创建一个勉励触发器。
随意利用任何和所有营销、设计和生理学技巧来影响用户的感知。

每个不雅观众都有自己的动机。
理解你的用户并找到在情绪上和理性上吸引他们的最佳办法。
(感情反应之后是对信息的理性评估。

用户情绪须要在观点阶段进行设计并融入到项目中。

特定的触发成分,例如图像和/或文本,特殊有利于引发情绪。

要找到最佳触发成分,叨教问自己:

当用户看到你的报价时该当有什么觉得?它该当唤起什么样的影象?该当建立哪些协会?

探求感情触发成分常日须要进行良好的头脑风暴会议。
列出感情及其可能的可视化,例如引人入胜的图像、插图或视频。
测试最好的想法。

这是你未来转化和受众喜好的关键。

感情不一定是积极的。
苹果公司曾经成功地利用了恐怖,设计了一个血赤色的艾滋病宣扬网站,约请人们成为献血者。
看起来令人印象深刻。
我不知道捐款情形,但很多人买了赤色iPhone。
:)

Airjet — 机票预订网站设计

6. 显示显性或隐性的好处

有效的触发总是与用户利益干系。
触发器会推动用户实行让他们得到这些好处的操作。

热门英雄形象集中于:

产品;行动;优点;高下文;过程(幕后);公司的所有者。

任何类型的英雄形象都必须传达好处。

显性好处:突出利用产品或做事的明显上风。

隐性好处:从视觉上和生理上突出用户的地位、主要性、成功、技能和机会的提高。

用户剖析将帮助您根据详细情形决定哪些内容该当明确或隐含。
展示隐性利益总是双赢的。
例如,如果一个发卖钉子的网站的英雄部分展示了一个节俭、聪明、整洁的工人的形象,那么它的表现会比仅仅有一张屋子或一堆钉子的照片要好得多。
客户将享受像方便的房东一样的觉得。

Fundex — 加密贷款平台的网站设计

7.管理用户的把稳力

明确你希望不雅观众的目光投向哪里。
他们首先会看到什么?接下来是什么?他们的目光该当勾留在哪里?统统都取决于您的网站和产品的目标。
须要提前方案亮点的层次构造,然后进行测试以确保它看起来像您须要的那样。

用户的注目由上风和焦点掌握。
主导元素是最大、最有吸引力的元素。
焦点是用户在主导元素之后看到的图标、按钮和其他元素。
它们卖力用户的兴趣区域并吸引他或她的把稳力。
它们常日位于屏幕的边缘。

生活窍门 #1:模糊你的设计布局并将其展示给普通人(而不是设计师)。
他们看到的第一件事是什么?什么值得或多或少关注?这是在为时已晚之前纠正失落败想法的好方法。

生活窍门#2:利用眼球追踪软件。
纵然是一个大略的免费软件运用程序也可以帮助你检讨突出显示是否位于精确的位置。

如果你创造用户的目光在任何给定元素上勾留的韶光不足长,请开始事情。
大概值得通过使其更大或更亮、添加动画、增加字体大小等来进一步突出显示该元素。
(测试统统!

把稳:将紧张亮点放在情绪触发点上,而不是 CTA 按钮上。

所有视觉构图技巧和工具都必须按层次排序。
形状、颜色、阴影、比拟度、大小、平衡、运动、版式——统统都必须遵照优先原则。

把稳:肃清滋扰。
所有不是第一印象优先的东西都必须降落可见性、隐蔽或移到其他地方。

Ramos — 数字业务剖析平台的网站设计

8.利用干系图像

当图像与网站的目的、想法和内容相匹配时,图像便是干系的。
想法与其视觉表现之间的任何不匹配都会导致误解和不信赖。
这不仅仅是断章取义的图像。
一个致力于利用过期设计进行创新的网站也是一个无关紧要的例子。
不必要的令人惊叹的效果会分散人们对信息的把稳力,这同样是无关紧要的。

头部形象必须在视觉上传达内容的实质。

Stable0x — 第一个受监管的收益稳定币的网站设计

9. 利用简短而有力的口号

利用简短而有力的标语来吸引用户。
想出它并不像看起来那么随意马虎。
这是一个创造性的过程。
我再次建议大家进行头脑风暴。
你的字符空间有限,但你须要简洁地传达你的代价不雅观,阐明一些好处或问题办理方案,或者提出一个会激起用户兴趣的干系问题。
头脑风暴是探求原创想法的好方法。

Flash — 购物电子邮件做事网站设计

10. 说话要奇妙

你可能拥有一个具有良好转化潜力的出色英雄形象,但如果没有 CTA,它将毫无代价。
然而,应谨慎对待 CTA。

切勿利用 CTA 施加压力。

将你的号召性用语设计得友好、非攻击性,而不是哀求过高。
不要强制用户立即学习所有内容、进行购买或订阅。
CTA 是用户实现目标过程中的逻辑步骤。
如果您未能通过标语和可视化激起他们的兴趣,则任何 CTA 按钮或文本都不起浸染。

CTA 是你的设计和经营理念的有机延续。
欢迎您的访客。
这便是 CTA 按钮或的要点:它约请用户加入该操作。

将 UI 和 UX 的重点放在利用户的目标具有吸引力上。

只有这样你的 CTA 才会有效。
按钮不会勉励任何人。
人们被未来的想法和形象所勉励。

Mondly — 措辞学习平台的网站设计

分享最新鲜的设计文章!
供应最优质的设计做事!

本站所发布的文字与图片素材为非商业目的改编或整理,版权归原作者所有,如侵权或涉及违法,请联系我们删除,如需转载请保留原文地址:http://www.baanla.com/ktwx/203525.html

XML地图 | 自定链接

Copyright 2005-20203 www.baidu.com 版权所有 | 琼ICP备2023011765号-4 | 统计代码

声明:本站所有内容均只可用于学习参考,信息与图片素材来源于互联网,如内容侵权与违规,请与本站联系,将在三个工作日内处理,联系邮箱:123456789@qq.com