设计师们做UI设计和交互设计、界面设计等一般会去什么网站呢？

时间：2022-09-01 06:45:01 | 来源：网站运营

时间：2022-09-01 06:45:01 来源：网站运营

作为一枚走在设计大牛路上的UI设计师，日常最多的事情就是打开网站汲取灵感。

除了国内外大家耳熟能详的各大设计网站外，王宇老师把UI设计师日常使用频率最高的各个类型网站做了一个整理，分成了每日必看篇，日常开眼篇，设计导航篇，icon篇，kit篇，设计规范篇，mockup篇，工具下载篇… 等等

通过这些网站，我们可以每天吸收到设计行业最新的行业动态、设计作品、创意灵感以及素材等等。




内容较多，建议先马后看。（最后有彩蛋）

每日必看篇

1，dribbble-追波

身为全球最大的UI设计论坛，融汇了全球最顶尖的设计大咖作品。

Dribbble的定义是“为设计师而展示和解答”（Show and tell for designers）。鼓励创作者上传个人的作品以及正在创作的作品。追波像是一条简短的微博，设计师们可以随时晒下自己在做什么。

https://dribbble.com/




2，Behance

隶属于Adobe旗下的一个作品展示网站。

Behance将自己定义为“展示与挖掘创意作品的领导平台”。有人将它看作设计师的博客，分类详细，内容广泛，涵盖网页设计、交互设计、用户界面/用户体验、摄影、工业设计等多题材的内容。上面各种精彩又新颖的内容总能给设计师带来海量的设计灵感。

https://www.behance.net/

日常开眼篇

1，站酷 (ZCOOL)

设计师互动平台 - 打开站酷，发现更好的设计！

http://www.zcool.com.cn/




2，优阁网(UIGREAT)

优秀UI设计网

http://www.uigreat.com/




3，ZEALER

科技生活方式第一站

http://www.zealer.com/




4，互动中国

广告设计及H5

http://www.damndigital.com/




5，NEXT

不错过任何一个新产品

http://next.36kr.com/posts




6，Poweron

官方的自频道-优酷视频

http://i.youku.com/i/UNTEyNjQ5ODgw/navcustom?id=520358&spm=a2hzp.8244740.0.0

设计导航篇

1，UI设计师导航网

优阁团队倾情打造，包含了UI设计师最常用的网站合集。

http://so.uigreat.com/




2，创造狮导航

为创意工作者而设计

http://www.chuangzaoshi.com/




3，seeseed

无穷尽设计可能，不仅包括了设计师日常需要的网站，而且里面还有每日一粒，播种者，我的种子，发觉其他有趣网站的功能。

https://www.seeseed.com/




4，牛大拿设计师导航

增加设计文章导读，以及不用跳转网站，直接站内搜索dribbble，behance，Pinterest，花瓣作品素材等的功能。

http://www.niudana.com/

icon篇

1，iconfont

阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。是现在最大的免费下载icon的网站之一，支持SVG，png，AI格式下载。

http://www.iconfont.cn/




2，easyicon

非常全面的icon下载

http://www.easyicon.net/




3，iconfinder

国外最早的icon下载网站

https://www.iconfinder.com/




4，icons8

国外最大的icon下载网站

https://icons8.com/




5，flaticon

扁平化图标下载天堂

https://www.flaticon.com/

kit篇

1，sketchim

最全面的sketch工具网站，主推kit，包含插件下载，视频，手册，快捷键等等。

http://sketch.im/




2，psddd

看到这个网站名字的格式就知道这是个跟追波有关的网站，网站里面整理了所有在dribbble上传设计附件的集合，包含PSD格式和sketch格式，十分常用的kit下载网站。

https://psddd.co/




3，madefordesigners

国外的免费kit下载网站

http://madefordesigners.com/




4，reeoo

最大的网页设计，APP，icon等合集，只能浏览不能下载

http://reeoo.com/




5，uikit

名字就是这么简单粗暴，最直接的UIkit的下载网站。

http://www.uikit.me/




6，freebiesupply

免费的PSD，sketch素材下载

https://freebiesupply.com/free-sketch-ui-kits/page/3/




7，sketchappsources

最大最全的sketch素材下载库，但是需要翻墙浏览。

https://www.sketchappsources.com/




8，ui8

无敌的来了，无敌的来了，无敌的来了！！！

全球最屌的KIT下载网站，最全面，最贴心，没有之一的kit下载网站。

但是，里面的kit需要花钱下载，而且还是美金，而且还死贵。推荐给土豪同学。

https://ui8.net/

设计规范篇

1，UI Design Do’s and Don’ts

iOS官方设计规范。UI设计师的红蓝buff，跟产品经理撕逼专用，啪啪打产品经理脸神器。

https://developer.apple.com/design/tips/




2，Designing for iPhone X

苹果公司手机尺寸的规范，同上一样，撕逼神器。

https://developer.apple.com/design/




3，material design

谷歌官方的安卓设计规范，一定基础上会增加对安卓界面的设计。

https://design.google.com/




4，microsoft，微软的设计规范

虽然英雄迟暮，但是毕竟很多地方可以值得我们学习。

https://developer.microsoft.com/zh-cn/windows/apps/design

mockup篇

1，Printable

最全的手机模板下载网站

http://sketchsheets.com/




2，Mockup Vectors

国外的各种展示模板下载网站

https://www.freepik.com/free-photos-vectors/mockup




3，Best Free Mockup

behance里面的设计模板分享大神，最新最全的模板下载。

https://www.behance.net/collection/20880985/Best-Free-Mockup




4，mockupworld

分类最全的模板下载网站

https://www.mockupworld.co/

设计工具下载篇

1，精品MAC应用分享

教你如何科学的使用软件

http://xclient.info/




2，爱情守望者

没错就是爱情守望者，你没听错，也是教你如何科学的使用软件。

https://www.waitsun.com/




3，麦克叉

最早的科学使用软件网站

https://www.macx.cn/

视频下载篇

1，savevideo

输入你想要下载的视频地址链接，点击download。

http://savevideo.me/




2，clipconverter

同上一样，输入地址链接即可，可以选择视频格式，或只下载音频。

http://www.clipconverter.cc/

UI动效篇

1，Home - App Animations

点击即可预览动效的网站

http://www.appanimations.com/




2，Appealing

APP交互动效

http://app-ealing.com/




3，UI Movement

https://uimovement.com/




4，Animaticons

简单的GIF动效

http://animaticons.co/?nsukey=ol7YfkJhOZ5OtyPIN131sEFHovlsVLJTlmj9vXjqY%2Fp8JFc7HXcH1q%2B1LafMIRt1xI2Aq9Chk%2FNEuIFS%2FrESNhLE7FUUaRr02l%2Bxt6coTxpLMiFbqQoxsubdHt8Wq2zizZgCW8qYSCjGbYubmI6x5jdSeamlG1vA6VAzLI%2FvDpcxXN9yJH3iqNBXB9a50n4c




5，http://loading.io

有趣的加载动画动效网站

https://loading.io/




6，button Design Inspiration

有趣的按钮动效网站

https://codemyui.com/tag/button/




7，codemyui

微交互参考

https://codemyui.com/




8，Principle Repo

动效软件principle源文件下载网站

http://principlerepo.com/




9，PrincipleUX

同上一样，也是principle源文件下载网站

http://principleux.com/

UI动效进阶篇

1，CocoaChina动效专题

真正懂动效，最全面的动效理论网站，深挖动效设计必看网站

http://www.cocoachina.com/special/appdesign/




2，uplabs

涵盖ios android web的动效参考

https://www.uplabs.com/material




3，uimovement

更加精细的动效集合

https://www.uimovement.com/




4，Hollywood Camera Work

国外动效网站

https://www.hollywoodcamerawork.com/

灵感图库篇

1，zoommyapp

图片整理下载工具，自带免费图片网站集合

http://zoommyapp.com/




2，Unsplash

墙裂，墙裂，墙裂推荐的高清无版权图片网站！！

https://unsplash.com/




3，Pexels

超级推荐，无版权

https://www.pexels.com/




4，Pixabay

免费图片，随意下载

https://pixabay.com/




5，500px

最出色的摄影社区

https://500px.com/




6，Flickr

快要死掉的雅虎公司旗下的收费图库，帮帮雅虎，今晚我们都是雅虎人。

https://www.flickr.com/explore




7，Instagram

不是让你用来截图发朋友圈的，不是让你来单纯玩装逼社交的。

https://www.instagram.com/




8，Wallpapers

高清壁纸网站

https://alpha.wallhaven.cc/?nsukey=POBZOL4rVUf2rR4mLb7gp6LqzdPk3huDWdgaY3GHiKhHy%2BEZYCU3g8VVLY43oN9c9vlt%2FWwWQo%2FziaKhaGP%2FleE03mfvKWFNKFJXjjK4THlfcESIyKyxdPMWwPX5J5%2BdsBsZURC5SOZf8vu9PPJX39Vp8yoiwmRhHTtoZ%2FCH9m52c4ss0%2FkzepOtlWlmQwfN




9，GIPHY

全球最大的gif网站

https://giphy.com/entertainment




10，Mapbox

超强逼格地图下载，再也不用截其他地图应用的图了。

https://www.mapbox.com/




11，Pinterest

Pinterest，花瓣网他爹，瀑布流的开山鼻祖，内容涉及建筑、景观、摄影、时装、美食、音乐……

Pinterest是美国的一个图片分享类社交网站，Pinterest（Pin+Interest），意为把自己感兴趣的东西用图钉钉在钉板（PinBoard）上，用户可以按主题添加和管理自己的图片收藏，并与好友分享，页面底端自动加载无需翻页的瀑布流功能，让用户不断发现新图片。Pinterest由美国加州帕罗奥多的一个名为Cold Brew Labs的团队创办于2011年，为用户提供图片的在线收藏和分享。Pinterest是继facebook、twitter、tumblr之后，又一个受世界瞩目的网站。

https://www.pinterest.com/




12，花瓣网

陪你做生活的设计师（发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等）

http://huaban.com/

国外设计资讯篇

1，Medium

世界上最大的最全面的设计师博客

https://medium.com/




2.InVision Blog

国外设计推荐博客

https://www.invisionapp.com/blog




3，Smashing Magazine

专业网页/ UI设计/ 开发文章

https://www.smashingmagazine.com/




4，The Next Web

International technology news, business & culture

https://thenextweb.com/#.tnw_4k1Og0c1

国内设计资讯篇

1，ifavart(辣椒酱)

最出色的视觉艺术分享

http://ifavart.com/index.html




2，少数派

高品质数字消费指南

https://sspai.com/




3，人人都是产品经理

产品经理、产品爱好者学习交流平台

http://www.woshipm.com/




4，优设

优秀设计网站，最全的设计资讯

http://www.uisdc.com/

推荐设计公司篇

1，ManvsMachine

国外顶级外包公司

http://mvsm.com/




2，eico

国内顶级设计网站

http://eicodesign.com/




3，INVES Design

北京因唯思设计

http://www.invesdesign.com/




4，MIUI

小米设计团队

http://www.miui.com/




5，ZUI2.0

联想设计团队

http://www.zui.com/




6，09UI设计工作室

由小米UI设计师构成

http://www.09ui.com/




7，ARK

Design For Change

http://www.arkdesign.cn/




8，Flyme 6

魅族设计团队

http://www.flyme.cn/flyme6/index.html

色彩搭配篇

1，Fresh Background Gradients

渐变颜色，有sketch和psd，从此渐变不用愁。

https://webgradients.com/




2，Material Design Color Palette Generator

MD色盘，按照颜色色值分布。

https://www.materialpalette.com/blue/purple




3，NIPPON COLORS

日式色彩搭配网站，中国水墨画的颜色名字，逼格提高两万档。

http://nipponcolors.com/




4，uigradients

在线生成高大上渐变色

https://uigradients.com/#NeonLife




5，Pantone

潘通，流行色官方机构

http://www.pantone.com/pages/pantone/index.aspx

字体设计篇

1，字体下载

求字体网提供中文和英文字体库下载、识别与预览服务，找字体的好帮手

http://www.qiuziti.com/




2，字体传奇网

中国首个字体品牌设计师交流网

http://www.ziticq.com/




3，Type is Beautiful

讲述每一款字体的故事

http://www.typeisbeautiful.com/




4，Google Fonts

谷歌的字库 要翻墙

https://fonts.google.com/

手绘艺术篇

1，插画交流网站pixiv

全球最大的二次元绘画网站，需要注册

https://www.pixiv.net/




2，DeviantArt

国际上出名的绘画交流网站

http://www.deviantart.com/




3，乐艺leewiART CG

国内比较专业的插画网站

http://www.leewiart.com/WebPage/default.aspx




4，涂鸦王国

小白画师学习交流网站

https://www.poocg.com/works




5，CGSociety

国际交流画工网站

http://www.cgsociety.org/news/articles/




6，Cargo - Gallery

意识流，概念天马行空的绘画

http://cargocollective.com/




先说到这里，等后期有新的有趣的设计网站，再来更新。







推荐阅读：

王宇：Sketch 有哪些插件值得推荐？

王宇：没有美术基础，怎样才能成为一枚UI？需要学习哪些技巧？

王宇：什么是UI设计中的极简主义？






















推荐网站太多？ 需要一个一个打开并加入书签栏？太麻烦？？？

追求用户体验的王宇老师怎么会不知道这一点，来吧，最后小彩蛋。

由于本站不能上传附件，把附件上传到了百度网盘里，请移步下载。

链接: https://pan.baidu.com/s/1htoOQG0 密码: dytp




使用方法：进入浏览器书签管理页，点击从HTML文件导入书签，选择下载好的html文件即可。然后文章上述的所有网站都会精细的按照分类躺在你的书签栏里。




加个关注，有什么设计类的问题，可以私信我。