15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 纯干货!UI设计0基础入门全教程

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

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

→ 网页设计网站推荐

产品经理软件推荐

关键词:入门,教程,基础,设计,干货

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭