跳到主要内容

20个鲜艳多彩的网站主页设计

当您设计主页时,您可以采用一系列不同的方法。无论您选择哪个角度,都需要确保正确地执行此操作。

无论是优雅,专业和干净的设计,以帮助炫耀某个品牌个性,或一个明亮,丰富多彩和创意的主页,以帮助吸引访客的注意力,应该总是有理由选择一种特定的风格。

当设计师追求大胆,充满活力和多彩的外观时,原因通常很简单 - 他们希望网站显着,令人难忘,并留在访客心中。这对初创公司来说很常见,他们往往只有一次机会给人留下第一印象,因此需要确保他们做出好的创意。

我们汇集了一系列精彩创意,经常充满活力且永远令人难忘的主页设计,为您的下一个设计项目提供一些灵感。

01.

Flutter's homepage is bold, vibrant and has a quirky style all of its own

Flutter的主页大胆,充满活力,拥有独特的古怪风格

Flutter是一种桌面工具,可在计算机的背景中运行,让您可以使用网络摄像头通过挥手来控制音乐播放。它的主页明亮,大胆,充满活力,并且拥有独特的古怪风格。该应用程序本身非常有趣,主页的卡通风格有助于展示这个有趣,不敬的主题。

02. Flipboard的

Flipboard's homepage features a huge animation of someone using the app

Flipboard的主页上有一个使用该应用程序的人的巨大动画

Flipboard是首批真正引人注目的iPad应用程序之一 - 它需要RSS提要,推文链接和Facebook提及,并将它们变成设计精美的数字杂志。该应用程序的美妙之处在于它正在使用中,因此Flipboard主页专注于此 - 一个滚动,滑动和使用该应用程序的巨大动画被用作页面的背景。

03. 广场

Square's homepage is dominated by a huge background image

Square的主页以巨大的背景图片为主

Square允许小型企业和零售商使用他们的iPhone和iPad接受信用卡付款。该产品本身具有相当的创新性,在许多情况下,对于企业来说是一个全新的主张,这意味着Square需要展示正在使用的产品。他们选择了一个巨大的背景图像,与注册表单完美对齐,一旦打开页面,图像甚至会加载一个微妙的动画。

04. 万花筒

Kaleidoscope's homepage beautifully divides up the individual features of the app

Kaleidoscope的主页精美地划分了应用程序的各个功能

Kaleidoscope是一款应用程序,可帮助您在文本和图像文件更改后找到它们之间的差异。主页精美地划分了各个功能,因此显示图像比较的部分看起来与文本比较完全不同,但它们完美地融合在一起。 Kaleidoscope徽标看起来也设计得非常漂亮,而且它们在页面顶部显示出来的效果非常出色。

05.

The background to Flock's homepage is bright and vibrant

Flock主页的背景明亮而充满活力

Flock是一款iPhone应用程序,可帮助朋友互相分享照片。正如您所料,Flock选择借助大型iPhone显示屏来展示产品 - 但背景也看起来很漂亮,并且明亮而充满活力,有助于引起人们对应用程序图像的关注。使用。

06. MailChimp

MailChimp's homepage has personality in buckets

MailChimp的主页在桶中具有个性

MailChimp是一家电子邮件营销公司,可以帮助您向订阅者发送简报,对大而大胆的设计并不陌生。它的主页标题在一英里外突出,重点放在彩色背景下的巨大排版。其猴子吉祥物弗雷迪的巨大形象也有助于炫耀公司的个性,并有助于将其与更正式的竞争对手区分开来。

07. Piictu

Piictu's homepage is minimalist, clean and simple

Piictu的主页极简主义,干净简洁

Piictu,照片共享iPhone应用程序,通过使其尽可能简约,干净和简单的主页使用大胆的设计选择。该设计剥离了所有不必要的东西,只留下一个iPhone正在使用该产品,徽标,一个简短的标语,解释应用程序的功能和一个安装按钮,免费。这是一个勇敢的设计选择,但它有一个目的,并做得很好。

08. 高楼

Highrise's homepage makes a big feature out of the testimonial

Highrise的主页在证词中起了很大的作用

37signals的他们为小型企业制作生产力软件,他们在CRM工具Highrise的主页上采用了大胆而不寻常的方法,使用了他们的一个客户的巨大形象,并在证明书中制作了一个重要的功能。这是一种在产品网站中很少见到的创造性方法 - 但是37signals发现测试客户的大型图像显着提高了他们的转换率。

09. 制作的Airbnb

Airbnb's homepage makes good use of photography in the background

Airbnb的主页在背景中充分利用了摄影

Airbnb允许人们将他们的房屋和公寓出租给其他人,而不是使用酒店。在Airbnb上出租的地方往往古怪,有趣和有趣 - 为了帮助展示这一点,他们在背景中利用摄影,专注于他们的一些更古怪和时尚的家园。

10. Paravel

Paravel star on their own homepage as musketeers

Paravel明星在他们自己的主页上作为火枪手

Paravel是由三位设计师组成的团队,他们联合起来创建了一个网页设计和品牌推广机构。主页通过使用团队的彩色图像展示了他们富有创意,古怪的一面,好像他们是三个火枪手一样。这对于如何为自己打造品牌是一种不寻常的看法,但它绝对具有创造性和难忘性,并展示了他们有趣的个性。

11.

Paper's visual aesthetics translate to its homepage

纸的视觉美学转化为其主页

Paper是一款iPad绘图和绘画应用程序,专注于精美的设计。该应用程序本身设计精美,专注于视觉美学也转化为其主页。巨大的背景图像显示了应用程序的运行情况,吸引访问者观看视频,而向下滚动则显示应用程序的工作原理细节。

12. 树屋

Treehouse's homepage has a has a clear, simple and almost-but-not-quite minimalist feel

树屋的主页有一个清晰,简单,几乎但不是极简主义的感觉

Treehouse运行互动课程,旨在教您网页设计,Web和iOS开发。整个网站有一个清晰,简单,几乎但不是非常极简主义的感觉,优雅地结合在一起,主页显示这个美丽。简单的笔记本电脑,iPad和iPhone图像即刻展示了Treehouse的功能,视觉设计简单,一致且精心制作。

13. 转向艺术

Turning Art's page features a gradually changing slideshow of high resolution paintings

Turning Art的页面以逐渐变化的高分辨率绘画幻灯片为特色

转向艺术是一种创造性的购买艺术 - 您可以在购买前在家中尝试绘画。显然,对于艺术品销售网站而言,设计是一个巨大的焦点,而转向艺术的目的是通过将主页的上半部分用于逐渐变化的美丽高分辨率绘画幻灯片来展示他们销售的艺术品。结果是一个不断变化和视觉震撼的主页。

14. Vimeo的

A illustrated background helps to show off the creative nature of Vimeo

插图背景有助于展示Vimeo的创意本质

Vimeo允许人们上传高质量的视频,并在创意人群中广为人知。主页的标题专门用于注册表单,但设计精美,超奇特,色彩鲜艳的背景,有助于展示网站的创意本质。

15. VIRB

Blueprint templates are used to create a cohesive theme for the site

蓝图模板用于为网站创建一个有凝聚力的主题

Virb认为自己是建立一个漂亮网站的最简单方法,主页的视觉设计和风格有助于唤起你正在制定蓝图的想法。虽然他们在主页上使用了一个滑块来展示正在使用的产品,但他们也使用了背景(以及页面上的其他元素)来显示它们是蓝图模板,这些模板都形成了深思熟虑,有凝聚力和网站的聪明主题。

16. OnSwipe

OnSwipe's homepage devotes its background to huge visual examples of the product in action

OnSwipe的主页专门介绍了该产品的实际可视化示例

OnSwipe可帮助发布商在使用平板电脑时更轻松地浏览和滚动浏览器。主页将其背景用于实际产品的大量可视化示例,并将不同的功能分解为单独的部分以帮助演示它们中的每一个。有一个非常强大的白色空间使用,一切都有呼吸的空间 - 所以即使页面上有很多信息,它也不会感到过于复杂或拥挤。

17. Disqus

We love the curved, spacious typography of the headline on this attractive homepage

我们喜欢这个迷人主页上标题的弯曲,宽敞的排版

Disqus使发布商可以轻松地向其网站添加评论框,并有助于将整个会话保存在同一个位置。出色地,你可以在主页上试试Disqus界面(尝试在他们的评论框中输入)。整个视觉设计很好地融合在一起,因为小东西 - 背景中漂亮的动画图案,标题的弯曲,宽敞的排版,甚至简单,干净,不可能错过“在您的网站上获取此项”按钮。

18. 超级苍蝇

The huge cartoon background adds some personality to the page

巨大的卡通背景为页面增添了一些个性

Superfly是一个航班搜索引擎,旨在通过考虑您的航空里程和旅行偏好来个性化您的结果。虽然主页相对简单,但也不可能错过巨大的卡通背景,这增加了页面的个性。有一个巨大的“免费注册!”号召上一个不可错过的按钮(与背景形成鲜明对比)的行动,以及该网站提供的推荐和新闻报道。

19. 球杆

Cue's homepage makes a very creative use of the background

Cue的主页非常有创意地使用了背景

Cue是一款iPhone应用程序,可自动与您的日历和邮件同步,以帮助您制定当天的日程安排。主页非常有创意地使用背景 - 当应用程序的巨大图像显示产品的运行时,背景会使用详细的高分辨率照片自动更新,这些照片会与手机上的日程表同步。它设计精美,富有创意,而且作品非常精彩。

20. 代码学校

Code School's homepage is bold, attention grabbing and creatively designed

Code School的主页大胆,引人注目,创意设计

Code School是一系列课程,通过允许您在浏览器中测试代码并按照视频课程,帮助教您如何编程。主页的设计非常出色:设计是Code School课程中的一个重点,而专注于美学的设计一直延伸到主页。主页的上半部分专用于最新的课程,总是大胆,引人注目和创造性设计。

单词:Rob Wilson

Rob Wilson为打印机墨盒专家撰稿单击“墨水”。在业余时间,他开发iOS应用程序并研究平面设计。

喜欢这个?阅读这些!

您是否找到了您认为应该包含的创意主页的任何示例?我们很乐意在评论中听到他们的消息!

话题



翻译字数超限