必看！关于UI设计的入门指南！

在互联网飞速发展的当下，企业越发意识到用户界面的重要性，更加注重利用设计思维来规划产品形态，对于UI设计师的需求量正在逐年递涨。

据统计，目前我国UI设计人才缺口达40万之多，而市场每年至少产生15万的人才缺口，UI就业市场供不应求。UI设计目前已成为热门的高薪职业，新入行UI设计的人，只增不减。但到底应该如何入门UI设计呢？本文将带你一起探讨。

在此之前，先要了解UI设计师的工作内容：

「UI设计师」 —— 从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。

一名UI设计师，其主要工作在于注重页面的呈现效果，在考虑界面美观程度对用户体验的影响下，来进行设计。

从网页UI设计师来举例：当你打开一个网页，看到其中的导航栏、界面元素或icon等等，这些视觉产物都是UI设计师的作品。当然，在设计过程中UI设计师也要参照团队方案和参考产品经理的想法，来进行深入设计。

综上所述，不难发现UI设计师所需要具备的综合能力不仅仅只是绘画，大致可以分为以下几点：

「软件技法」▶ 熟练掌握Sketch、Pixso等UI设计软件

「界面设计能力」▶ 理解UI产品受众，掌握美术基础知识

「交互思维」▶ 理解产品交互功能逻辑、理解用户

「品牌塑造能力」▶ 了解品牌定位逻辑

「团队协作能力」▶ 与产品、研发完美配合，完成产品设计

1、 UI视频教程

虽然是自学，但其实网上有非常丰富的教程资源，有系统的UI课程，也有比较零散的功能课程。

有经济和时间基础的新手，可以从系统教程看起。

01 网易云课堂 《UI教程--UI界面设计零基础入门》

—— 免费教程，对UI有所兴趣的群体可以先在这个平台对UI先进行了解。

02 中国大学MOOC 《UI及交互技术》

—— 由南京邮电大学的教授授课，旨在如何更好地理解用户研究方法并应用于交互设计项目中。课程有一定系统性，适合入门。

此外，这个网站里有许多国内知名高校的经典课程，非常推荐大家进入官网自行搜索适合自己的。

03 慕课网 《UI入门小锦囊》

—— 同样适合入门选手的免费课程，相较于上两类视频更生动，但不够系统。

04 B站 《从零基础入门到精通UI设计(2021最新全集）》

—— B站除了能看鬼畜，也有不少高质量的教程视频，比如这套时长18小时的系统UI入门视频。

2、 UI设计书籍

UI相关的书籍不少，但更建议具体的功能操作通过视频教程来学习，毕竟步骤演示更直观。

但并不代表设计类的书籍就不值得一看，可以通过书籍，了解设计的理论基础知识与心得经验。

像诺曼的《设计心理学》系列就是学习设计相关心理学知识，从生理层面开始认知；这一部分的书籍能从用户角度入手，阐述意识对图形的反应与关联行为，让UI设计师更好地从交互心理去揣摩、设计。

▶《设计心理学》

▶《界面设计模式》

▶《简约至上》

▶《认知与设计》

3、 勤练

好记性不如烂笔头，这句话放到UI设计中也是适用的。

光看视频不自己动手设计永远都不知道图该怎么做。

三、需要学习哪些软件

UI设计发展至今已有数十载，设计软件市场的天下也从单一的Photoshop，演变成了sketch、figma等百花齐放的现状。

设计师软件早已不再是追求大而全的时代了，越来越多小而美的专业设计类软件涌现，例如近几年突飞猛进的sketch就是UI矢量设计软件类别中的代表作。

作为专业的UI设计师，已经不再只局限于PS这一款软件了，如今的UI设计软件市场上，这几款软件都是非常好的设计利器：

01 Pixso：

专门的矢量设计软件，中文生态，功能简洁但齐全，利于新手入门；

在线设计，无需下载软件，对电脑无要求；

同时支持团队协作，能够多人同时在线设计，交付时发送链接即可完成，让沟通与协作都更简单。

点击链接，试一试吧▶Pixso.design

02 Sketch：

传统设计软件，功能齐全，拥有强大的插件生态，但只能macOS运行

03 Figma：

线上版的sketch，可以完成从原型、设计到交付的一系列流程，但目前暂无中文版，只能安装插件使用。

04 XD：

Adobe公司推出的UI设计软件，操作习惯与PS类似，利于PS、AI用户上手；但相较于Sketch，UI设计功能不够齐全。

————————————————

做UI设计，没有强制规定哪一款软件是必备的，能熟练的运用工具高效完成设计，这才是根本。

四、分享资料网站

设计并不是一件平地起高楼的活，而是需要大量的经验、素材积累而成

平时多浏览素材网站，多学习、揣摩大佬作品，对自己的帮助也很大~

01 Behance —— 高质量设计社区

拥有众多优质案例的设计网站，可以输入中文进行搜索，缺点是需要翻墙。

02 coolors —— 配色网站

coolors是一个不需要翻墙且免费的调色网站，能生成众多经典模板，你可以直接在模板的基础上进行修改，确定好模板后可以导出在设计文件中进行使用。

03 Pinterest —— 设计素材网站

Pinterest云集了众多优秀的设计人才，汇集了非常多的优质设计案例，当没有灵感的时候可以去观摩一下大家作品。

04 UI中国 —— 国内高质量设计师交流社区

聚集了国内大量的优秀设计师，人气最高的设计师交流平台，可以直接在设计师作品下留言，相互交流经验。

再分享一些设计类的网站，都挺值得一看：

https://www.designboom.com/

https://dribbble.com/

Awwwards - Website Awards - Best Web Design Trends

www.deviantart.com

UI设计是一门适合自学的职业，但想要学精并不是那么容易，希望皮皮的回答能对看到这里的你有所帮助~