高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

获奖网页设计范例(热门)4篇

2024年获奖网页设计范例 篇1

题主没说是哪方面的设计,综合的可以上pinterest看看,瀑布流推荐适合设计创作时寻找灵感,缺点是需要k学上网...

2024年获奖网页设计范例 篇2

给你的建议是,好好规划下自己的设计之路。从头到底理一遍,看看自己哪里不会。想成为一个优秀的网页设计,关键在于你定的优秀有多高。每个人对于优秀的标准不一样。多上网站看些获奖的作品。看看别人为什么能获奖。至于排版。配色,,,一些网上也有。多看看,多练练。

2024年获奖网页设计范例 篇3

插画

01

Flow Lava

https://flowlava.club/

一个免费的插画库!

02

Open Peeps插图库

https://www.openpeeps.com/

60万个手绘人物插图库,免费可商用

03

undraw

https://undraw.co/illustrations

这是一个插画网站,每幅画都是作者自己话的不定时更新,大多都是扁平化PNG图。

04

Tim Ruffle

http://www.timruffle.com/

插画设计-提供丰富的原创动漫、插画、动态漫画等,各种非常有创意的作品集合

创意

01

abduzeedo

https://abduzeedo.com/

设计灵感网站。涵盖建筑、图书、品牌、设计以及其他领域,除了看到这些精彩的作品外,你还能看到作品背后的创作过程。

02

BODIES IN MOTION

bodiesinmotion.photo

BODIES IN MOTION 是英国著名的设计师、摄影师、雕塑师斯科特·伊顿的网站,旨在记录人体动态姿势的力量和美丽。

03

Creativen Boom

https://www.creativeboom.com/

《Creativen Boom》是英国的一家成立于2009年创意行业杂志,以艺术,手工艺,设计,插图,摄影为重点,其中插画专题栏介绍。介绍了大量插画类别的优秀内容,每一个插画专题点进去都有对插画师的介绍,以及插画背后的故事,可以激发你的想象力。

艺术

01

Colossal

https://www.thisiscolossal.com/

展示各类艺术作品,雕塑、绘画甚至科技创新也有涉及。

02

Artparasites – How Art you today

http://www.artparasites.com/

柏林艺术网站,聚焦城市艺术。作品与都市生活息息相关,一个风格独特的艺术网站。

03

streetartutopia

https://streetartutopia.com/

街头艺术乌托邦 ,展示世界各地的街头艺术。

04

American Art Collector

https://www.americanartcollector.com/

美国艺术杂志,包含世界级藏品的解析。

素材

01

pngimg

http://pngimg.com/

一个很优秀的免抠PNG图片网站,

上面收藏了近8W的免抠素材,

直接下载就可以使用。

02

stickpng

https://www.stickpng.com/

StickPNG 是一个免抠背景图片的素材网站,网站所有图像都是已经去背景,无需再次抠图,同时这个网站拥有多种流行常用的分类资源,目前已有数28000+张透明 PNG 背景图像免费下载。

03

iconstore

https://iconstore.co/

IconStore 是一个提供一流的免费图标包素材的站点,汇集了很多优质的icon素材,设计师可以自由下载使用,适用于网页设计、移动端设计等,所有的素材都是由设计师自愿分享的,发布日期、尺寸、数量、文件类型、所属设计师等信息比较详细。

04

Flow Lava

https://flowlava.club/

一个致力于帮助网页设计师、产品设计师寻找最优秀的网页素材、优秀代码、免费字体及其他各种资源的站点

网页

01

awwwards

https://www.awwwards.com/

Awwwards是一个专门为设计精美bai的网站以及富有创意的网站颁奖的du网站,Awwwards上的获奖网站来自zhi全世界优秀的网页设计dao师之手,网站每天评选出一个“Site of the Day”。如果你想学习国外优秀设计网站的设计思路,可以从Awwwards找到大量的实例。

日本风

01

Flow Lava

https://flowlava.club/

Webデザインリンク集:一个日本的优秀网页赏析网站,非常精美

02

Cinra

https://fcinra.net

日本网站,分享设计师专访,帮助了解设计师思维演进过程

03

Straightline

bm.straightline.jp

这是一个收藏日本优秀的商业、企业、创意、艺术、购物等领域的网页设计集合网站,风格包罗万象,非常值得一看。

04

日本デザインネットワーク(日本设计网)

https://www.japandesign.ne.jp/

这个网站包含的门类较多,有艺术、图形设计、建筑设计、建筑、映像、照片、媒体设计、时尚、娱乐等等,还有关于日本各大学学生的毕业作品展,它是一个制造、使用、思考人的设计信息网站。通过这个网站你可以找到其他与之相关的设计类网站,如同泉水源源不断,而且不需要翻墙就可以浏览,很棒的!

05

日本デザインセンター(日本设计中心)

Nippon Design Center, Inc

https://www.ndc.co.jp/

这个网站,网页简洁,不像国内的一些网站,满网页密密麻麻的,还时不时冒出个网游广告和色情小广告啥的,比如淘宝,眼花缭乱的,看着都烦,更别说购物了。这上面主要是一些设计方面的作品,包括建筑、室内、平面、工业等等。个人觉得非常不错,开眼界,推荐给大家,此站不需要翻墙也可以浏览,但是打开较为缓慢,最好是翻墙看吧。如果不懂日文也没关系,网页右上角可以切换成中文页面。

此站,也是包罗万象的感觉,同io3000站一样。值得一提的是日本网站的设计风格很多已经使用新的网页设计趋势,如视差滚动、全屏背景、全屏视频等等,很少使用Flash,特别注重网页的配色、版式和交互设计,整体网页布局新颖,不少网站使用了可爱的漫画式手绘风格。

07

日本设计网

デザイン情報サイト[JDN]

https://www.japandesign.ne.jp/

该设计网站包含诸多门类,可以给各行各业的设计师们提供灵感。通过这个网站还可以找到其他与之相关的设计类网站,超方便!

更多艺术留学知识关注公众号:KDA课达艺术空间

2024年获奖网页设计范例 篇4

身为一名有追求有理想的艺术生/艺术家,你有没有想过为自己做一个个人网站?

别再觉得拥有个人网站是个遥不可及的事啦,只要你积累有一定数量的作品,你就值得拥有一个属于你自己的个人网站。建立个人网站不仅能更好地与人分享你的作品,也能帮助你梳理自己的创作经历、甚至明确未来创作方向。

但做个人网站可不仅仅是做完就完了,怎么知道自己的作品能被多少人看到?怎么获得更多的关注?怎么从众多的设计师网站中脱颖而出呢?

别急,下面一点一点告诉你~

波士顿大学的创意总监,作家,营销人员和广告教授 Edward Boches 曾建议:

答案可能仍然关于你的创意。能够提出一个原创的、相关的、有用的、有价值的想法,无论是广告、应用程序、体验、视频、还是数字平台,都能让人眼前一亮。

因此,当你已经有了一个目标,or 有很多创造力和原创想法,如何用你的才华打动申请学校的老师或创意总监惊叹呢?

中维尚谷总结了10个小tips,希望能助你上热搜!

Tips1

仔细考虑你要发布什么样的作品

切记不要将你创作的每一个作品完整地放在网上。

要知道,没有人会花费半天的时间一一浏览你的所有作品,尤其是公司的HR或者学校的老师,他们只会快速浏览感兴趣的作品。

举个例子,比如Liz Grant 的个人网站看起来就很清晰、简洁、美观,每个作品间都留有空隙,页面看起来不会十分拥挤,并且导航也很清晰。

这里特别要注意的一点就是——

你在网站上放了什么作品,就会吸引相关的人去看。

因此你要将每个作品中最主要的部分展示出来,能让阅览者清楚地明白这个作品想表达的是啥。

同时,如果你不想要某种类型的客户,那就不要在你的网站中显示该类型的作品。

\\

Tips2

仅挑选那些最棒的作品

展示你认为最棒的设计,突出你最厉害的一面。尤其是那些项目获得很多好评并取得了不错成绩的优秀作品。

再举个例子,比如Nowhere Famous 机构的作品:

图片来源:Nowhere Famous Agency / Portfolio

他们的网站整体突出了他们最强大、最美丽的作品,优秀的内容会吸引阅览者忍不住继续往下看。

Stefan Lucut的个人网站也仅展示了一部分作品:

图片来源:Stefan Lucut / Portfolio

Stefan Lucut的个人网站就像小画廊一样,东西不多却十分整洁精致。

总之,集中展示最核心的优秀内容,不需要展示全部,没那么好的作品次要展示。人们能真正投入的关注时间很短,特别是在网络上,不要试图让他们浏览大量的项目来挖掘你的闪光点,而是要将你的闪光点主动拿出来放在人们眼前。

\\

Tips3

展示你最独特的创造力

富有创造力的独特作品往往能够引领行业的潮流,不要重复其他人也会做的事情。当人们看到独特的、有创造力的作品时,一定会在第一时间被吸引。

例如,Duoh!的整个网站就有它的独特性:

图片来源:Douh! / Portfolio

Duoh!的网站的独特之处还在于——当用户上下滑动网页的时候,图上的人物也会做出相应的变化,为阅览者使用网站的时候增加了一些娱乐性。

\\

Tips4

Go for variety(多元化)

最好不要只包括一种设计形式,比如仅有网站设计作品或者仅有插画设计。当然,尽管网站上呈现的内容是多元化的,但在首页的呈现上也要保证他们看起来很协调。

艺术总监和设计师 Corina Nika 的个人网站中就包含了各种各样的项目,而且每个项目都很好地融合在了一起:

图片来源:Corina Nika / Portfolio

Studio Mast 的网站也同样包含各种各样的内容,并且所有项目的纯色背景放在一起也都很和谐:

图片来源:Studio Mast / Portfolio

\\

Tips5

思考放多少个作品合适

这个问题,不同的人可能会有不同的答案——但橘长的建议是6-15个。

首先,质量要比数量重要得多,如果放很多很容易分散阅览者的注意力,那样的话,无论你的作品多么出色,阅览者在退出网站之前仍然只会点击少数几个项目。

如(下)图,设计师 Olly Sorsby 的网站设计的就很巧妙:

Olly Sorsby首先展示了一个最有特点的作品来吸引人们的注意,然后又展示了一些其他项目。

图片来源:Olly Sorsby

使用这种格式可以将阅览者的注意力直接吸引到设计师最希望别人看到的项目上,不会让人不知所措。

\\

Tips6

选择高质量图片

即使你的作品集是完全线上的作品集,那也保不齐之后你会需要一本打印的作品集。所以,无论你是否需要把作品集打印出来,高清的图片都会让你的网站看起来更加专业,显得“高大上”。

此外,清晰的特写也很适合在社交媒体上分享,人们的视线很容易被吸引过去。

下图中,作品的设计师 Coco Tafoya 认为,要尽量保持作品集的格式一致,如果可能的话,结合精美的摄影和工作照片会更加吸引人。

图片来源:Miss Mordern Design House / Portfolio

而Nainoa Shizura 的作品就以惊人的大型高分辨率作品为特色。

图片来源:Nainoa Shizura

\\

Tips7

保持作品的新鲜度

尽量只呈现3年以内的作品。

趋势和技术都在快速迭代变化,作为一个设计师,相信你更不会想要留给别人一个看起来过时的印象。

像设计师 Robert Gavick 创造的这个单页就会让人觉得很时尚:

图片来源:Robert Gavick

\\

Tips8

少即是多

一旦你将所有需要放在网站上的作品都选好,接下来要考虑的就是怎么把各不相同作品统一成一个风格,形成自己的品牌风格。这点很重要,你肯定不会想让你的作品集看起来像一组多人创作的作品。

如下设计师Jessica的个人网站作品:

不仅保持了首页的整洁干净,还让每个作品形成了一致性,给人一种看到这位设计师的系列产品的印象。

\\

Tips9

确保每个作品互相切换的一致性

并不意味着你必须将所有网页设计或者logo放在一起,还是得看颜色和构图怎么协调。

Down With Design的网站首页展示了切换作品时页面状态的范例:

图片来源:Down With Design

直到它们被翻转前,图像都保持一致,看着感觉很舒服,而不会让浏览者不知道该看什么。

\\

Tips10

网上作品集 or 打印作品集?

上文说了这么多关于做个人网站的小技巧,橘长还是要另外补充一点,

虽然现在大多数设计师都在使用在线作品集,但你应该考虑为面对面的interview准备一个打印的作品集。

打印的作品集在面对面交谈的时候可以十分有效果的利器哟~好印象就是从手指间那份沉甸甸地作品集中流露出来的!

例如下图这个由Abra Design设计的作品集:

图片来源:Abra Design

像一本最近刚出版的杂志。或者你可以将作品集有创意地制作出来,像创作一件精美的作品,让它本身就是一件艺术品。

总的来说,无论是作品集还是个人网站,都是一个设计师创意的支柱,它是着你熬夜加深的黑眼圈,掉的每一根头发,留下的每一滴汗水!所以,好好经营自己把,就像经营品牌那样~

get到这10点精髓,就可以去炫耀自己的实力辣!

猜你喜欢

热门内容