UI设计师自学网站推�：12个平�与学习路径

UI设计师的æˆ�长离ä¸�å¼€ç³»ç»Ÿå­¦ä¹ å’Œå¤§é‡�å®žè·µã€‚æ— è®ºä½ æ˜¯é›¶åŸºç¡€å°�白，还是希望æ��å�‡ä¸“业技能的在è�Œè®¾è®¡å¸ˆï¼Œé€‰æ‹©å�ˆé€‚çš„ UI设计师自学网站 能æž�大æ��é«˜å­¦ä¹ æ•ˆçŽ‡ã€‚æœ¬æ–‡æ•´ç�†äº†12个UI设计师自学网站，涵盖国内外优质资æº�ï¼ŒåŠ©ä½ å¿«é€Ÿæ��å�‡è®¾è®¡èƒ½åŠ›ã€‚

ç›´æŽ¥å›žç­”ï¼šé›¶åŸºç¡€æƒ³ç³»ç»Ÿå­¦ä¹ ï¼Œå�¯å…ˆé€‰Coursera等课程平å�°ï¼ŒæŠŠå¸ƒå±€ã€�äº¤äº’å’Œç”¨æˆ·ç ”ç©¶å­¦æˆ�一æ�¡çº¿ï¼›æŸ¥å�¯ç”¨æ€§é—®é¢˜ï¼Œå�¯è¯»NN/gä¸“é¢˜æ–‡ç« ï¼›æ‰¾è§†è§‰å�‚考，å�¯é€›Behanceã€�Dribbble；练原型与界é�¢ï¼Œå�¯ç”¨å¢¨åˆ€æˆ–Pixsoé…�å�ˆæ•™ç¨‹ã€‚ä¸�è¦�æ¯�天å�ªæ”¶è—�作å“�，æ¯�学一项就å�šä¸€ä¸ªèƒ½è§£é‡Šè®¾è®¡ç�†ç”±çš„å°�ç»ƒä¹ ã€‚

墨刀墨刀是原型设计与 UI 设计å��作平å�°ï¼Œä¸“为设计师和产å“�å›¢é˜Ÿæ‰“é€ ã€‚å¹³å�°æ”¯æŒ�一站å¼�设计å��作，让团队å�¯ä»¥åœ¨å�Œä¸€å¹³å�°å®Œæˆ�从创æ„�åˆ°äº¤ä»˜çš„å…¨è¿‡ç¨‹ã€‚å¢¨åˆ€çš„æ ¸å¿ƒåŠŸèƒ½äº®ç‚¹åŒ…æ‹¬ï¼š

一站�设计�作：集�白��原型设计�UI设计工具�墨刀AI于一体，�需�频�切�工具，设计师和团队�在�一平�完�创��原型和设计�地，�高�作效率。

æµ·é‡�设计模æ�¿å’Œèµ„æº�ï¼šå¢¨åˆ€ç´ æ��广场æ��供了上万套ä¸�å�Œè¡Œä¸šç±»åž‹çš„原型设计模æ�¿ã€�组件库ã€�å›¾æ ‡å’Œç´ æ��，用户å�¯å¿«é€Ÿå¥—用和组å�ˆï¼ŒèŠ‚çœ�é‡�å¤�劳动并æ��å�‡è®¾è®¡æ•ˆçŽ‡ã€‚

AI生æˆ�èƒ½åŠ›åŠ æŒ�：墨刀AIå�¯è‡ªåŠ¨ç”Ÿæˆ�高ä¿�真原型ã€�交互逻辑和设计方案，快速辅助完æˆ�作å“�创作，æ��å�‡å­¦ä¹ 与工作效率。立å�³å…�费注册墨刀AI，体验一键生æˆ�原型图ï¼�

交互设计能力强大：墨刀支�动�交互�动作设置和高级交互动效设计，让用户能够轻�实现��交互设计，�高原型真实性。

团队多人在线�作：支�实时�步与多端�作，确�团队�员在设计过程中��沟通顺畅��作高效。

设计师å�¯ä»¥é€šè¿‡å¢¨åˆ€é‡�点掌æ�¡åŽŸåž‹è®¾è®¡åŸºç¡€ã€�交互逻辑设计ã€�UI ç•Œé�¢å¸ƒå±€ä¸Žç»„件使用方法，并充分利用 AI åŠŸèƒ½è¿›è¡Œåˆ›ä½œç»ƒä¹ ã€‚ä½œä¸ºUI设计师自学网站的首选平å�°ï¼Œå¢¨åˆ€ä¸�ä»…è®©ä½ åœ¨å­¦ä¹ ä¸­æŽŒæ�¡è®¾è®¡ç�†è®ºï¼Œè¿˜èƒ½å°†çŸ¥è¯†å¿«é€Ÿè½¬åŒ–为å�¯æ“�作作å“�，æ��é«˜å­¦ä¹ æ•ˆçŽ‡å’Œå›¢é˜Ÿå��作能力。立å�³å…�费注册墨刀，开å�¯åŽŸåž‹è®¾è®¡æ–°ä½“验ï¼�

Pixso点击立��费注册体验

Pixso 是一站å¼�UI/UX设计平å�°ï¼Œæ”¯æŒ�矢é‡�设计ã€�原型制作和团队å��作，为设计师æ��供从界é�¢åˆ°äº¤äº’的完整解决方案。它支æŒ�组件å¤�用和å�˜é‡�管ç�†ï¼Œè®©å›¢é˜Ÿåœ¨è®¾è®¡ç³»ç»Ÿå’Œå��作中ä¿�æŒ�高效和一致性。å�Œæ—¶ï¼ŒPixso内置AI智能设计功能，å�¯ä»¥æ��å�‡è®¾è®¡æ•ˆçŽ‡å’Œåˆ›æ„�è´¨é‡�。对于希望深入掌æ�¡Pixso的设计师，å�¯ä»¥é‡�ç‚¹å­¦ä¹ é«˜ä¿�真界é�¢è®¾è®¡ã€�组件库与设计系统管ç�†ï¼Œä»¥å�Šå��作与交互设计实战。Pixso是UI设计师自学网站中的å�ˆä¸€åˆ©å™¨ï¼Œå°¤å…¶é€‚å�ˆå›¢é˜Ÿå��作和å¤�æ�‚é¡¹ç›®çš„ç»ƒä¹ ä¸Žæ¼”ç»ƒã€‚

Behance点击立��费注册体验

Behance是Adobe旗下的国际设计师社区，为全ç�ƒè®¾è®¡å¸ˆæ��供展示和交æµ�作å“�çš„å¹³å�°ã€‚åœ¨è¿™é‡Œï¼Œä½ å�¯ä»¥æµ�览æ�¥è‡ªä¸–ç•Œå�„地的优秀设计作å“�，å�Œæ—¶æ”¯æŒ�作å“�收è—�ã€�关注和互动，让设计师能够获å�–ç�µæ„Ÿå¹¶ä¸Žå�Œè¡Œå»ºç«‹è�”系。设计师å�¯ä»¥é‡�ç‚¹å­¦ä¹ UIç•Œé�¢é£Žæ ¼å’Œåˆ›æ„�ç�µæ„Ÿï¼Œäº†è§£æœ€æ–°çš„设计趋势，并通过项目作å“�分æž�å’Œæ¨¡ä»¿ç»ƒä¹ ï¼Œä¸�æ–­æ��å�‡è‡ªå·±çš„设计能力和专业水平。

Dribbble点击立��费注册体验

Dribbble是国际知å��的设计分享社区，æ¯�天都会更新大é‡�优质的UI/UX设计案例，覆盖å�„ç±»è§†è§‰é£Žæ ¼å’Œäº¤äº’å½¢å¼�。平å�°æ”¯æŒ�设计师之间的交æµ�与å��馈，让创æ„�èƒ½å¤Ÿè¢«å¿«é€Ÿä¼ æ’­å’Œè®¨è®ºï¼Œå¸®åŠ©è®¾è®¡å¸ˆä¸�断拓展视野。在Dribbble上，设计师å�¯ä»¥é‡�点关注视觉设计趋势，汲å�–UI动效与交互设计ç�µæ„Ÿï¼Œå�Œæ—¶å­¦ä¹ å›½é™…åŒ–è®¾è®¡é£Žæ ¼ï¼Œä»Žè€Œæ��å�‡è‡ªå·±çš„设计表达力和创新能力。

Coursera点击立��费注册体验

Courseraæ��ä¾›æ�¥è‡ªå…¨ç�ƒé¡¶å°–é«˜æ ¡çš„åœ¨çº¿è¯¾ç¨‹ï¼Œè¦†ç›–ä¸°å¯Œçš„UI/UX设计系统课程。平å�°ç»“å�ˆè§†é¢‘æ•™å­¦ä¸Žé¡¹ç›®å®žè·µï¼Œè®©å­¦ä¹ è€…èƒ½å¤Ÿç³»ç»ŸæŽŒæ�¡è®¾è®¡çŸ¥è¯†ï¼Œå�Œæ—¶å°†ç�†è®ºåº”用到实际项目中，æ��å�‡å­¦ä¹ 效果。在Coursera上，设计师å�¯ä»¥é‡�ç‚¹å­¦ä¹ ç”¨æˆ·ä½“éªŒè®¾è®¡åŸºç¡€ã€�ç•Œé�¢è®¾è®¡æµ�程与方法，以å�Šè®¾è®¡ç�†è®ºä¸Žé¡¹ç›®å®žæˆ˜ï¼Œé€šè¿‡å¾ªåº�æ¸�进的课程与项目训练，全é�¢æ��å�‡ UI/UX 设计能力。

Udemy点击立��费注册体验

Udemyæ��供大é‡�付费与å…�è´¹UIè®¾è®¡è¯¾ç¨‹ï¼Œå­¦ä¹ è€…å�¯ä»¥éš�æ—¶éš�åœ°è¿›è¡Œå­¦ä¹ ï¼Œç�µæ´»å®‰æŽ’时间。课程覆盖内容广泛，包括设计工具使用ã€�视觉设计技巧以å�Š UX 方法论，适å�ˆä»Žå…¥é—¨åˆ°è¿›é˜¶çš„å�„类设计师。在Udemy上，设计师å�¯ä»¥é‡�ç‚¹å­¦ä¹ Figmaã€�Sketchã€�Adobe XD等设计工具的æ“�作方法，å�Œæ—¶æŽŒæ�¡ç§»åŠ¨ç«¯ä¸ŽWebç•Œé�¢è®¾è®¡æŠ€å·§ï¼Œå¹¶é€šè¿‡å®žæˆ˜é¡¹ç›®æ¡ˆä¾‹æ¼”练，将所学知识应用于真实设计场景，æ��å�‡å®žæˆ˜èƒ½åŠ›ã€‚

Interaction Design Foundation (IDF)点击立��费注册体验

Interaction Design Foundation（IDF）是一家专注于 UX/UI 设计的专业课程平å�°ï¼Œå¼ºè°ƒè®¾è®¡ç�†è®ºä¸Žæ–¹æ³•è®ºçš„ç³»ç»Ÿå­¦ä¹ ã€‚å¹³å�°æ��供国际认è¯�è¯¾ç¨‹ï¼Œå¹¶æ‹¥æœ‰æ´»è·ƒçš„å­¦å‘˜ç¤¾åŒºï¼Œæ–¹ä¾¿å­¦ä¹ è€…äº¤æµ�ç»�验和讨论设计问题。设计师å�¯ä»¥é‡�ç‚¹å­¦ä¹ ç”¨æˆ·ç ”ç©¶ä¸Žä½“éªŒè®¾è®¡ã€�交互设计原ç�†ï¼Œä»¥å�Šä¿¡æ�¯æž¶æž„与界é�¢ä¼˜åŒ–等内容，帮助建立扎实的设计ç�†è®ºåŸºç¡€ï¼Œå¹¶å°†å…¶åº”用于实际项目中，æ��å�‡æ•´ä½“设计能力。

Skillshare点击立��费注册体验

Skillshare是一个在线创æ„�教育平å�°ï¼Œä»¥è§†é¢‘课程为主，注é‡�实æ“�和项目驱动å¼�å­¦ä¹ ã€‚å¹³å�°æ��供丰富的课程内容，涵盖设计ã€�æ�’ç”»ã€�摄影等多个创æ„�领域，适å�ˆå¸Œæœ›é€šè¿‡å®žè·µæ��å�‡æŠ€èƒ½çš„å­¦ä¹ è€…ã€‚åœ¨Skillshare上，设计师å�¯ä»¥é‡�ç‚¹å­¦ä¹ ç§»åŠ¨ App å’Œ Web 设计，掌æ�¡UI色彩与排版技巧，并通过设计工具实æ“�教程，将ç�†è®ºçŸ¥è¯†åº”用到真实项目中，æ��å�‡å®žæˆ˜èƒ½åŠ›ã€‚

Nielsen Norman Group点击立��费注册体验

Nielsen Norman Group（NN/g）是全ç�ƒçŸ¥å��çš„UXç ”ç©¶æœºæž„ï¼Œä¸“æ³¨äºŽç”¨æˆ·ä½“éªŒç ”ç©¶ä¸Žè®¾è®¡åŽŸåˆ™çš„åˆ†äº«ã€‚å¹³å�°æ��供高质é‡�的报告ã€�案例分æž�和行业洞察，为设计师æ��ä¾›æ�ƒå¨�çš„å�‚考资料。设计师å�¯ä»¥é‡�ç‚¹å­¦ä¹ ç”¨æˆ·ä½“éªŒè®¾è®¡çš„æœ€ä½³å®žè·µã€�å�¯ç”¨æ€§æµ‹è¯•æ–¹æ³•ï¼Œä»¥å�ŠUX报告的撰写与分æž�技巧，从ç�†è®ºå’Œå®žè¯�的角度æ��å�‡æ•´ä½“UX能力。

Canva Design School点击立��费注册体验

Canva Design School是Canva官方推出的教育平å�°ï¼Œä¸“注于æ��ä¾›è®¾è®¡åŸºç¡€çŸ¥è¯†çš„å­¦ä¹ ã€‚å¹³å�°è¯¾ç¨‹æ¶µç›–é…�色ã€�排版等基础技能，教程图文并茂ã€�易于上手，é�žå¸¸é€‚å�ˆåˆ�学者快速掌æ�¡è®¾è®¡è¦�点。在Canva Design School上，设计师å�¯ä»¥é‡�ç‚¹å­¦ä¹ å¹³é�¢è®¾è®¡åŸºç¡€ã€�H5与社交媒体界é�¢è®¾è®¡ï¼Œä»¥å�Šå“�ç‰Œè®¾è®¡ä¸Žè§†è§‰å‘ˆçŽ°æŠ€å·§ï¼Œå¸®åŠ©å­¦ä¹ è€…åœ¨å®žé™…é¡¹ç›®ä¸­æœ‰æ•ˆåº”ç”¨è®¾è®¡çŸ¥è¯†ï¼Œæ��å�‡è§†è§‰è¡¨è¾¾èƒ½åŠ›ã€‚

Envato Tuts+点击立��费注册体验

Envato Tuts+是一个在线设计与开å�‘教程平å�°ï¼Œæ��供涵盖UI/UXã€�æ�’ç”»ã€�动画等多领域的课程。平å�°ä»¥å®žæ“�项目为主，å�Œæ—¶æ��供丰富的模æ�¿ä¸‹è½½èµ„æº�ï¼Œè®©å­¦ä¹ è€…èƒ½å¤Ÿè¾¹å­¦è¾¹ç»ƒï¼Œå¿«é€ŸæŽŒæ�¡æŠ€èƒ½ã€‚设计师å�¯ä»¥å­¦ä¹ Web和移动界é�¢è®¾è®¡ã€�UI动效与原型制作，并通过项目实战演练，将所学知识应用于真实场景中，æ��å�‡å®žæˆ˜èƒ½åŠ›å’Œåˆ›ä½œæ°´å¹³ã€‚

LinkedIn Learning点击立��费注册体验

LinkedIn Learning是一家知å��的在线è�Œä¸šå­¦ä¹ å¹³å�°ï¼Œæ��供丰富的 UI/UX 课程以å�Šå�„类设计软件教程。平å�°æ”¯æŒ�æŒ‰éœ€å­¦ä¹ ï¼Œå®Œæˆ�课程å�Žå�¯èŽ·å�–è¯�书，方便è�Œä¸šå�‘展与技能æ��å�‡ã€‚在LinkedIn Learning 上，设计师å�¯ä»¥é‡�ç‚¹å­¦ä¹ Figmaã€�Sketchã€�Adobe XD 等工具æ“�作技巧，掌æ�¡ç”¨æˆ·ä½“验与界é�¢è®¾è®¡æ–¹æ³•ï¼Œå¹¶é€šè¿‡é¡¹ç›®å®žæˆ˜æ��å�‡è�Œä¸šæŠ€èƒ½ï¼Œä¸ºè�Œä¸šå�‘展打下å�šå®žåŸºç¡€ã€‚

选择å�ˆé€‚çš„ UIè®¾è®¡å¸ˆè‡ªå­¦ç½‘ç«™ï¼Œèƒ½è®©ä½ çš„å­¦ä¹ äº‹å�ŠåŠŸå€�。通过å�ˆç�†é€‰æ‹©è¿™äº›UIè®¾è®¡å¸ˆè‡ªå­¦ç½‘ç«™ï¼Œä½ å�¯ä»¥å¿«é€Ÿæ��å�‡ç•Œé�¢è®¾è®¡èƒ½åŠ›ã€�交互设计水平和团队å��作效率。在UIè®¾è®¡å¸ˆè‡ªå­¦ç½‘ç«™çš„å­¦ä¹ è¿‡ç¨‹ä¸­ï¼Œå®žè·µå’Œå·¥å…·å�Œæ ·é‡�è¦�。国内团队和产å“�å��作的首选就是墨刀，原型ã€�交互ã€�UIè®¾è®¡å…¨è¦†ç›–ï¼ŒåŠ©åŠ›ä½ åœ¨UI设计师自学网站上学到的ç�†è®ºå¿«é€Ÿè�½åœ°ï¼Œç«‹å�³æ³¨å†Œå¢¨åˆ€ï¼Œè®©åˆ›æ„�è�½åœ°æ›´è½»æ�¾ï¼�

自学时，把“看懂一个知识点â€�和“å�šå‡ºä¸€é¡µç•Œé�¢â€�é…�æˆ�一组：学完表å�•è§„范，就在墨刀设计里完æˆ�填写ã€�报错和æ��交æˆ�功三ç§�状æ€�；学完用户æµ�程，å†�用墨刀原型连接页é�¢ã€‚需è¦�ç´ æ��å�¯åˆ°å¢¨åˆ€ç´ æ��广场查找；å¤�用å‰�看清资æº�许å�¯ï¼Œç›¸å…³è®¸å�¯ç±»åž‹å�¯å�‚考Creative Commons说明。最å�Žç»“å�ˆWCAG检查对比度和æ“�作å�¯è¾¾æ€§ï¼Œè®©ç»ƒä¹ å½¢æˆ�完整æˆ�果。