网页设计新知:如何设计好网站首页?

如何设计好网站首页?网站首页是网页设计中最重要的页面,同时也是为网站带来最高流量的页面。要想让用户浏览网站时,留下深刻的印象,知道网站到底想表达什麽问,甚至最终成为你的客户,那麽,在设计首页的时候,记得融入这些元素。

如何设计好网站首页?

– 网站必须包含的设计元素

元素一:大标题

你只有三秒的时间告诉用户,你的网站是做什麽,同时你的大标题可能只有短短的几只字。但作为整个网站的点睛之处,你必须要尽可能用最短的字,吸引用户的目光。

元素二:次标题

若说大标题是概括整个网站的中心,那麽次标题则是基於不针对商品或服务所做的简短说明。因此,撰写次标题时,最好能够直击主要目标的痛点,并提供解决的方法。

元素三:主要的CTA

吸引用户後,你还需要给用户明确的行动呼吁(call to action,CTA)。CTA可以是按钮、文案,甚至是可存在其他元素及动态行为交互,以此引导用户做出某些特定行为,如:购买、联系、订阅等。

为了达到开发潜在客户,增加产品销量,设计师往往会将CTA设计得非常有创意,且极具吸引力,让用户抑制不住点击,从而引导用户进入下一步骤。

网页设计新知:如何设计好网站首页?

网页设计新知

元素四:插图

透过简单清晰的图片,可以更好地说明产品或服务,同时也能让用户透过图片,直觉想到你所售卖的商品或服务。好的图片一般能激起用户的情绪,让他们能够所行动。

如下图:大标题所表示的「在哪里使用」;小标题则表示的「适用场合」;而主要的CTA也仅仅是邀请用户开始使用……所有网站文案都无法令人理解,这到底是怎麽回事。但透过左边的图片,即使没有看到文字,也能清晰知道这个可能是与文件、报表、办公沟通有关的文件。

网页设计新知:如何设计好网站首页?

网页设计新知

元素五:为用户带来好处

如果以上所使用的元素都仅仅是为用户做简单的「自我介绍」,那麽接下来用到的元素,就是让用户更进一步了解网站,知道你为用户带来的好处,以及选择你的理由。

如Uber网站,在第一阶段与用户进行简单的接触後,接下来它便是告诉用户选择Uber的好处,如上车後司机会知道你要抵达的目的地;无需现金,线上支付即可;无需事前预约,随时随地提供服务及各种款式的车型。

网页设计新知:如何设计好网站首页?

网页设计新知

元素六:用户推荐、真实案例

如果想初次浏览网站的用户加深对网站的信任,可透过用户推荐、真实案例分享等,图文并茂地为产品或服务背书。

很多电商平台都会使用Shopify,而Shopify也会在自己的首页中加入这些电商平台的推荐,为想要使用Shopify的电商平台增添信心。

网页设计新知:如何设计好网站首页?

网页设计新知

元素七:网站使用导览

网站使用导览的目的,就是让用户进入网站後,若需要进一步认识你,了解你,与你联络等资讯,可以通过关於我们、联络我们、产品介绍、常见疑问等导览页面。

大型连锁知名家具IKEA的首页网站导览主要以搜寻功能为主,当用户点击「线上购物」时,才会看到专为线上购物设计的页面内容。

元素八:主要服务项目

列出为用户带来的好处後,也可列出主要的产品和服务项目,尤其是软件类网站。可以在网站上显示不同的服务方案及价格比较,或你希望用户多浏览的商品方案,让用户初次浏览网站首页时,便可有更深层的认识,进而愿意点击其他页面进一步了解。

Shopify下方有详细的功能内容介绍,若想使用Shopify的用户,无需点击任何按钮,只需在首页就可对Shopify有更深入的了解,同时还能增加网站停留时间。

网页设计新知:如何设计好网站首页?

网页设计新知

元素九:其他资讯

大多数用户都不是仅仅的一次浏览,就会变成你的网站「常客」,因此你要制作更多「惊喜」给用户,让他们能够发掘更多咨询,如最新文章、最新产品、最新发表,以及Banner下面需要清楚补足首页大区块未完整呈现的部分。

网页设计新知:如何设计好网站首页?

网页设计新知

首页是网站的门面,无论是哪类型网站,设计师都应该都网站首页设计,让用户在最短时间认识你、了解你、以及知道你能给他们带来帮助等。此外,要让用户信任你的网站,并停留较长的时间,除了要有好的网站架构,网站内容以及移动SEO优化,都是必须的。

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/43182.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年6月25日 23:41
下一篇 2022年6月25日 23:41

相关推荐

  • 三个方法让用户在情境当中教育用户

      纯文字指令 这个技巧主要依靠的是纯文字指令,促使使用者去执行某个操作手势,并且简明地描述了整个操作的结果。要注意的文字说明一定要简短,以此让用户快速地阅读,然後遵循他们的指引。 提示动效 合理...

    2022年6月25日
    0183
  • 快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-4)。

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的第四篇,原文最早发布于 marca...

    2023年3月1日 SEO操作
    00
  • UX、UI和网页设计师有什么区别。

    你知道你对设计感兴趣,但你仍然不知道它对你未来的职业意味着什么。你已经开始了你的研究,但你可能仍然不确定这一切意味着什么。您应该是 UX、UI 还是网页设计师?你不知道吗?不用担心!从揭开首字母缩略词的...

    2023年3月7日
    01
  • 专业响应式网站设计需要把握好的要点分析

    网站设计,随着智能手机的普及,移动端网页访问量越来越多,响应式网站建设越来越流行,现在很多企业都想要做响应式网站。但是,响应式网站虽然做起来科技难度不大,而且也有很好的发展前景,但是对于响应式网站...

    2019年11月12日
    0358
  • 为什么推荐设计师使用4点网格系统。

    过去,我们一直在使用 8 点网格系统,它帮助我们在 UI 界面中,或者一致性上做了有力的贡献。但是今天我想说 8 点网格系统其实并非最完美的,我们可以选择 4 点网格系统,他灵活性更强,今天文章和大家一起来分享...

    2023年3月7日 SEO操作
    03
  • 超全总结!2022 年值得关注的 7 个网页设计趋势。

    编者按:这篇文章出自资深设计师 Erik Messaki 的总结,文章总结了 7 种网页设计趋势,虽然其中很多趋势之前已经存在,但是在细节和特征上,Erik 有更为深入的分析,值得看看。 关注趋势本质上就是关注未来可能存...

    2023年3月2日 SEO操作
    00
  • 网站的黄金比例三个注意事项

    1、 内容 可以运用黄金比例的螺旋线,以此去决定整个网站建设当中的内容和元素的布局。一般来说,螺旋线最密集的地方就是用户视线比较集中的地方,也就是说要充分利用好这点,将需要突出的内容放置到这些区域当中...

    2022年6月9日
    0120
  • Material design新版动效——界面内

    什麽是动效元素在界面内运动?简单来说就是屏幕内物体在两点之间的运动,沿着一条自然、凹陷的弧线。这种新版动效特点使用的是标准曲线。有以下两个特点: 1、 弧线向上 在生活和物理当中,元素向上运动需要克服...

    2022年6月16日
    0139

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息