2024年网页设计赏析68 篇1
请报上你能从图上看到的花瓣数目，答对有奖哦！！
其实UI设计也没有那么的让人望而却步，只要自己有执行力能一直坚持下去，相信高薪也会为你打call！（噗）
好了开个玩笑，咱们开始步入正题吧，想要成为大神的小伙伴们快拿出自己的小本本，好记性不如烂笔头，记笔记啦！
一.收集创意
即使有再好的记忆力，任然不能保证你想要的创意信手拈来；即使你有过目不忘的本领，但是对于灵活多变、创意无限的设计画面来说任然有很大的空间。所以，收集创意就显得格外重要了。
UI设计师们应当拥有的第一个好习惯，一定是收集创意。从业三年左右，创意素材不超过20GB都说明你浏览的太少。当然，我们说的是尽可能精选优秀的作品，而不是滥竽充数的东西。那小伙伴们就会问，创意素材从哪里来呢？在这里我呢就推荐几个非常值得去的地方。
①behance（www.behance.net）
www.behance.net
behance网站被adobe收购以后其定位是设计师交流和聚集的平台，在这里可以收集和发布作品，除了可以浏览全球设计师的项目以外，还能够把自己的作品展示给全世界。behance的设计范围没有限定，从平面到界面，从摄影到装修，从插画到动效，只要和创意有关则无不尽揽。不夸张的说，很多互联网流传的非常优秀的全球作品一大部分都来自这个网站。因此，可以说behance绝对是所有UI设计师们必须要知道的设计平台，让你计算机的文件夹塞满behance网站的作品吧！
②dribbble（www.dribbble.com）
www.dribbble.com
又称为篮球馆，其整个发布和浏览作品的逻辑更像是打一场篮球赛。说到dribbble，作为想成为UI设计师的朋友真的要好好关注一下，这个平台更加专注做UI方面的工作展示，从拟物到扁平各种引领设计风格的作品都来源于此。dribbble和其他平台不同，它需要受到现有用户的邀请，才能注册发表作品，否则只能浏览，在火热的时候，一个dribbble的邀请码被炒到1500元人民币。更有很多大型互联网公司凭借入职送邀请码作为福利，并且也以是否有正式账号来评估设计师的能力，看似可笑，但却是存在过的不争事实。现在由于开始控制邀请码，俨然变成一码难求的状态了。
③pinterest（www.pinterest.com）/ 花瓣（www.huaban.com）
同样搜索“游戏UI”pinterest的搜索结果会更加优秀和全面于花瓣
国内一个非常著名的网站叫作花瓣，它的原型就是国外的pinterest。这两个都是不错的网站，如果你关注了几个比较热心靠谱的人，他们的分类标签和整理足够你日常的收集了。这两个网站的内容主要来源于所有互联网甚至包括某个个人的博客等，你可以通过网站中的收集链接源寻找所需内容。其实就国内来说，花瓣足够使用了，但是相对来说比较杂乱，如果是初级的设计师，那么很难分辨作品的优劣，或者说，这两个网站更适合中高级设计师归类和整理。
④站酷（www.zcool.com.cn）
www.zcool.com.cn
在国内，目前最大的设计师交流平台一定当属站酷了。尤其是推出了app应用以后，更把设计师交流平台推上了一个新的高度。原本以提供免费素材起家的站酷，如今也变成了国内各大优秀设计师聚集之地，也有非常多的国内设计师发布作品。如果你非常忙，那么每天抽出15分钟浏览一下当天的首页推荐作品也足够了。更何况国内很多设计大赛也都在这个平台上举办，还有很多和我一样的热心作者在其上面发布很多与设计相关的经验文章，相信对初中级设计师都有很大的帮助。总之，在国内，有一个站酷的id账号一定不是错事。
⑤其他 还有很多其他的平台供大家选择，比如awwwards 、mediaqueri 、the fwa、ui中国、优秀网页设计、68design、lofter等。如果有自己常年浏览的网站也不必刻意局限于这里介绍的网站。如果找不到非常好的，那么每天逛一下我上面推荐的5个网站，一定会让你受益的。设计师必须保持时刻关注和了解现如今的潮流动态，这样才能成为一个不跟风的设计师。
今天就先写到这里了，剩下的好习惯会在后续的更新中为大家呈现哦，也要我来一句“欲知后文内容且听下回分解”过过瘾吗？哈哈 ~喵喵 希望大家喜欢~
二.管理资源
只是把图片保存到一个文件夹里，可不是管理资源。
杂乱的收集方式使每次寻找时都会从头到尾看一遍只需要比随便存
管理资源是为了节约更多的时间成本。有没有遇到过，当自己想找一些相关类型比如app界面时，打开文件夹看到几万个图片只能一个个地浏览了，这简直是在浪费时间。我们并不是说看这些作品是浪费时间，而是指在做相关的创意时在其中提取灵感，这样做是浪费时间。你本可以花10分钟看完整理好的同类型文件，然而你却变成需要一个小时甚至几个小时的时间来从头到尾“走马观花”地看一遍，收效甚微并且意义不大。所以，把你收集的类型归类就变得尤其重要。
清晰的管理方式可以使自己的工作效率大大提升
管理资源不仅仅是收集素材，在做项目设计的时候同样重要。很多人习惯在做设计的时候，创建一个项目文件夹，然后里面布满了收集的竞品分析、需求文档、设计源文件、输出文件、切图文件等，最终不断地修改，最后自己都分清了。更有甚者，由于自身工作性质的原因，需要寻找当初自己的设计内容时完全找不到，比如公司需要你几个月前设计的相关资料，而你自己也比较清晰地记得是2015年2月份左右的设计，可是所谓的文件夹分类排名未必那么精准，而你又没有很好地命名，最后的结果就是漫无目的地逐个查找。而需要你相关资料的同事或者领导，在你身边看你只会觉得你是一个特别不靠谱的人。如果情况特别着急，那真的会让别人对你的好感度下降。
笔者习惯把工作内容以时间、项目名称作为命名，这样向前可以以时间为单位寻找，向后以项目为单位进行查找，分类清晰明确，每次需要的时候总是会在一分钟之内找到。
这个习惯从大学时就已经养成
这里要自夸一下这个习惯给我带来的好处。几年前参与了美的客户的app项目，作为项目指导，为美的副总等人做项目讲解及汇报，其中一个环节是在投影我笔记本中的ppt时，他们需要查找一下以前的资料，而在场所有人看到了我对项目文件夹的分类。当天汇报完毕后，项目不仅顺利拿下，并且追加了两个新的项目。当时对方握着我的手说：“小伙子，你不仅用你的设计和解说说服了我，更让我对你产生信任的是你的这种责任感和好习惯，我相信这样的人一定能很好地完成我们的项目。”再后来，当美的了解到我离职原公司以后，还通过一些方式找到我，他们自己组建ued团队，希望以高薪聘用我去管理团队，因为曾经的一次接触，使他们对我的印象非常深刻。
只是一个小小的契机，然而却给自己带来了更大的利益。很多朋友都说自己没有机遇，运气太差，我想反问一下，当机遇来到你面前的时候，你准备好了吗？你有能力、有资格去抓住机遇吗？别抱怨自己运气不好，只是你的习惯不好。
大家喜欢的话可以留下您宝贵的意见，也可以关注公众号：【UI设计学习教程分享】获取更多内容！
2024年网页设计赏析68 篇2
插画
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/
这个网站，网页简洁，不像国内的一些网站，满网页密密麻麻的，还时不时冒出个网游广告和色情小广告啥的，比如淘宝，眼花缭乱的，看着都烦，更别说购物了。这上面主要是一些设计方面的作品，包括建筑、室内、平面、工业等等。个人觉得非常不错，开眼界，推荐给大家，此站不需要翻墙也可以浏览，但是打开较为缓慢，最好是翻墙看吧。如果不懂日文也没关系，网页右上角可以切换成中文页面。
06
日本设计网
デザイン情報サイト[JDN]
https://www.japandesign.ne.jp/
该设计网站包含诸多门类，可以给各行各业的设计师们提供灵感。通过这个网站还可以找到其他与之相关的设计类网站，超方便！
更多艺术留学知识关注公众号：KDA课达艺术空间
2024年网页设计赏析68 篇3
设计师必备的灵感网站大集锦，双手奉上，已做好分类。
因为设计师的专业分类很多，有室内设计师、平面设计师、工业设计师、软装设计师、UI设计、动效设计等，所需要的网站元素也不同，从灵感搜集、字体、配色、Logo素材，设计师门户网站等等这里统一汇总，整合国内外优秀设计网站，还用愁做设计找不到灵感、资源吗?
一、图片灵感素材网站
1 million+ Stunning Free Images to Use Anywhere
国外无版权图片素材网站，打开速度很快，图片数量多，还是免费！缺点是质量层次不齐，需要耐心检索。
2、 Awesome Wallpapers - wallhaven.cc
这个网站绝对是业内良心，超多高清图片素材，壁纸级的图片。
3、 Beautiful Free Images & Pictures | Unsplash
Unsplash的图片质量同样很高，很多都是摄影作品。除了不可以将图片转载到其他图库外，可以自由使用并且无须标示出处来源。
4、 Gratisography - Free High-Resolution Photos
一个摄影师的个人网站，很多夸张风格的图片素材，包括人物风景等等，想要找一些“震撼”的图片，不妨来这里看看。
5、 Free stock photos · PexelsFree stock photos · Pexels
也是一个非常老牌的国外图库了，各种尺寸比例的图片都有，但是好图片也需要大家仔细去淘。
二、字体设计网站1、VAU Fonts
英文艺术字在线生成只需将英文字母输入至文本框内，可以调整样式，颜色，间距等等，简单实用。
三、平面设计网站
1、designspiration.com/
帮助用户发现和分享世界上最伟大的设计资源，采用瀑布流的展示效果来展示每天都会更新的设计资源，只要收集的内容有建筑、插花、平面设计、创意组合等图片资源。
2、ollymoss.com/
这是一个平面设计师必备的网站，平时也经常去逛，里面收录了很多优秀的海报，作品都很优质，点击相应的海报，会列出该海报的介绍，来源以及作者
3、arting365.com/
Arting365”是一个关注全球设计影响力的媒体平台，依托于全球设计文化对各个领域的影响，及庞大和活跃的用户群表现出极强的互动性，用不同的观点，出色的内容，聚焦全球设计文化资讯
4、voicer.me/
VOICER是一本分享生活美学的在线杂志，它是由一群广告人、媒体人、设计师共同创办的，你可以在网站上看到很多与设计相关的新颖观点、新鲜资讯。
5、mydesy.com/
台湾灵感创意资源网，有点类似于咱们的UI中国，是一个集合了个多种设计品类的交流平台，在台湾本地，号称是找灵感仅用这一个网站就够了。涵盖了素材、网站、影片等。
6、freepik.com
Freepik——一个超良心的免费图片素材网站！，于2010年推出，用户可以免费下载Freepik分为矢量图、psd模板、icon、高清素材图、会员专区等素材。
7、theultralinx.com/
TheUltralinx这是一个具有创新性和创造性的移动用户界面UI模版分享博客网站，汇集了众多的优秀设计作品，包括安卓、iOS、Windows、WEB等设计作品，多数作品都是由设计师们提交上来的。
8、artemperor.tw/
非池中艺术网是台湾最知名的艺术网站，也是台湾最多人看的艺术网站，关注国际艺术动向，提供即时艺术新闻、艺术展览、艺术影音报导。看非池中艺术网，认识艺术、掌握艺术时事与各地展览。
9、magdiellopez.com/
一年365天，每天坚持出一张海报，产量颇高！上面的风格独特，色彩绚丽，创意俱佳。
10、优设网
上面有许多的设计干货，现阶段属于免费阶段，缺点可能就是没办法登陆收藏自己想要的干货，不过收藏网页也是一样的
11、Adobe Create Magazine，
Adobe的官方站点，有很多的国际顶尖PS大神都会在这里分享自己的作图过程。
12、像素蜜蜂
国内正版图库，但是，emmm，非免费
13、图虫创意
也是一个正版图库，同样的非免费
14、FOTOR懒设计
比较适合偷懒的时候使用，不用开PS，可以直接在线设计
15、UI中国
一个比较优秀的设计分享网站，可以在上面看些大牛的UI设计
四、图标类
1、Icons Archives - Freebies Gallery
生活、工作、社交、旅行等小图标
2、Free PSD & Graphics, Illustrations
各种实用的小图标应有尽有，游戏音乐，以及杂七杂八的小图标，在这里可以找到。
3、、Iconfinder - 1,575,000+ free and premium icons
小图标是有的，看你需不需要。
4、 Iconfont-阿里巴巴矢量图标库
数量非常多，还支持批量下载和在线修改颜色。
5、Icon Font, SVG, PDF & PNG Generator
这个网站支持一键批量下载、转化为字体文件，但是数量没有前面两个网站多。
6、 iconninja.com
包含了近10万免费图标素材的搜索引擎，各种类型的图标素材都有，并且尺寸格式也都很全。
7、human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
来自日本的免费火柴人图标素材网站，各种姿势各种动作的小人可以下载，缺点是只支持英文和日文搜索。
五、灵感类
1、behance.net
2、dribbble.com
3、abduzeedo.com/
4、thefwa.com
5、awwwards.com
6、artstation.com
7、designspiration.net
8、booooooom.com
9、trendlist.org
10、ello.co
11、huabanpro.com
12、pinterest.com
13、zcool.com.cn
14、gtn9.com
15、scene360.com
16、bestwebsite.gallery
17、365awesomedesigners.com
18、theinspirationgrid.com
19、thisiscolossal.com
六、室内设计
1、美间
优点：中文版本，软件的服务器在国内访问速度快，国内的单品能找到品牌供应商；
缺点：高质量的图少，软件不够流畅，功能不够强大；
2、board
优点是：灵感图片多，可手机上搭配方案，操作流畅；缺点是：不落地，英文版本使用略不方便；
3、neybers
4、AD安邸
5、德国室内设计网
6、pinterest （现需要翻墙）
7、inspirationgrid
8、behance
七、配色网站
1，Color Hun
2，uiGradients - Beautiful colored gradients
3，http://nipponcolors.com/-日本的，不要太强
4，配色工具-专业的配色工具大全-千图网www.58pic.com-挺好用的工具
5，Colours-可以查看其它网站配色
6，The Color Scheme Designer
7，Free Gradients Collection by itmeo.com-关于渐变
八、配图素材网站
1、visualhunt.com/
包含了3亿张图片，而且能免费下载，都是一些高清摄影图，采用和花瓣一样的信息流模式，浏览起来毫不费力
2、imcreator.com/free
界面做了分区块处理，可以很快速地根据类目搜索自己想要的图片，图片涵盖范围很广，有高清摄影图，也有很多排版模版可供参考
3、nos.twnsnd.co/
非常有格调的老照片网站，还有一些具有时代感的插画，部分下载需要付费
九、矢量素材
1、HD png images and illustrations. Free unlimited download.
最喜欢的一个PNG图片素材库，网站有近30万张图片素材，并且虽然是国外的网站，但是图片下载速度非常快。
2、PNG images with transparent background
同样是国外的网站，一个拥有近5万张PNG素材的图片库，素材完全免费并且在首页就设置了清晰的分类。
3、unDraw | Colorful illustrations
素材的风格样式比较统一，支持修改颜色，支持下载SVG格式。
4、 Freepik - Free Graphic resources for everyone
超大型的矢量素材手机网站，支持分类以及搜索，大部分素材免费可商用，但缺点同样是好的素材要花时间找。
5、千库网（千库网_免费png图片背景素材下载,做设计不抠图）
6、 PNG images | 70,000+ Transparent Free PNGs | Cossyimages Ltd
7、 Millions of PNG Images, Backgrounds and Vectors for Free Download | Pngtree
8、Stickpng.com
9、Download Transparent Free PNG Images
十、资讯类
1、voicer.me
2、topys.cn
3、hypebeast.cn
4、wallpaper.com
5、vice.cn
6、japandesign.ne.jp
7、designmattersmedia.com/
8、simple-style.com
9、theultralinx.com
10、mymodernmet.com
11、weandthecolor.com
12、creativereview.co.uk
13、designfacts.org
14、aotu.io
15、artupon.com
16、99u.adobe.com
17、design-milk.com
十一、视频素材
1、 Extraordinary Free Stock Footage & HD Video Clips
超级良心的免费视频素材网站，一键下载并支持预览，做视频或者是作为PPT的动态背景都能使用。
2、 https://www.pexels.com/videos/
3、 Free Stock Video Footage & Motion Graphics Download HD & 4K 、
4、 https://www.vidsplay.com/十二、LOGO&ICON类
1、instantlogosearch.com
2、thenounproject.com
3、logobook.com
4、iconfinder.com
十三、纹理背景
1、Subtle Patterns
一个经典的纹理素材网站，样式多品质高，点击图片即可预览效果。
2、 Welcome to nginx!
非常小清新的一个素材网站，纹理样式多，提供了瀑布流的预览方式，同时也支持直接搜索。
3、Pattern Library
数量不多，但每个都是精品。默认提供大图预览方式，点击右侧的功能键也可以查看全部的纹理图案。