有哪些不错的网页设计素材网站？

时间：2024-02-17 09:50:01 | 来源：网站运营

时间：2024-02-17 09:50:01 来源：网站运营

有哪些不错的网页设计素材网站？：抖了抖收藏夹，发现自己经常看的网站应该都是你想找的网站，非常多，建议码！

灵感类网站集合

1. Dribble

https://dribbble.com/










推荐理由：Dribble应该算是最大的互联网设计作品共享网站了，内容涵盖了交互、UI、平面、插画、动态视觉、多媒体、摄影等等多方面的设计师作品，在这上面你可以看到设计师作品的精彩页面，能通过作品认识世界各地的设计师。

同时，你也可以上传自己的作品，看看大家都是怎么评价的，很多设计师都是通过这种方式优化自己的方案，甚至接到了其他约稿～

2. Behance

https://www.behance.net/










推荐理由：

Behance上的作品种类就更加丰富了，不仅有上面提到的交互、视觉、多媒体等作品，还有建筑设计、工业产品、品牌等其他设计领域作品，为你提供多角度的思路。有的时候，灵感往往来自于不经意间看到的事物～

3. Awwwards

http://www.awwwards.com/







推荐理由：Awwwards是数媒领域的一个大奖，网站上展示了历年的获奖作品，其中包括网页设计、多媒体设计、交互设计、平面设计等等。在赏析这些精美的获奖作品同时，你还可以了解当下的设计趋势。

4.The FWA

http://www.thefwa.com/







推荐理由：FWA（ Favourite Website Awards）是英国老牌的全球minisite酷站，展示作品比较重视新技术运用于互动中，视觉重视创意表现，其中很多商业设计值得借鉴。

网站上有300多位评委老师，你可以上传作品看到他们给作品的打分情况。

5. Site Inspire

https://www.siteinspire.com/







推荐理由：Site Inspire的特点是收录网站多——收录了2500+个网站设计，并且可以按主题、类型以及风格来进行搜索你想要的灵感。

6. straightline

http://bm.straightline.jp/







推荐理由：Straightline是一个日本的网页视觉设计汇总网站，日本的网页设计风格没有欧美的注重质感和视觉冲击力，是属于超级耐看型，汇集了很多很棒的设计，资源也比较丰富。

7. pttrns

https://pttrns.com/










推荐理由：Pttrns很像是交互设计版的pinterest。网站收集了一千多个App设计模板和产品流程截图，而且还在不断更新中。这些模板截图按照App的功能或者截图的类型分类。

另外，还可以通过放大镜，更清晰地看清楚截图。

8. Html5 Showcase

http://html5-showcase.com/







推荐理由：HTML showcase是一个展示各种优质Html5网页交互案例的资源网站，专门做H5的资源网站本来就不多，赶紧安利给大家。

9. Collect UI

http://collectui.com/










推荐理由：Collect UI网站以移动端UI设计案例居多，收录数量多，推荐给大家的原因主要是每天都会更新高质量的UI作品，能够紧跟设计变化的时代步伐。而且归类详尽到多达100多种，可以从网站左侧快速定位进行浏览。遇到喜欢的作品，还可以直接追踪到Dribbble关注它的作者。

10. http://MUUUUU.ORG

http://muuuuu.org/










推荐理由：http://MUUUUU.ORG日式风格的网页设计，有许多优质的日式风格网页设计的案例，日本设计风格中的自成一派和许多细微的人性化交互设计非常值得借鉴。

11.Hoverstat

https://www.hoverstat.es/features/undulations-in-c







推荐理由：Hoverstat是一个很有意思的小众网站展示平台，里面有很多设计师或者程序员做的好玩网站，在这里有很多能够启发你的灵感。

12.navnav

http://navnav.co/







推荐理由：Navnav主要集合了app交互设计的各个元素，比如table、Chat、Border等等的设计作品。这让它在交互设计中显得格外有参考价值，和其他灵感网站相比，它更像是给你展示了app交互设计中每个细节的优秀案例。其中有很多动态视觉的案例参考，都很有趣。

II.资源类

1.freepik

https://www.freepik.com/home







推荐理由：Freepik是一个综合性的设计资源网站，不仅能查看到各种高清大图，还有各种平面素材和图标素材，其中的交互设计素材能让你的排版效率提高很多，想要的手机和电脑展示图都能在这下载到，很多还都免费。

2.Uplabs

https://www.uplabs.com/










推荐理由：Uplabs更像是交互作品案例资源网站，它拥有大量的app交互设计案例和网站设计模版，让你的app想法能够快速成型，不需要在重复的元素上浪费过多时间。

3.Onepagelove

https://onepagelove.com/







推荐理由：Onepagelove是网站案例素材网，里面展示了网页设计的大量排版案例，有很多还可以下载编辑，不过需要收费。

4.iconmonstr

https://iconmonstr.com/







推荐理由：Iconmonstr是一个有趣的Icon素材网，这个网站上的Icon质量高，样式丰富，整体的网页设计干净有序，能让你快速找到需要的图标。

5.Adobecolor

https://color.adobe.com/create/color-wheel







推荐理由：在做设计规范的时候就需要用到Adobecolor啦。这个网站能让你查到关于颜色很多详细信息，也会给你提供一些颜色搭配作为参考。

6.Myfonts

https://www.myfonts.com/







推荐理由：Myfonts网站提供了大量可下载的艺术字体，在做一些特别网站的时候可以找到很有趣的字体素材。

它的另外一个功能就是查询字体，当你看到了一个很喜欢的字体却不知道叫什么的时候，可以利用这个网站查到名字。

III.学习文章类

介绍完灵感类和资源类的网站，我还不得不再给大家推荐3个交互专业学习网站。交互设计作为一个发展时期较短的设计专业，需要大家保持学习的心态去面对技术发展带来的改变。以下几个网站展示了同行的思考和最新交互咨询，很值得大家浏览。

1.Invision

https://www.invisionapp.com/inside-design/







推荐理由：Invision是交互专业同行的大本营～在这里你可以学到关于交互设计的知识，同行的经验分享以及相关的职位。

2.UXmovement

https://uxmovement.com/







推荐理由：UX movement是一个相对专业一些的交互设计研究网站。在这里能看到关于页面设计中元素的设计思考，还有关于设计的文章等等。

3. Little Big Details

http://littlebigdetails.com/







推荐理由：LitterBigDetail是一个汇总了很多设计细节的网站，记录了很多设计师在工作中发现的上万个体验设计改进和产品细节，非常值得学习。

最后

对于正在准备交互设计专业作品集的同学，这篇文章应该能为你提供很多帮助啦。交互设计看起来好像是在进行页面的平面设计，其实它研究的是人的行为方式。因此对于研究生来说，在作品集呈现方面，在尽可能展示吸引人且高质量的视觉设计以外，更重要的是讲述清楚交互逻辑以及人如何与其互动，表达你对于交互深层次的理解。

还有任何关于专业或者艺术留学等相关问题，都可以后台私信或点击下方加特工微信，与橘长助理1v1交流哦～ 也可以根据你的个人情况帮你分析一下。




往期回顾：