网站设计灵感的19个惊人来源

　　网页设计灵感的这19个来源必定会激发您建立更好的网站所需要的创造力。

　　灵感拥有大量优质的网站设计灵感已证明对我的工作流程来说是一项巨大的资产。 借助鼓舞人心的资源清单，我可以借助过多的设计思想更快，更有效地跳入项目，并更好地满足任何创意摘要的要求。

　　一个Web设计项目的范围可以迅速缩小可用资源的数量，从而很难找到合适的Web设计来激发您的任务。 但是，拥有一些可靠的起点可以帮助您满足客户的需求，同时鼓励您探索新的设计解决方案，紧跟设计趋势并推动您的创造力。

　　无论您是经验丰富的网页设计师，还是刚刚起步的人 ，这里都是我用来启发网站设计灵感的19个资源：

　　1.最佳网站图库

　　一个由大卫·海尔曼(David Hellmann)经营的高级网页设计灵感画廊。 他早在2008年就开始了这个副项目，但他仍然表现出色，也许是因为它同时也是David的个人灵感画廊。

　　(想想这是一个非常不错的主意。也许，在本文结束时，您将得到启发-武装起来-建立自己的个人灵感画廊!)

　　最佳网站画廊 (BWG)使用标记系统，因此您可以根据其样式，设计方法，功能等快速查找网站。 并有超过2,000个高质量的网站可供阅读，这非常方便。

　　为什么要去BWG网站设计灵感

　　因为BWG拥有广阔的，高质量的策展画廊，并配有搜索和强大的标记系统。 它特别适合：

　　1.投资组合网站

　　如果您是那种喜欢每年参加5月1日重新启动的人 ，那么可以方便地从众多其他设计师的在线作品集中窃取，这很方便—我的意思是，从中获得启发。

　　2.代理网站

　　代理商往往会吸引最高水准的创意，因此他们的网站通常在网络上最好的最好的网站中排名很高。 这些不仅可以启发您自己的代理商网站，而且可以激发任何客户，企业或投资组合网站。

　　3.色彩灵感

　　BWG使您能够按颜色过滤站点，因此您可以轻松找到包含客户品牌颜色的漂亮调色板!

　　2. CSS花蜜

　　CSSnectar的励志网站经过了三重审查。 首先，提交网站进行审核需要付费，我认为可以肯定的是，除非人们对这项工作充满信心并为此感到自豪，否则他们不会为提交而付费。 其次，一个创意团队在每次提交之前对其进行审核。

　　为什么要去CSSNectar寻求设计灵感

　　三个字：三重。 已审核 内容。

　　尽管您可以在整个网络上找到人工策划的内容和设计灵感，但是由精心挑选的专家组成的三阶段策划过程确实将农作物的精华带到了最顶层。

　　详细的过滤选项

　　CSS Nectar的标签和过滤器(包括类别，功能，国家和颜色标签)使查找特定网站类型的灵感变得容易。

　　3. Abduzeedo

　　Abduzeedo每天都会提供大量的设计灵感-使您可以跟上当今的Web设计趋势 。 而且由于员工不仅仅局限于网页设计，因此您会发现它可以帮助您将个人设计范式扩展到新的维度。 毕竟，无话可说，您的下一个网站不会受到平面广告中出色的图形设计的启发，对吧?

　　为什么要去Abduzeedo寻求设计灵感

　　它们突出了设计学科的全部广度

　　Abduzeedo 不仅仅是数字设计灵感。 相反，它们突出显示了从摄影到建筑的所有内容。 而且，正如任何创意人士所知，广度和灵感的多样性可以激发解决问题的全新方法。

　　多种格式

　　Abduzeedo还通过其工作的多种媒体为他们的灵感游戏带来了多样性。除了日常展示之外，他们还通过长篇故事，墙纸甚至IRL事件来带来创造力。

　　4. siteInspire

　　由Howells Studio的Daniel Howells经营 ， siteInspire拥有庞大的鼓舞人心的网站库，您可以使用广泛的标记系统轻松进行过滤。 一次使用多个标签可以真正改善您获得的网络灵感的类型，并且多种组合可以产生一些有趣的结果。

　　为什么要去siteInspire网站设计灵感

　　优雅的标记系统可帮助您获得正确的灵感。

　　基于主题的灵感

　　正如您的自由职业者和代理设计师所熟知的那样，有时您需要针对特定??行业或业务领域的灵感。 无论您需要什么行业的灵感，siteInspire的主题标签都可以将您带到正确的地方。

　　基于样式的导航

　　有时，您对主题或行业的兴趣不如对整体布局感兴趣，甚至对特定的设计模式不感兴趣。

　　不幸的是，当您在其他灵感网站上搜索“异常导航”之类的结果时，结果通常不是您想要的。 幸运的是，siteInspire为此具有过滤器/标签，它们非常适合查找超针对性的灵感。

　　5.行为–探索

　　Behance的Web设计发现页面使从其庞大的多样化创意社区中轻松找到大量Web设计灵感变得非常容易。 切换搜索设置以指定时间范围，受欢迎程度和/或位置。 例如，您可以搜索“上周加拿大多伦多最受欢迎的网页设计”，然后找到这些结果 。 如果没有别的，它会带给您对世界创意社区的规模和才华的全新评价!

　　为什么要去Behance网站设计灵感

　　鉴于Behance是Adobe公司系列的一部分，它可能是世界上最大，最活跃的创意社区。 其极其详细的过滤选项可以帮助您找到所需的任何东西 ，从日本最新的热门字体，到墨西哥最受关注的UI设计，再到您家乡的最佳文案。

　　社区策划的灵感

　　诸如“最受赞赏”之类的过滤器使您可以窥视创意集体的潜意识，并确保您从最佳视角看到最佳。

　　“使用的工具”过滤器

　　大多数灵感网站都不知道创作过程中使用的工具。 Behance并非如此，它为您提供了一种方便的方法，可通过其“使用的工具”过滤器(在“其他过滤器”下)查看人们在使用给定平台或工具的情况。 例如，这是使用Webflow进行的世界上最受欢迎的项目 。

　　6. Awwwards

　　Awwwards备受推崇的奖励制度吸引了最高质量的作品，即那些不断突破艺术与网页设计之间界限的作品。

　　灵感的质量反映了陪审团的素质。 (其中包括Webflow wiz，Timothy Noah和我们自己的Ryan Morrison。)Awwwards寻求了一些现代Web设计最佳专家的帮助来判断每个提交的质量。

　　为什么要去Awwwards网站设计灵感

　　如果您不考虑Webbys(范围更广)，则在承认当今生产的最高质量的Web设计时，Awwwards几乎就是黄金标准。 这有两个原因。

　　专家评审团投票

　　虽然大多数灵感网站都是个人或附带项目，但Awwwards亲自挑选了一个由网络专家组成的评审团，以权衡每个提交的网站。 他们不只是根据网站的“美观”来评估网站：而是考虑每个网站的设计，可用性，创造力和内容，给每个维度打分，然后计算总分。 他们甚至解释了计分制度 。

　　详细页面明细

　　但是透明度并不仅限于分享他们的评分系统。 他们实际上在网站的详细信息页面上显示了每个陪审团成员在所有四个维度上的得分-以及普通社区成员的分数(欢迎您加入我们的行列)。

　　广泛的标记

　　最后，Awwwards在每个站点上标记了一系列术语，这些术语详细描述了不同的元素，例如所使用的框架和平台，主导色以及行业/垂直详细信息。

　　编者注 ：我对Awwwards的一个希望是，它所提供的内容超过最终总分的10%。 对于所有辛勤工作的撰稿人和内容丰富的网站而言，这似乎是不公正的。

　　7.产品页面

　　虽然许多最佳的设计灵感网站都为您提供了很多高度精确的工具，可以准确地找到您要查找的内容，但在“偶然”发现中也能找到深切的乐趣。

　　Pages提供了您可以以列表或网格格式查看的以Feed为中心的设计的经验，以及一个简单的搜索工具，如果您需要特定的内容，可以加快该过程。 但是我给人的印象是，Pages的设计师希望您直接进入feed，以便发现一些意外。 只要您正在寻找产品营销网站的灵感，那就是。

　　为什么您应该去产品页面以获取网页设计灵感

　　如果您目前正处于设计产品营销网站的初期阶段，那么这就是您一直在寻找的网站。

　　营销网站灵感

　　尽管许多其他鼓舞人心的网站都专注于更多的“令人眼花-乱”的页面，但Pages却是(更令人信服)直接的设计艺术说服的地方。 此处提供的网站提供了许多很棒的Web设计思想，涉及不同的方式来呈现产品屏幕截图，如何解决撰写标题的困难过程以及如何构建功能强大的导航系统，而这些导航系统不会过多地偏离圣杯：转换。

　　页面优化的启示

　　作为设计师，我们都知道当营销人员寻求帮助来优化定价或结帐页面时，这会是多么烦人。 通常，他的名字类似于Tim，他一直在尝试在网站上乱涂鲜艳的按钮。 幸运的是，Pages具有定价，结帐和商店页面类别，其设计概念可帮助您给出Tim所提供的一些丑陋建议。

　　为什么您的设计团队应使用Webflow

　　了解设计团队如何使用Webflow简化其工作流程并建立更好的体验。

　　轻松协作

　　8.极大的不满

　　有时，灵感并非来自视觉资源，并且不仅限于特定的项目。 取而代之的是，您可能会找到一个激励人心的故事，促使您在工作和职业上走得更远，这样您就可以设计出新的途径。

　　在那些时刻， 《大不满 》的采访可以点燃您的创造力。 与成功的设计师，艺术总监，插画家等一起进入问答环节，并深入了解使他们以及他们的职业发展的原因。

　　为什么您应该去The Great Discontent网站设计灵感

　　对设计行业领导者的亲密采访

　　有时，设计行业可能会过度关注可交付成果，工作流，工具和最佳实践等具体事物。

　　所有这些功能强大且急需解决，但它也可能导致我们忘记像素背后的真实人类，以及常常使他们进入梦想职业的强大故事。 巨大的不满让我们在屏幕后面难得一见，可以浏览更多含糊但最终更具情感性的话题，例如创造力和脆弱性之间的联系，故事的力量以及经常说“不”的困难艺术。

　　它功能强大，比起16个Dribbbles所能提供的所有令人眼花。乱的东西，它可以激发您更多的灵感。

　　9.一份清单

　　有时，灵感来自文字形式。 甜言蜜语。

　　从一个不起眼的邮件列表的起源开始， A List Apart已经成长为设计社区的主要目的地，已成为超过标准的高质量文章的可靠资源。

　　我的意思是，您怎么不读发表Ethan Marcotte的“ 响应式Web设计 ”的期刊? (如果您最近来过火星，基本上是从“整个响应式设计”开始的。)

　　为什么要去A List Apart网站设计灵感

　　深入的书面内容

　　如果您正在寻找2019年排名前25位的WordPress主题，A List Apart不适合您。 但是，如果您正在寻找周到的想法，那么创新就可以从网络上最好的设计师那里为我们的数字世界设计更美好的点-这是网络上最糟糕的设计期刊。

　　10.野兽派网站

　　这是一个热门话题，但是：在一个以网站为主导的设计世界中，最重要的是需要吸引新用户并赚更多的钱，而野蛮主义所代表的对UX的原始中指可能有点像呼吸新鲜空气。

　　在“ 野兽派”网站上，您不会看到很多精致的交互，精心设置的类型或严格和谐的网格。 取而代之的是，您会看到网格打破了直到周日的16种方式，在旧的“网络安全”字体中设置了大量标题，似乎旨在消除而不是浏览网站的基于游标的奇异效果 ，以及旨在突袭网站的滚动效果感官 。

　　总体而言，这里收集的网站让人们对当创意不需要转换本身时的网络情况有一个有趣的了解。 尽管野兽派固然不是探索该主题的唯一方法，但它却是一种令人信服的怪异方法。

　　为什么要去野兽派网站寻求网页设计灵感

　　真正的艺术灵感

　　网络上的大多数与自我表达无关 。 相反，它是关于增长的：新读者，新订户，新客户。 它是弹出窗口，广告，接管和赞助内容。

　　相比之下，野蛮主义正在剥夺一个空间，设计师可以在该空间做自己想要的事情，而不是应该做的事情。 这里创建的作品避开了所有优化建议和最佳实践列表，而取而代之的是外观和效果，这些外观和效果一直存在，有时甚至与进攻性接壤(无论如何也要达到预期)。

　　如果您希望看到有创意的设计师放手，而不用担心会出手，那么“野兽派”网站可能就是您的最佳选择。

　　有趣的设计灵感

　　野兽派网站的另一大优点是，这些“未打磨”的设计多么奇怪地令人着迷。 很容易迷失在它所策划的网站中，惊叹于90年代Myspace NO，SHE DOT'T LABEL的 出色程度，甚至是Internet Warriors这样的网站的出色表现。

　　野兽派网站是一个让您惊讶的网站。 这些惊喜之一就是野兽派网站与互联网的其余部分之间的距离有多远-您知道，这些部分还没有经过优化以至于无法生存。

　　11.欣赏网络

　　欣赏Web由于其高质量的策划内容而成为另一个强大的资源。 通过该网站进行搜索比其他网站更麻烦，但是收获却在于内容丰富。

　　为什么您应该去欣赏Web以获得网页设计灵感

　　特定类别的灵感

　　欣赏Web本身可能并没有赢得任何设计大奖，但是它的内容带有广泛的标记，因此，如果您不介意一点点地疲劳，那么您将立即发现丰富的主题灵感。

　　相关内容

　　我认为，如今，许多网站都需要使用经典的，亚马逊风格的“相似内容”。 当比赛不太准确时，很容易就可以忽略，但是当您发现确实能激发您灵感的帖子时，相似的内容可以使您轻松地从兔子的灵感洞中挖出来。

　　12.模板怪兽

　　寻找创意灵感时，主题店可能并不是您想到的第一位。 毕竟，设计趋向于在视觉范围内更为通用的一面。

　　但是， Template Monster可能是一个非常有效的起点，因为质量主题往往具有非常好的架构，并且经常密切关注最佳实践。

　　通过查看主题的内容结构和视觉设计模式来激发主题的灵感，然后根据项目的需求在您自己的创意旋转中分层。

　　为什么您应该去Template Monster网站设计灵感

　　最佳实践的质量灵感

　　尽管设计“最佳实践”在不同行业之间可能会有所不同，并且通常基于推测和传统而不是分析，但它们值得探索，尤其是在为不熟悉的行业设计产品时。 几乎每个行业都有超过25k +的模板，您一定会找到有用的东西。

　　编者注：从主题森林之类的巨头到像素联盟之类的精品店，其他受欢迎的主题商店也可以是寻求灵感的绝佳去处。

　　13.点

　　我知道您在想什么：为什么网站设计灵感列表中包含一个专注于移动应用程序设计的网站?

　　好吧，对于初学者来说，在Webflow上 ，我们都是关于响应式设计的。 因此，任何移动应用程序都可以为您的小断点设计提供绝佳的灵感来源。 另外，如果您稍微抽象一点，就不难想象移动设计模式会如何影响大屏幕设计。

　　另外， Pttrns在每个策划的应用程序中都具有更多的屏幕，因此您可以轻松地更广泛地了解设计模式如何在多个环境中发挥作用，并在整个流程中创建一致性(或引入差异)。

　　为什么要去Pttrns网站设计灵感

　　专注于模式

　　与许多其他网站不同，Pttrns(令人惊讶地)专注于设计模式，将特色应用划分为“确认”，“要求许可”和“活动提要”。 因此，如果您正在互动或流程的一小部分中寻找灵感，Pttrns将为您提供最佳的结果收集。

　　专注于移动网络

　　尽管Pttrns中的许多设计和故障都是本地应用程序，但我们都知道如今移动网络已经与本地应用程序相当，因此从这里汲取移动网络布局的灵感是很棒的。

　　14.设计灵感

　　Designspiration就像设计界的Pinterest一样，它是一个庞大的，社区策划的供稿，您可以一次投入数小时。 它不关注任何特定形式的设计灵感，但可以为您提供工具，使您可以根据需要专注于特定主题。

　　为什么要去Designspiration网站设计灵感

　　保存内容

　　很少有策展网站会添加个人元素，这些元素来自允许您保存激发灵感的事物。 Designspiration不再专注于基于项目的临时灵感 ，而是让您建立个人灵感网站的缓存，并根据您的喜好调整其供稿。 当然，这有其优点和缺点，但有时并没有像调整后的流那样适合您的。

　　15. Calltoidea

　　这绝对是我的最爱之一–部分是因为您可以将它更多地用作实用工具，而不是被动灵感工具。 Calltoidea的网页设计灵感来自于设计师在职业生涯中可能遇到的几乎每个页面的类别。 从404页到管理仪表板的所有内容，Calltoidea可以帮助您找到出色的设计，以在需要时改编或偏离。

　　为什么要去Calltoidea网站设计灵感

　　强大的页面类别组合

　　作为设计师，我们有时会陷入我们要做的真正有趣的工作中，例如首页设计，从而导致我们将精力集中在至关重要/情感时期(例如登录，404，定价等)。

　　许多启发性网站都在此类页面上漏水，但Calltoidea只是将重点放在那些页面上-因此，您可以确保将一些最佳的作品放到这些关键页面上。

　　16.商业霜

　　Commerce Cream负责设计机构提供的一些外观最好的电子商务网站设计。 如果您正在寻找电子商务的灵感，Commerce Cream是查找各种设计风格的好资源-包括原始，大胆，现代和最小的设计。

　　为什么要去Commerce Cream网站设计灵感

　　Commerce Cream是查找电子商务设计灵感的好地方，因为它们仅具有外观最好的在线商店。 他们还向您展示了设计背后的代理，使您可以从一些最佳的Web设计代理中发现令人印象深刻的产品组合。

　　仅质量设计

　　在Commerce Cream上提交的网站在创建网站之前都经过了审查。 任何人都可以提交商店，但只能选择精选商店作为特色。 这样可以确保所显示的所有网站均得到质量设计机构的支持。

　　查找设计背后的代理商

　　能够找到您喜欢的网站设计背后的设计机构，就像发现糖果店一样。 它为您从喜欢的特定样式中发现更多设计灵感打开了一扇门。 这可以使您有机会查看创建自己喜欢的设计的代理商的其他投资组合工作 。

　　17.运球

　　根据您寻求网页设计灵感的频率，您可能会遇到Dribbble。 Dribbble是一个由设计师组成的社区，他们在一个市场上共享，发展技能并找到设计作品。 对于任何设计师来说，这都是一个很好的资源，但是特别擅长于成为设计灵感的资源。

　　为什么要去Dribbble网站设计灵感

　　Dribbble拥有大量的设计展示-从印刷到网页设计的所有内容。 这是在Web设计之外寻找灵感的绝佳资源。

　　在网页设计之外寻找灵感

　　有时，最好的网站设计创意来自您进行全新的工作。 尝试在图形设计或动画中寻找网页设计灵感。 Dribbble在多个工作领域提供多种多样的设计，以帮助您发挥创意。

　　18. Pinterest

　　也许您听说过这个叫Pinterest的网站那么小 ? Pinterest是跨Internet分发内容的中心。 从烹饪食谱到设计灵感-Pinterest拥有一切。 如果在Pinterest上搜索“网页设计灵感”，您会看到所有“固定”自己喜欢的网页设计内容的用户。

　　为什么要去Pinterest网站设计灵感

　　Pinterest不仅可以让您找到适合自己作品的鼓舞人心的设计，而且还可以帮助您找到可以启发，塑造或改变整个设计职业生涯轨迹的内容。 由于任何人都可以在Pinterest上发帖，因此您会发现从网站展示到有价值的博客文章的各种内容。

　　19.选择代理商/设计师的产品组合

　　五角星很难出错

　　启发性机构或创意人员的投资组合网站也可以帮助您发现项目可能需要的火花。 但是，您更喜欢并返回哪些投资组合可能更具个性化，因此建立库存需要花费一些工作。 创建投资组合的转到列表以节省将来的时间，并在发现更多信息时添加到清单中。