精美的页面和有趣的设计方案

[subornaakter40]

主页上的令人惊叹的效果并不是什么新鲜事。但如今真正流行的是实用且有意义的动画。

8. Phive.pt 是一个葡萄牙健身网站，使用 JS 和 jQuery 进行交互式设计。

Phive.pt

在这里，动画字母不仅装饰了网站，而且在 比利时电话号码列表 页面预加载阶段执行 UX 功能 - 它鼓励用户做一些事情。如果你向下滚动页面，信件就会打开，并且观众面前会出现一个场景。


盖德集团

该网站的视觉设计经过深思熟虑并且一致。所有效果均使用 jQuery 制作。

矢量图像不仅是对美学的致敬，也是表征网站身份的语义元素。他们将协调主页和其他页面。

预先加载由两到六个人物组成的场景，然后使用动画进行渲染。

不显眼的微导航和提示以及 Ken Burns 效果在图像上的应用为动画滚动增添了额外的别致。


医疗实践

该网站首页的主要设计特点是以客户为中心：

设计简洁，页面设计采用最少的颜色。

最初执行的服务导航，有一个不寻常的热点功能。所有这些都有助于留住顾客的注意力。

也讀吧！

“网站设计：如何在互联网上恰当地展现自己”
阅读更多
主页作为登陆页面
如果网站执行 SEO 功能（吸引搜索流量）并具有登录页面功能，则其视觉设计会以某种方式开发，以便在情感上吸引访问者，营造合适的氛围，最终销售商品或服务。如果一切都做得正确，那么由于用户关注度的增加，主页将开始从上下文广告中产生潜在客户。

对于来自 Google AdWords 或 Yandex.Direct 广告的用户来说，页面上 USP 的可见性起着巨大的作用。提议必须明确、引人注目并且能够激发目标行动。此类网站设计师的任务是通过明亮的设计来弥补语义差距。


鱼缸

这个迷你网站实际上是一个由几个页面组成的登陆页面：

子域名网站的主页不仅通过大胆的配色方案吸引了用户的注意力，而且还通过非常大的标题和英雄标题中的图片吸引了用户的注意力。

该设计几乎是平面的。转换元素通过阴影来强调，这立即使它们从其余内容中脱颖而出。


WPMU 开发

一家专门从事网站开发和托管服务的公司的网站推出了商业预告片（转换视频）。该网站主页的其他显著特点包括：

扁平化设计成功应用于产品推广。

具有销售功能的卡通风格视频（它有一个号召性用语按钮）。有趣的演示角色帮助公司扩大转化渠道。

每个服务都有自己的图标。您可以从每个部分转到包含该服务详细描述的页面。

也讀吧！

《网站设计：从主页到文字内容》
阅读更多

克里斯·达克

这个博主兼商业教练的个人网站就是精心设计的主页的一个很好的例子：

插图背景：在人物照片上叠加渐变，与网站的配色方案相匹配。

元素的视觉层次构建成功：用户的目光完全按照 F 和 Z 原则指向目标动作。

带有行动号召的按钮与块的背景形成对比。这些区块本身与作者的活动相对应。


美元剃须俱乐部

位于主页首屏的创意视频确保了该网站在电子商务领域的顶级地位。同样令人感兴趣的是：

该资源的复古时髦风格是通过选择标题中的垃圾字体来体现的。

最初的口号是基于文字游戏：“剃须时间。刮胡子要省钱了”（“该刮胡子了，省钱”），这个说法无法改写。

由于销售视频的出现，网站在第一天就获得了大量浏览量，公司收到了大量订单。浏览量持续增长，目前已超过 2350 万。


长椅

一家审计公司的简约主页。

简单、简洁的界面，不会有过多的内容，表明客户会发现与公司互动很轻松、简单。

COUB 风格的循环视频不仅为主页增添了活力，还向访问者解释了公司如何帮助他们满足会计需求。

透明的按钮，仅标有细轮廓，并且文本直接放置在公共空间中而没有特殊的背景，这些都很时尚，并且能营造出轻盈和简单的印象。

网站首页应放置哪些内容：3 条黄金法则
内容是商业的重要工具。为了使网站发挥其信息和销售功能，文字必须全面披露和描述产品的所有优点和公司的优势。显然，不同主题的网站主页内容会有所不同。

在线商店最重要的是其产品范围，因此开始页包括主要产品组列表、新产品块、推荐产品和预期产品。在提供任何服务的公司网站上，内容都应该描述其本质、优势和对消费者的益处。