纯干货！UI设计0基础入门全教程

时间：2023-10-03 16:12:01 | 来源：网站运营

时间：2023-10-03 16:12:01 来源：网站运营

纯干货！UI设计0基础入门全教程：

前言

当代在互联网公司，UI设计是一个至关重要的岗位，薪资也比较可观，因此越来越多的毕业生想涌入这一领域。不过想要成为一名合格的UI设计师并不是报个培训班就能转行成功的。市场对于UI设计师的要求不断的更迭，总的来说，这三点是一定必要的：1、基本功 —— 理解UI产品受众，掌握美术基础知识；2、绘图工具 —— 熟练掌握Sketch、Pixso等UI设计软件；3、思维 —— 理解产品交互功能逻辑、理解用户。

如果你有兴趣入行UI设计，又认为自己具备一点的能力，那仔细阅读这篇文章，将会分享网页设计的学习经验。

一、UI设计师要做什么

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

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

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

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

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

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

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

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

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

二、如何提升技能？

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

据统计，目前我国UI设计人才缺口达40万之多，而市场每年至少产生15万的人才缺口，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：

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

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

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




点击链接，试一试吧！▶




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

更多互联网行业干货请戳：

→ 网页设计网站推荐

→ 产品经理软件推荐