UI设计师必备设计网站推荐 | 设计的一百种学习姿势

时间：2023-10-02 15:48:01 | 来源：网站运营

时间：2023-10-02 15:48:01 来源：网站运营

UI设计师必备设计网站推荐 | 设计的一百种学习姿势：你好，我是小鹿。在知群做产品设计与管理。近两年，我在本站写了不少于 10 万字的专业性回答，解决了不少互联网设计师的困惑。现在，我想把过去的一些关于 UI设计、交互设计乃至整个用户体验设计相关的思考和回答，做更系统的梳理。同时，也会找一些国外写的不错的文章，做一些翻译和拆解。一来我自己也能深度思考和学习，二来也能帮助到更多设计师朋友，给大家带来启发、思考和进步。

这篇是小鹿的专栏——「UI/UX 设计师的“一百个”系列」的第 12 篇——麦子姐姐更新的「产品经理的“一百个”系列」的姊妹篇。在这个系列里有关于设计的方方面面——学习姿势、认知百科、大咖分享、转行思路、设计思考等等，希望能帮助初入设计行业的朋友们快速了解设计圈的各种知识，提升个人的能力。

---

经常有同学私信我，跟我聊他们在学习UI设计过程中遇到的困难，比如，图标不知道怎么画，看着容易做起来难；灵感容易枯竭，不知道从何下手；偶尔刷到优秀作品集，但不知道去哪里关注喜欢的插画师、设计师等等......

这些问题在我眼里，都不必如此纠结。因为如果你了解一些资源获取的渠道，所有的问题都会迎刃而解。

所以这几天我就专门整理了这篇设计网站的合集，有设计灵感创意网站、图标网站、插画网站、样机网站、配色工具网站，让你在这里一站式配齐需要的资源内容，建议收藏反复观看。

一、设计灵感创意网站

1、Dribbble

https://dribbble.com

Dribbble 是⼀个著名设计师作品分 享平台，全球设计大神云集，在网站上搜索英文关键词便可看到相关作品，包括品牌设计、手绘插画、动效、排版、网页和移动端UI设计。

2、Pinterest

https://www.pinterest.com

是⼀个著名设计师作品分 享平台，全球设计大神云集，在网站上搜索英文关键词便可看到相关作 品，包括品牌设计、手绘插画、动效、排版、网页和移动端UI设计。 pintrrest 是世界上最大的图片社交分享网站，用户可以创建和管理主题图片集合，在这里可以看到海量的优秀设计作品，你在查看⼀个作品时能够为你推荐更多优秀的同类作品。

3、Awwwards

http://awwwards.com

Awwwards. 是一个世界各地优秀设计师的聚合点，他们在这里寻找灵感、传授知识和经验、相互联系并分享具有建设性和富有尊重的批评。网站的口号是：“始终质疑”，“不断发展”，旨在表彰世界上最优秀网页设计师、开发人员和代理机构的才能和努力。

在这里我们可以看到 UI 设计、艺术插画、摄影、建筑、时尚、房地产、游戏、电商等 25 个分类下的作品。

4、站酷

https://www.zcool.com.cn

国内的设计师交流平台，致力于为设计创意从业者、爱好者提供学习、展示、交流、就业、交易、创业等服务。

5、花瓣网

https://huaban.com

花瓣网是⼀家“类 Pinterest” 网站， 是⼀家基于兴趣的社交分享网站，网站为用户提供了⼀个简单地采集工具，帮助用户将自己喜欢图片重新组织和收藏。

6、大作

https://www.bigbigwork.com

大作是专为各行业设计师度身定制的设计灵感搜索引擎，聚合全球众多知名设计网站。

二、图标网站

1、iconfont

https://www.iconfont.cn

阿⾥巴巴旗下矢量图标、插画资源网站

2、IconPark

https:// iconpark.oceanengine.com/

字节跳动旗下设计资源网站

3、iconhub

https://iconhub.io/

这是⼀套素质极高而且完全免费的图标素材！你可以使用内置的功能直接对图标进行自定义。

4、Discipline

https://ravenyu.com/discipline

包含100多个高素质图标的 Big Sur 图标包，每个 APP 图标均使用Apple的官方模板精心制作

5、Ikonate

https://ikonate.com/

拥有300多个基于平面设计的高级图标，是根据非常宽松的MIT许可证慷慨授权的

三、插画网站

1、Ira Design

https://iradesign.io/

2、unDraw

https://undraw.co/illustrations

3、Lukaszadam

https://lukaszadam.com/ illustrations

四、样机网站

1、Mockupworld

Mockup World | The best free Mockups from the Web

免费下载源文件，可以直接导出放在作品集中，素材品类丰富，完全可以满足你得需求，支持Ps、Sketch。

2、Ls.graphics

Free and premium tools for graphic designers | Lstore Graphics

免费设计模板和设计工具网站，100+免费样机，且质量很高。支持ps、Figma、Sketch。

3、Apemockups

Free Mockups PSD, Best Mockups - ApeMockups

全品类免费样机网站，风格偏简约大方，应有尽有，支持Ps、Sketch。

4、Uistore.design

Download 609 free UI Kits for Adobe XD, Sketch, Figma, InVision Studio, Photoshop - uistore.design

全套免费样机，你需要的这里都有。

五、配色工具

1、flatuicolors

https://flatuicolors.com

提供多款扁平色彩配色方案，可以根据 UI 设计的需要选择使用。

2、Paletton

http://paletton.com

是⼀个在线的色环配色工具，我们可以根据需要选择单色、相近色、对比色等规则来查看配色，也可以实时查看其在网页中的搭配效果。

3、uigradients

https://uigradients.com/

UIgradients 以分享美丽渐变色彩为主的分享站，里面接近上百种渐变配色方案，设计师可根据自己风格来选择搭配，此外我们还能直接获得对应渐变配色的CSS代码。

4、webgradients

https://webgradients.com/

富有超多好看渐变渐变配色的网站，只需要复制色彩编号填充渐变，或者直接下载PSD，Sketch，图片，CSS代码。

5、CoolHue

https://webkul.github.io/coolhue/

富有超多好看渐变配色的网站，可安装Sketch 插件，或者直接下载图片和CSS代码。

以上希望可以帮助你更好的设计出满意的作品！

写在最后

能看到这，说明你是一个愿意学习和思考的同学。最近看到很多同学在问，互联网行业不景气，转行做UI设计师、交互设计师还有前景吗？我从来不觉得 UI 设计师、交互设计师是一个轻松的工作。不是简简单单能画几个 icon，能出一些界面，就算是优秀的设计师。真正重要的，是设计背后的思考，能解决真切的业务问题。哪怕是一个按钮上的文案，也要从业务和用户体验场景去思考和完善，而非一个作图的机器。

真正的水平不错的、实战经验丰富的、保持进步和学习的设计师，一直都是稀缺的。反之，作品集造假、浑水摸鱼很容易在工作中露馅儿，在行业里无法混下去。作为在互联网从业的设计师，应该多充电，多打磨自己，让自己的有更强的竞争力。

我所在的公司——知群，是一家互联网职业教育的公司，创始人马力老师是移动互联网第一批用户体验设计师。曾经做过豌豆荚、最美应用等知名产品。马力老师每周三晚上，会在知群做直播，主要讲互联网的岗位发展，会用不同的案例拆解和讲解：互联网产品思维、设计思维和运营思维。尽可能帮助想入行 UI 设计和提升的同学，建立更完整、更系统的认知和方法，也能知道什么样的作品才能真的打动面试官。

直播和课程是免费学习的，你可以添加知群的老师进行预约：