文章目录

这 20 个网页设计灵感来源肯定会点燃您构建更好网站设计所需的创意之火。
拥有最好的网站设计灵感库已被证明对我的工作流程来说是一项巨大的资产。有了灵感资源的首选清单,我可以更快、更有效地利用多余的设计理念进入项目,并更好地满足任何创意简报的需求。
无论您是经验丰富的网页设计师还是刚刚起步,网页设计项目的范围都会迅速缩小可用资源的数量,从而很难找到合适的网页设计来为您的任务提供灵感。但是拥有一些可靠的起点可以帮助您满足客户的需求,同时鼓励您探索新的设计解决方案、跟上设计趋势并推动您的创造力。
21个网页设计灵感来源
以下是我用于网站设计灵感的 21 个来源:
1. 最佳网站画廊
一个精心策划的优质网页设计灵感画廊,由一个人大卫赫尔曼经营。他早在 2008 年就开始了这个副项目,他仍然很强大,也许是因为它也是大卫的个人灵感画廊。
(这是一个非常好的主意,想想看。也许,在这篇文章的结尾,你会受到启发——并且武装起来——开始建立你自己的个人灵感画廊!)
Best Website Gallery或 BWG 使用标记系统,因此您可以根据网站的风格、设计方法、功能等快速找到网站。有 2,000 多个优质网站可供浏览,这非常有用。
为什么你应该去 BWG 寻找网站设计灵感
因为 BWG 拥有广泛的、高质量的、精心策划的画廊,并配有搜索和强大的标记系统。它特别适合:
1. 投资组合网站
如果你喜欢参加每年5 月 1 日的重启活动,那么有很多其他设计师的在线作品集可供窃取是很方便的——我的意思是,从中获得灵感。
2. 代理网站
代理机构往往会吸引最优秀的创意人员,因此他们的网站通常在网络上最好的网站中名列前茅。这些不仅可以激发您自己的代理网站,还可以激发任何客户、企业或投资组合网站的灵感。
3.色彩灵感
BWG 使您能够按颜色过滤网站,因此您可以轻松找到包含客户品牌颜色的漂亮调色板!
2. Behance – 发现
Behance 的网页设计发现页面让您可以轻松地从其庞大、多样化的创意社区中找到大量网页设计灵感。切换您的搜索设置以指定时间范围、流行度和/或位置。例如,您可以搜索“加拿大多伦多上周最受欢迎的网页设计”并找到这些结果。如果不出意外,它会让您对世界创意社区的规模和人才有全新的认识!
为什么你应该去 Behance 获取网页设计灵感
鉴于 Behance 是 Adobe 公司家族的一部分,它可能是世界上最大、最活跃的创意社区。其极其详细的过滤选项可以帮助您找到您正在寻找的任何内容,从日本最新的热门排版到墨西哥最受关注的 UI 设计,再到您家乡的最佳文案。
社区策划的灵感
像“最受赞赏”这样的过滤器可以让您窥探创造性的集体无意识,并确保您从最好的角度看到最好的。
“使用的工具”过滤器
大多数灵感网站对创作过程中使用的工具是不可知的。并非如此 Behance,它为您提供了一种方便的方式来查看人们使用给定平台或工具及其使用的工具过滤器(在“其他过滤器”下)做什么。例如,这里是世界上最受赞赏的 Webflow 项目
3. Awwwards
Awwwards受人尊敬的奖励系统吸引了最高质量的提交——即那些不断推动艺术和网页设计之间界限的提交。
灵感的质量反映了评审团的质量。(其中包括 Webflow wiz、Timothy Noah 和我们自己的 Ryan Morrison。)Awwwards 已经获得了一些现代网页设计最优秀的帮助来判断每个提交的质量。
为什么你应该去 Awwwards 获取网页设计灵感
如果您将 Webbys(范围更广)排除在外,Awwwards 几乎是认可当今制作的最高质量网页设计的黄金标准。这有几个原因。
专家评审团投票
虽然大多数灵感网站都是个人或业余项目,但 Awwwards 已经精心挑选了一个由网络专家组成的陪审团,对每个提交的网站进行权衡。他们不只是根据网站的“漂亮”程度来评估它:相反,他们会考虑每个网站的设计、可用性、创造力和内容,给每个维度打分,然后计算总分。他们甚至解释了评分系统。
详细信息页面的细分
但透明度并不止于分享他们的评分系统。他们实际上在网站的详细信息页面上显示了每个陪审团成员在所有四个维度上的得分 – 以及普通社区成员的得分(欢迎您加入)。
广泛的标签
最后,Awwwards 用大量术语标记每个站点,详细说明不同的元素,如使用的框架和平台、主色和行业/垂直细节。
编者按:我对 Awwwards 的一个愿望是它的内容占最终总分的 10% 以上。对所有辛勤工作的撰稿人和内容丰富的网站来说,这似乎是一种不公正。
4. CSS 花蜜
CSSnectar的励志网站经过三重审查。首先,提交网站进行审核需要付费,我认为可以安全地假设人们不会为提交付费,除非他们对这项工作充满信心并为此感到自豪。其次,一个创意团队会在每个提交内容上线之前对其进行审核。
为什么你应该去 CSSNectar 寻找设计灵感
三个字:三重。审查。内容。
虽然您可以在整个网络上找到人工策划的内容和设计灵感,但包括精心挑选的专家在内的三个阶段的策划过程确实将最优秀的作品带到了顶部。
详细的过滤选项
CSS Nectar 使用其标签和过滤器(包括类别、功能、国家/地区和颜色标签)轻松寻找特定网站类型的灵感。
5. 阿卜杜塞多
Abduzeedo 每天提供大量设计灵感——让您跟上当今的网页设计趋势。而且由于员工不限于网页设计,您会发现它可以帮助您将个人设计范式扩展到新的维度。毕竟,没有什么可以说您的下一个网站不能受到平面广告中令人敬畏的图形设计的启发,对吗?
为什么你应该去 Abduzeedo 寻找设计灵感
他们突出了设计学科的全部广度
Abduzeedo不仅仅是为了数字设计灵感。相反,他们强调了从摄影到建筑的一切。任何有创意的人都知道,灵感的广度和多样性可以激发解决任何问题的全新方法。
多种格式
Abduzeedo 还通过他们工作的各种媒体为他们的灵感游戏带来了多样性。除了他们的日常展示之外,他们还通过长篇故事、壁纸甚至(喘息)IRL 活动带来了创造力。
6.siteInspire
由Howells Studio的Daniel Howells运营,siteInspire拥有庞大的励志网站库,您可以使用广泛的标记系统轻松过滤。一次使用多个标签可以真正优化您获得的网络灵感类型,而多样化的组合可以产生一些有趣的结果。
为什么你应该去 siteInspire 获取网页设计灵感
优雅的标记系统可帮助您获得正确的灵感。
基于主题的灵感
正如您的自由职业者和代理设计师所熟知的那样,有时您需要特定行业或垂直业务的灵感。无论您需要哪个行业的灵感,siteInspire 的主题标签都会让您找到正确的地方。
基于样式的导航
有时,与整体布局甚至特定设计模式相比,您对某个主题或行业的兴趣更小。
不幸的是,当您在其他灵感网站上搜索诸如“不寻常的导航”之类的内容时,结果通常不是您想要的。幸运的是,siteInspire 有专门用于此的过滤器/标签,它们非常适合寻找超有针对性的灵感。
7. 产品页面
虽然许多最好的设计灵感网站为您提供了大量高度精细的工具来准确地找到您正在寻找的东西,但在“意外”发现中也能找到一种深深的快乐。
Pages提供了以供稿为中心的设计,您可以以列表或网格格式查看,以及一个简单的搜索工具,如果您需要特定的东西,可以加快流程,从而提供这种体验。但我的印象是,Pages 的设计师更愿意让你直接进入提要,这样你就可以找到一些意想不到的东西。只要您正在寻找产品营销网站的灵感,那就是。
为什么你应该去产品页面寻找网页设计灵感
如果您目前正处于设计产品营销网站的早期阶段,那么这就是您一直在寻找的网站。
营销网站灵感
虽然许多其他鼓舞人心的网站专注于更多“令人眼花缭乱”的页面,但 Pages 是一个去说服(更多)简单的设计艺术的地方。此处提供的网站提供了大量出色的网页设计理念,涉及展示产品屏幕截图的不同方式、如何解决撰写标题的困难过程,以及如何构建不会过多分散注意力的强大导航系统:转换。
页面优化的灵感
作为设计师,我们都知道当营销人员寻求帮助优化定价或结账页面时,这会是多么烦人。通常他的名字类似于 Tim,并且他一直试图在整个网站上乱扔颜色鲜艳的按钮。幸运的是,Pages 有定价、结帐和商店页面类别以及设计概念,可以帮助您给出 Tim 提供的丑陋建议。
8.土地簿
Land-book标榜自己拥有“精选的最佳网站灵感”,这是有充分理由的。Land-book 广泛展示了各个行业的最佳登陆页面。在 Land-book 上,您会找到广泛的设计灵感,从 SaaS 登陆页面、代理网站、投资组合,一直到电子商务商店。
您甚至可以在他们的网站上注册一个帐户,然后保存您希望稍后参考的网站设计集合。无论您是在寻找复古设计、社交媒体灵感、重新设计或处理用户界面,Land-book 都是获得灵感的好地方。