用户登录
个人主页 用户中心 我的订单 添加授权 管理授权
退出登录
用户登录 用户注册
欢迎来到 UC建站系统

B站免费Figma教程播放量过百万的有7套、优设网的UiiiUiii教程库按初中高三级分了600多节课、站酷上每天更新2000多组UI作品够你临摹三年、Dribbble和Behance的全球顶尖作品不翻墙也能看,UI设计自学的12个网站按"学软件→练技法→攒灵感→做作品集→找工作"五步分好类直接对着用

有个朋友去年从会计转行学UI设计,第一件事就是淘宝花了88块钱买了一套"UI设计全套教程"。300G的网盘资料,解压之后发现Figma的教程是2021年录的,界面都对不上了。他浪费了两个月看了一套过时的教程,最后还是在B站上重新找了一套免费的2025年新版,两周就上手了。

UI设计自学的资源现在多到泛滥,真正的问题不是"有没有资源",而是"哪个资源在什么阶段用最有效"。这篇文章把自学UI设计能用到的12个核心网站,按从零基础到能投简历的五个阶段分好类,每个网站具体看什么、怎么用、什么阶段用,一步到位。

UI设计自学五步路线图 + 对应网站

1学软件(第1-4周) — B站、优设网、慕课网,把Figma学到能独立画页面的程度
2练技法(第5-8周) — 即时设计、Pixso的每周临摹活动 + 优设网教程库,刻意练习设计规范
3攒灵感(贯穿全程) — Dribbble、Behance、站酷、花瓣,每天看30分钟优秀作品
4做作品集(第9-12周) — UI中国、Coursera/慕课网实战项目,做3-5个完整项目
5找工作(第13周起) — 站酷、UI中国、LinkedIn、BOSS直聘,作品集+简历投起来

一、学软件阶段:这三个网站够你把Figma学到能独立画页面

零基础学UI,先集中火力把Figma学会,不要同时学PS、AI、Sketch。Figma是目前UI设计行业使用率超过90%的主力工具,免费、浏览器端运行、不需要安装,学这一个就能覆盖95%的UI设计工作场景。

B站 — 免费Figma教程的大本营

搜索"Figma入门教程",筛选播放量10万以上的系列课。推荐关注UP主"像素君""设计师南南""草帽老师"等,他们的教程从安装注册到组件变体、自动布局、原型连线全部覆盖。B站的好处是免费、更新快、弹幕里有人帮你踩坑。建议找一个30-50集的系列课完整跟下来,不要东看一集西看一集。

优设网(UISDC)— 国内最全的设计教程导航

uisdc.com,国内设计师人手必备的综合平台。它的"UiiiUiii教程库"按初中高三级分类,软件教程、设计理论、实战案例全都有,而且大部分免费。"优设导航"更是一个宝藏入口,把设计师常用的所有工具、资源、灵感网站全部分类整理好了,收藏这一个就够了。

1 - B站免费Figma教程播放量过百万的有7套、优设网的UiiiUiii教程库按初中高三级分了600多节课、站酷上每天更新2000多组UI作品够你临摹三年、Dribbble和Behance的全球顶尖作品不翻墙也能看,UI设计自学的12个网站按"学软件→练技法→攒灵感→做作品集→找工作"五步分好类直接对着用 - UC建站系统

慕课网 — 体系化课程补理论短板

imooc.com,综合性IT技能学习平台,UI设计板块有从入门到就业的体系化课程。B站教程偏实操"怎么做",慕课网的课程会讲"为什么这么做"——色彩理论、排版原理、用户体验基础这些。免费课程够用,进阶的实战课程几百块钱,性价比不错。

这个阶段最容易犯的错:同时学好几个软件,或者花大量时间在PS上学做海报、修图。UI设计不是平面设计,Figma才是你的主战场。PS和AI是辅助工具,等你Figma熟练了再学不迟。另外,不要花钱买淘宝上的网盘教程,过时率极高,免费的B站教程比那些新得多。

二、练技法阶段:光看不练等于白学,这两个网站带着你每周动手

Figma的基本操作学会之后,最大的坑是"会了工具但画不出东西"。工具是画笔,设计能力是画画的本事,两者是两码事。这个阶段的核心任务是通过大量临摹和刻意练习,把设计规范变成肌肉记忆。

即时设计 — 免费Figma替代品 + 每周临摹

js.design,国内版Figma替代品,完全免费。它的"每周临摹"和"打卡星球"活动非常适合新手——每周围绕一个UI组件或页面主题,给出设计规范和参考,你照着做然后提交,社区里有设计师点评。这种有反馈的刻意练习比一个人闷头临摹有效得多。

Pixso — 一站式协作平台 + 社区资源

pixso.cn,和即时设计定位类似,也是一站式UI设计平台。它的资源社区里有大量免费的设计模板、组件库、图标包可以直接用。新手不要从零开始画一个完整的APP,先拿现成的组件库拼页面,感受一下"规范化的组件是怎么组织起来的",再逐步学着自己建组件。

临摹的正确姿势:不是"看一眼然后凭记忆画",而是像素级还原。找一个你喜欢的APP界面(微信、淘宝、小红书随便哪个页面),截屏放进Figma,在上面新建一个图层,从顶部的状态栏到底部的Tab Bar,每个元素的尺寸、颜色、字体、间距全部1:1还原。这个过程逼你去观察"为什么这个按钮是44px高""为什么这个间距是16px""为什么这个颜色是这个色值",这些细节是看教程永远学不到的。

临摹练习的三个阶段

阶段做什么练什么建议数量
像素级还原1:1临摹现有APP页面尺寸感、间距感、颜色辨识10-15个页面
改版重设计拿一个APP页面,自己重新设计布局能力、视觉风格把控5-8个页面
从零原创给定一个需求,从0设计完整APP需求理解、信息架构、完整设计流程3-5个项目

三、攒灵感阶段:每天30分钟逛这四个网站,审美是最需要时间积累的东西

工具可以短期速成,审美没法速成。审美是你看了大量优秀作品之后,脑子里形成的"什么是对的"的判断力。每天花30分钟逛设计社区,不是为了抄,是为了建立你的视觉参考库。

Dribbble — 全球顶级UI作品集散地

dribbble.com,全球最大的设计师社区。上面聚集了全世界最顶尖的UI/UX设计师,每天有大量高质量作品更新。搜索"mobile app""dashboard""landing page"等关键词,能找到对应类型的最前沿设计。国内可以直接访问,不需要翻墙。

Behance — Adobe旗下的作品展示平台

behance.net,Adobe旗下的创意作品展示平台。和Dribbble不同的是,Behance上的作品通常是完整的项目案例(包含设计思路、过程、最终效果),而不是单张截图。看Behance能学到"一个完整的设计项目是怎么从0到1推进的",对做作品集非常有帮助。

站酷 — 国内最大的设计师社区

zcool.com.cn,国内设计师的聚集地。每天更新2000多组UI作品,数量大到够你临摹三年。站酷的优势是更贴近国内的设计审美和招聘需求——Dribbble上的作品偏概念化、视觉冲击力强,站酷上的作品更务实、更接近国内企业实际需要的风格。

2 - B站免费Figma教程播放量过百万的有7套、优设网的UiiiUiii教程库按初中高三级分了600多节课、站酷上每天更新2000多组UI作品够你临摹三年、Dribbble和Behance的全球顶尖作品不翻墙也能看,UI设计自学的12个网站按"学软件→练技法→攒灵感→做作品集→找工作"五步分好类直接对着用 - UC建站系统

花瓣 — 设计师的个人素材库

huaban.com,图片采集平台。它的核心用法不是"浏览",而是建立你自己的素材画板。按"按钮样式""导航栏设计""登录页""仪表盘""色彩搭配"等分类建画板,看到好的设计就采集进去。做项目的时候打开对应画板,灵感直接就有了。

逛灵感网站的正确姿势:不要无目的刷,每天定一个主题——比如今天只看"导航栏设计",明天只看"表单设计",后天只看"数据可视化仪表盘"。带着主题看,每个主题收集15-20个优秀案例,一周下来你脑子里就有一套完整的组件参考库了。无目的刷一年不如有主题刷一个月。

四、做作品集阶段:三个能帮你做出完整项目的网站

作品集是UI设计师找工作的唯一硬通货。学历、证书、培训经历在作品集面前都是次要的。你的作品集里至少要有3-5个完整的项目,每个项目展示从需求分析到最终视觉稿的完整流程。

UI中国 — 国内UI设计师的求职主阵地

ui.cn,国内UI设计师最集中的社区。你可以在这里看到大量设计师的作品集、求职经验、面试题分享。把自己的作品集发布到UI中国,不仅能获得同行反馈,还可能被招聘方直接看到。很多HR和设计总监会在这里挖掘候选人。

Coursera / 慕课网实战课 — 系统化项目训练

Coursera上有Google UX Design认证课程,全英文但含金量高,学完有证书。慕课网的UI设计实战课程会带着你从0到1完成一个完整项目(比如一个电商APP或一个B端后台系统),做完就是现成的作品集项目。

站酷 — 发布作品集 + 建立个人品牌

站酷不仅是看作品的地方,也是发布作品的地方。把你的作品集以长图或文章形式发布到站酷,如果质量不错获得编辑推荐,曝光量会非常大。站酷首页推荐过的设计师,在招聘市场上简历通过率高出一截。

作品集最常见的三个问题:一是只有最终效果图没有设计过程(面试官想看你怎么思考的,不只是你画得多好看);二是只有临摹作品没有原创项目(临摹能证明你会用工具,原创才能证明你会做设计);三是项目类型单一(全是移动端APP,没有网页端或B端后台,说明你的能力面窄)。做作品集的时候刻意避开这三个坑。

作品集发布后还需要一个展示平台:除了站酷和UI中国,如果能有一个自己的个人网站来展示作品集,面试时的说服力会强很多。不需要从头写代码,用UC建站系统就可以快速搭建一个设计师个人网站,WordPress底层、HTML直出、SEO友好,你的作品集页面可以被搜索引擎收录。后台可视化编辑,设计好的页面直接上线。比挂在第三方平台更专业,也更能展示你对"设计到落地"完整流程的理解。

五、找工作阶段:作品集有了之后,这些渠道帮你触达招聘方

UI设计师找工作有三条主线:招聘APP直接投递、设计社区被猎头发现、社交媒体建立个人品牌。三条线同时走,比只刷BOSS直聘效率高得多。

UI设计师求职渠道对比

渠道适合阶段优势怎么用
BOSS直聘 / 拉勾作品集完成后直接投岗位多、反馈快头像和简历放作品集链接,不要只写文字描述
站酷 / UI中国作品集发布后持续经营猎头和设计总监主动找上门保持更新,定期发作品和设计总结文章
LinkedIn有一定经验后外企和出海公司聚集地英文简历+英文作品集,关注外企设计团队
即刻 / 小红书持续运营建立个人品牌,意外机会多分享学习过程、设计思考、作品解析

有一点经常被忽略:投简历的时候,作品集链接一定要放在简历最显眼的位置,而且确保链接能直接打开。很多设计师把作品集放在百度网盘里,面试官要点进去→输入提取码→下载→解压,大部分人在第一步就关了。作品集要么放站酷/UI中国的在线链接,要么放自己的个人网站,确保对方点一下就能看到。

自学UI设计这条路,网站资源真的不缺。B站免费教程多到看不完,Dribbble和站酷的优秀作品每天更新上千组,即时设计和Pixso的临摹活动每周都有。真正拉开差距的不是你收藏了多少网站,是你每天打开这些网站之后做了什么——是刷了半小时就关掉,还是打开Figma跟着教程画了两个小时,还是照着Dribbble上的一个页面像素级临摹了一遍。工具和方法都摆在这了,剩下的就是动手。

相关推荐
在线客服
👇找客服拿折扣
QQ咨询&售后
在线时间
11:00 ~ 5:30
QQ:3155555535
👇联系QQ
👇联系WX
首页 程序 帮助 登录