网页设计灵感的17个惊人来源

发布时间:2019-08-15 11:33:57 阅读:84

拥有一个高质量的网页设计灵感库已经证明是我工作流程中的一笔巨大财富。有了一份鼓舞人心的资源清单,我可以更快、更有效地进入项目,更好地满足任何创意简报的需求。

一个网页设计项目的范围可以很快缩小可用资源的数量,使你很难找到适合你任务的灵感。但是有几个可靠的起点可以帮助你满足客户的需求,同时鼓励你探索新的设计解决方案并推动你的创造力。

记住这一点,这里有17种资源可以帮助你抵消利基项目带来的挑战,并建立你的高级网页设计灵感库。

最佳网站图库

一个由大卫·赫尔曼管理的高质量网页设计灵感画廊。他早在2008年就开始了这个辅助项目,现在他仍然很强大,也许是因为它也是大卫的个人灵感网站。

(仔细想想,这是一个非常好的主意。也许,在这篇文章的结尾,你将会被鼓舞——并且武装起来——开始建立自己的个人灵感网站!)

最佳网站图库,或BWG,使用标签系统,以便您可以根据网站的风格、设计方法、功能等快速找到网站。有超过2000个高质量的网站可以浏览,这很方便。

为什么你应该去BWG寻求网站设计灵感

因为BWG拥有一个庞大、高质量、精心策划的画廊,配有搜索和强大的标签系统。它特别适合:

1.投资组合网站

如果你是那种喜欢参加5月1日重启每年,有这么多其他设计师的作品可以从灵感中窃取是很方便的。

2.代理网站

代理机构倾向于吸引最优秀的创意人员,因此他们的网站通常在网络上名列前茅。这些不仅可以激励你自己的代理网站,也可以激励任何客户、企业或投资组合网站。

3.色彩灵感

BWG让你能够按颜色过滤网站,这样你就可以轻松找到包含客户品牌颜色的漂亮调色板!

CSS花蜜

CSS花蜜美国励志网站经过三重审查。首先,提交一个网站进行审查是要收费的,我认为可以肯定的是,除非人们对这项工作有信心并感到自豪,否则他们不会付费提交。第二,一个创意团队会在每个提交的作品上线前对其进行审核。最后,社区投票决定网站的设计、代码和创意。最佳作品将被授予数字丝带和获胜者页面上的一个位置。

为什么你应该去CSSNectar寻找设计灵感

三个字:三倍。经过审查。内容。

虽然你可以在网上找到人工策划的内容和设计灵感,但一个包括精选专家的三阶段策划过程确实能把精华发挥到极致。

详细的过滤选项

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

Abduzeedo

Abduzeedo在日常生活中提供大量的设计灵感,所以总是有新的东西可以看。因为员工并不局限于网页设计,你会发现这有助于你将个人设计范式拓展到新的维度。毕竟,没什么好说的,你的下一个网站不会受到平面广告的启发,对吧?

你为什么要去阿卜杜勒·齐多寻求设计灵感

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

Abduzeedo不是仅仅数字设计灵感。相反,他们强调从摄影到建筑的一切。正如任何有创造力的人所知,灵感的广度和多样性可以激发解决任何问题的全新方式。

各种各样的格式

Abduzeedo还通过他们工作的各种媒体为他们的灵感游戏带来了多样性。除了日常展示,他们还通过长篇故事、壁纸,甚至IRL活动带来创造力。

网站激励

跑过丹尼尔·豪威尔斯豪厄尔斯工作室网站激励拥有一个巨大的灵感网站库,你可以通过一个广泛的标签系统轻松过滤。一次使用多个标签可以真正完善你获得的网络灵感类型,不同的组合可以产生一些有趣的结果。

为什么你应该去网站灵感获取网页设计灵感

优雅的标签系统帮助您输入正确的灵感。

基于主题的灵感

正如你们自由职业者和代理设计师所熟知的,有时你需要一个特定行业或垂直业务的灵感。无论你需要什么行业的灵感,网站灵感的主题标签都会把你带到正确的地方。

基于样式的导航

有时候,你对一个主题或行业的兴趣不如对整体布局的兴趣,甚至不如对一个特定的设计模式感兴趣。

不幸的是,当你在其他灵感网站上搜索像“不寻常的导航”这样的东西时,结果通常不是你所要寻找的。幸运的是,网站灵感有过滤器/标签,非常适合寻找超目标灵感。

行为–发现

Behance的网页设计发现页面从他们庞大多样的创意社区中很容易找到大量的网页设计灵感。切换您的搜索设置以指定时间范围、流行度和/或位置。例如,您可以搜索“上周在加拿大多伦多最受欢迎的网页设计”,并找到这些结果。如果没有别的,它会让你对世界创意社区的规模和才能有一个全新的认识!

为什么你应该去北海寻找网页设计灵感

鉴于Behance是奥多比公司家族的一部分,它可能是世界上最大、最活跃的创意社区。它极其详细的过滤选项可以帮助您找到任何事你正在寻找,从日本最新的热门字体设计,到墨西哥最热门的用户界面设计,再到你家乡最好的文案。

社区策划的灵感

像“最受赞赏”这样的过滤器让你窥见创造性的集体潜意识,并确保你从最好的角度看到最好的一面。

“使用的工具”过滤器

大多数灵感网站对创作过程中使用的工具是不可知的。不是这样的,这给了你一个方便的方法来查看人们在给定的平台或工具上用它的工具使用过滤器(在“附加过滤器”下)做什么。这是世界上最受赞赏的网络流量项目例如。

Awwwards

Awwwards受人尊敬的奖项系统吸引了最高质量的作品——即那些不断推动艺术和网页设计之间界限的作品。

灵感的质量反映了陪审团的质量。(其中包括网络流量向导蒂莫西·诺亚。)Awwwards已经寻求了一些网页设计专家的帮助来判断每个提交的质量。

为什么你应该去Awwwards寻找网页设计灵感

如果你把Webbys(范围更广一点)排除在外,Awwwards在承认当今产生的最高质量的网页设计方面几乎就是黄金标准。这有几个原因。

专家陪审团投票

虽然大多数灵感网站都是个人项目或辅助项目,但Awwwards已经精心挑选了一个由网络专家组成的陪审团对每个提交的网站进行评估。他们不仅仅根据一个网站的“漂亮程度”来评估它:相反,他们考虑每个网站的设计、可用性、创造力和内容,给每个维度打分,然后计算总分。他们甚至解释评分系统

明细页面的明细

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

广泛标记

最后,Awwwards用一系列术语标记每个站点,详细说明所使用的框架和平台、主色和行业/垂直细节。

编者按:我对Awwwards的一个愿望是,它能给出超过最终总分10%的内容。对那些勤奋的文案和内容丰富的网站来说,这似乎是不公平的。

产品页面

虽然许多最好的设计灵感网站为你提供了大量高粒度的工具来准确找到你想要的东西,但在“偶然”的发现中也能找到深深的快乐。

产品页面提供了一种以提要为中心的设计体验,您可以以列表或网格格式查看,如果您需要一些特定的内容,还可以使用一种简单的搜索工具来加快搜索过程。但我得到的印象是,产品页面的设计者更希望你直接切入主题,这样你就能发现一些意想不到的东西。只要你在寻找产品营销网站的灵感,那就是。

为什么你应该去产品页面寻找网页设计灵感

如果你目前处于设计产品营销网站的早期阶段,这就是你一直在寻找的网站。

营销网站灵感

虽然许多其他鼓舞人心的网站关注更多“眼花缭乱”的页面,但产品页面是(稍微更)直接的设计艺术说服的地方。这里所展示的网站提供了许多伟大的想法,包括展示产品截图的不同方式,如何解决撰写标题的困难过程,以及如何建立强大的导航系统,而不会分散人们对圣杯的注意力:转换。

页面优化的灵感

作为设计师,我们都知道当营销人员寻求帮助优化定价或结账页面时会有多烦人。通常他的名字有点像蒂姆,他总是试图在网站上乱丢颜色鲜艳的按钮。幸运的是,产品页面有定价、结帐和商店页面类别,可以帮助你给出蒂姆给出的丑陋建议。

巨大的不满

有时候,灵感并不来自视觉来源——也不局限于特定的项目。相反,你可能会发现一个激励性的故事,它会推动你在工作和职业上走得更远,这样你就可以设计出新的途径。

在那些时刻,巨大的不满面试可以点燃你的创造力。与成功的设计师、艺术总监、插画师等一起参与问答,深入了解是什么让他们——以及他们的职业——活跃起来。

你为什么要去“大不满”网站寻求网页设计灵感

与设计行业领导者的亲密访谈

有时,设计行业会觉得过于关注具体的东西,如交付品、工作流、工具和最佳实践。

所有这些都是强大的,也是非常需要的,但是它也会让我们忽略像素背后真正的人类——以及那些常常是强大的故事,这些故事引领他们走向了梦想的职业生涯。《巨大的不满》给我们提供了一个难得的、个人的机会,让我们在屏幕后探索更模糊但最终更感性的话题,比如创造力和脆弱性之间的联系、故事的力量以及说不的往往很难的艺术

这是很强大的东西,比16滴糖果能提供的一切都更能激励你。

分开的列表

有时候,灵感以文字的形式出现。甜言蜜语。

从最初卑微的邮件列表开始,分开的列表已经发展成为设计界的一个重要目的地,成为超越标准的高质量文章的可靠来源。

我是说,你好吗阅读出版伊森·马科特的杂志”响应性网页设计“?(如果你最近去过火星,基本上是从“整个响应性设计”开始的。”)

为什么你应该去一个网站设计灵感列表

深入的书面内容

如果你正在寻找2016年的前25个WordPress主题,《分离列表》不适合你。但是,如果你想从网络上最好的设计师那里寻求深思熟虑的、创新的设计,那它就是网络上最好的该死的设计杂志。

野蛮主义网站

这有点抢手,但是:在一个由网站主导的设计世界里,最重要的是,需要吸引新用户和赚更多的钱,布鲁图主义所代表的对UX的原始中指可能有点新鲜空气。

你不会看到很多精致的互动,可爱的排版,或者严格和谐的网格野蛮主义网站。相反,到周日,你会看到网格被打破16次,大量的旧“网络安全”字体的标题,奇怪的基于光标的效果,似乎是为了消除而不是浏览网站似乎是为了攻击感官而设计的滚动效果

总的来说,聚集在这里的网站提供了一个有趣的一瞥,当创造力不需要关注转换时,网络可以是什么。尽管野蛮主义当然不是仅仅探索这个主题的方法,是一个奇怪的令人信服的方法。

为什么你应该去布鲁特斯网站寻找网页设计灵感

真正的艺术灵感

大多数网络是关于自我表达。相反,它关乎增长:新读者、新订户、新客户。它是弹出窗口、广告、收购和赞助内容。

相比之下,野蛮主义正在撕开一个设计师可以随心所欲的空间想要,而不是他们应该。这里创作的作品避开了所有的优化建议和最佳实践列表,而倾向于外观和效果,这些外观和效果与生活在不和谐中,有时与攻击性(无论如何,与预期)相接近。

如果你喜欢看到有创意的设计师被释放,而不担心销售,布鲁特斯网站可能是你喜欢的。

直截了当的有趣设计灵感

布鲁特斯网站的另一个伟大之处在于,这些“未经打磨”的设计是多么奇怪。很容易在它管理的网站中迷失,惊叹于它是多么令人不快(然而,写得真的很好)B4XVI可能是,或者90年代如何——我的空间不,她没有标签是,甚至是多么彻头彻尾好的像这样的网站网络战士是。

野蛮人网站是一个你去找的网站惊喜。其中一个惊喜就是残忍网站离我们有多近其余的互联网——你知道,还没有优化到死亡的部分。

赞美网络

赞美网络是另一个强大的资源,因为它有高质量的精选内容。在网站上搜索被证明比其他网站更麻烦,但是回报是丰富的内容。

为什么你应该去网上欣赏网页设计灵感

特定类别的灵感

钦佩网络本身可能不会赢得任何设计奖项,但它的内容是广泛地标签,所以如果你不介意稍微绷紧你的眼睛,你很快就会发现丰富的主题灵感。

相关内容

我认为现在很多网站需要的是经典的亚马逊风格的“相似内容”虽然当比赛不太准确时很容易被忽略,但当你发现这篇文章真正激励了你时,相似的内容让你很容易继续挖掘兔子的灵感之洞。

法国设计索引

我知道你在想什么。但是你真的不需要知道语言来享受这个网站。

法国设计索引遵循一个熟悉的设计奖项结构,类似于Awwwards的,只是多了一点利基,并以全法国评审团评估的法国设计师的作品为特色。

从好的方面来说,只有少数网站实际上使用法语,所以如果你在灵感中真的需要英语,那你就走运了。然而,考虑到网页设计的很大一部分是围绕文本展开的,看到语言如何影响设计是令人着迷的。

为什么你应该去法国设计索引寻找网页设计灵感

管理水平

像Awwwards一样,法国设计指数是有陪审团的,也是众包的,这可以建立你对特色产品质量的信任。

延伸你的设计语言

如果网络真的像许多人抱怨的那样变得“同质”,那可能只是因为我们都在寻找相同的灵感来源。从你的设计舒适设计中获得一点点,即使只是到法国,也能帮助你拓宽视觉参考库,从而给你的工作带来更多的创造力。

模板怪物

当你寻找创意灵感时,主题商店可能不是你首先想到的地方。毕竟,这些设计倾向于视觉光谱中更普通的一面。

然而,模板怪物可能是一个非常有效的起点,因为高质量的主题往往有非常好的架构,并且经常关注最佳实践。

通过回顾主题的内容结构和设计模式,使用主题作为灵感,然后根据项目的需要,运用你自己的创造性思维。

为什么你应该去模板怪物网站寻求设计灵感

最佳实践的质量灵感

虽然设计“最佳实践”可能因行业而异,而且往往更多地建立在猜测和传统上,而不是分析上,但它们非常值得探索——尤其是当你为一个陌生的行业设计东西时。几乎每个垂直方向都有超过25k个模板,你一定会找到一些有用的东西。

编者按:其他受欢迎的主题商店,从像主题森林这样的巨头到像像素联盟这样的精品店,也是寻找灵感的绝佳场所。

Pttrns

我知道你在想什么:为什么一个关注移动应用设计的网站会出现在网页设计灵感列表中?!

首先,在这里Webflow,我们都是关于响应性设计。因此,任何移动应用都可以成为你较小断点设计的绝佳灵感来源。另外,如果你稍微远离媒体,不难想象移动设计模式会如何影响你的大屏幕设计。

此外,Pttrns的特点是每个精选的应用程序都有更多的屏幕,因此您可以轻松地更广泛地了解设计模式如何在多个环境中运行,并在流程中创建一致性(或引入差异)。

为什么你应该去Pttrns寻找网页设计灵感

聚焦模式

与许多其他网站不同,Pttrns关注(令人惊讶的)设计模式,将特色应用分成“确认”、“请求许可”和“活动订阅源”等类别因此,如果你在互动或流程的一小部分中寻找灵感,Pttrns将为你提供最好的结果集合。

聚焦移动网络

虽然Pttrns中的许多设计和故障都是本地应用程序,但我们都知道如今移动网络与本地应用程序相当,所以从这里获取移动网络布局灵感是很棒的。

设计灵感

设计灵感就像设计世界中的Pinterest,因为它是一个简单的大规模、社区管理的反馈,你可以一次投入几个小时。它不关注任何特定形式的设计灵感,但如果你愿意,它会给你工具来关注特定的主题。

为什么你应该去设计灵感网站

保存内容

很少有管理网站会添加个人元素,让你保存那些激励你的东西。设计灵感不是关注短暂的、基于项目的灵感,而是让你建立一个个人的灵感网站缓存,并根据你的喜好调整它的反馈。当然,这有好有坏,但有时没有什么比一条小溪更适合你了。

Calltoidea

这绝对是我最喜欢的一个——部分是因为你可以把它当作一个实用工具,而不是被动的灵感工具。Calltoidea为设计师职业生涯中可能遇到的几乎每一页都提供网页设计灵感。Calltoidea包含从404页到管理仪表板的所有内容,可以帮助您找到伟大的设计,在您需要的时候构建或偏离这些设计。

你为什么要去卡勒托伊迪亚寻求网页设计灵感

页面类别的强大分类

作为设计师,我们有时会陷入真正有趣的工作中,比如主页,导致我们不太关注那些在关键/情感时刻(比如登录、404、定价等)影响访问者的重要但“无聊”的页面。)。

许多灵感网站在这类页面上有所欠缺,但Calltoidea只关注那些页面——这样你就可以确保在那些关键的页面上放入一些你最好的作品。

选择代理/设计师组合

‍Hard的五角星出现了问题。

鼓舞人心的机构和创意也能帮助你找到你的项目可能需要的火花。然而,你更喜欢哪种投资组合,哪种投资组合也能回归,可能会更私人一些,所以建立你的储备需要一些工作。创建一个投资组合列表,以节省未来的时间,并在您发现更多信息时添加到列表中。以下是启动您的收藏的几个步骤:

  1. 大水滴
  2. 五角星形
  3. 沉浸式花园
  4. Ryan Gittings
  5. Meagan Fisher

奖励:网络流量展示

好吧,也许我们有点偏见。但是我们绝对相信我们自己的显示优点的东西部分包含足够的灵感,可以让你一次储存几个月。此外,这是一种不用编写代码就能看到使用Webfl


我们在微信上24小时期待你的声音
解答:网站优化,网站建设,搜索引擎优化,APP 开发,小程序开发

非常感谢您有耐心的读完这篇文章:"网页设计灵感的17个惊人来源",此文章仅为提供更多信息供用户参考使用或为学习交流的方便。如果对您有帮助,请收藏我们的网址:https://www.91webs.cn


18617670560