起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 零基础自学UI设计的人为何这么多

零基础自学UI设计的人为何这么多

时间:2019-02-28 14:13:27来源:我爱设计网 作者:IT培训网 已有: 名学员访问该课程

机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

前言:认识以上的基础之后,我们就可以开始认识UI设计需要的软件了。UI设计常用的软件有Photoshop、AI、Sketch、AE等,这些软件起码要精通一个,熟练使用两个或以上。

询问自学UI设计的人很多,零基础自学UI设计更是数不胜数,但是这些人学习UI设计总要这样的疑问,那就是零基础如何自学UI设计,如何学习才能快速成才。如果你还不了解UI设计的学习方法,那就来看看下面的文章吧!

零基础自学UI,大致概括为:

培养兴趣>提升美感>认识UI>熟悉掌握各软件>实例操作>总结经验

零基础自学UI首先要知道的就是你自己是否对UI感兴趣,兴趣是最好的老师,如果没有兴趣学习UI,那么自学基本是不可能的,所以自学UI的第一步就是兴趣

第二步就是提升自己的审美,要学习UI,并且成功的掌握了,不能少的就是自身的审美,画图不可少的就是美感,UI设计师的水平决定了产品的颜值,用户的视觉体验不好,很多时候就会卸载产品,因此零基础的学员还需要提升自己的美感

第三步并不是学习UI的软件,而是认识UI,不要认为UI设计只是简单的PS画图, UI官方的介绍是系统和用户之间交互和信息交换的媒介,也就是说,UI设计师是设计用户界面的人。

认识以上的基础之后,我们就可以开始认识UI设计需要的软件了。UI设计常用的软件有Photoshop、AI、Sketch、AE等,这些软件起码要精通一个,熟练使用两个或以上。

Sketch是面向UI设计师、交互设计师的一款软件,所以建议大家多多熟悉Sketch软件,如果你用过PS软件,接触过Sketch之后就会了解到Sketch的优点,零基础的可以参考Sketch零基础入门教程 了解。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

通过教程,你能快速了解Sketch的基础入门知识,熟悉线框图、流程图、图标设计和界面设计等App产品设计流程,并且通过案例能学习到色彩运用、格式塔设计心理学和黄金分割等设计理论和设计方法,以及熟悉Sketch各种高效的插件使用方法。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

零基础自学UI设计的人为何这么多_qh.itpxw.cn

零基础自学UI设计的人为何这么多_qh.itpxw.cn

类似的教程还有UI设计师利器-Sketch教程,也介绍了Sketch界面的基础入门,很适合零基础的学员。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

△Sketch界面

下面借鉴一个用Sketch简单制作的UI小图标的例子,也可以参考Sketch基础教程之IOS图标制作:

1、按U,绘制圆角矩形。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

2、进入EDIT,点击左上角和左边,添加两个点。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

3、然后删除左上角的角点。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

4、按V 绘制折线。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

5、进入EDIT 选择折线角点,CORNERS=2 圆角。边框为黑色,粗细为8 。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

6、使用样式。

首先选择折线,然后点击右侧的Create

new shared style 建立一个新的共享的样式。这个样式就记录了线的各种属性。下面按V,绘制一段线段。选择刚刚新建的path2 style样式。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

7、这个线段就与折线的风格是一样的了。按ALT复制,然后调整大小。

完成之,这作为一个文档图标还可以,但是作为“文本编辑”还缺点什么?缺一支笔。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

8、按R 绘制一个矩形,边框为无,填充为黑色。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

9、按ALT键向上拖动复制,缩小为笔头。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

10、按Transform按钮,调整笔头的形状。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

11、然后,按向下的方向键,使两个图形对象靠近。按Group对二者进行组合。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

12、按旋转按钮,调整到位。但感觉有点界线不分明。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

13、按ALT键复制一个为底层。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

14、设置底层如下属性。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

15、再把”笔”对象叠到上面,按V 绘制一个线段,为白色,粗细为2左右。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

16、完成图标。

零基础自学UI设计的人为何这么多_qh.itpxw.cn

需要Sketch的可以自行百度Sketch下载。

至于PS、AI、AE等的软件我就不详细介绍了,可以自己在网上找一些相关的资料或者书籍教程,如果不知道参考哪一些资源较好,感兴趣的可以参考:

PS入门教程

1. PS零基础到精通 入门教程

2.Photoshop基础教程实用技能精讲

AI入门教程

1. AI基础教程入门

2.Illustrator CC零基础入门教程

AE基础+实战教程

李辰:C4D+AE高级特效实例教程

熟悉了软件之后,就要开始模仿一些实例,一定要坚持练习,从中会得到很多你意想不到的收获。

总之,零基础自学UI,这本就是一个艰难的过程,自身的毅力也是需要考验的,既然开始自学UI,就坚持下去~

我就介绍到这里,望交流~

本文转载于知乎一文:“如何从零基础自学UI设计”如有侵权请联系,必删,谢谢!

文章出自:http://qh.itpxw.cn/peixun/ui/201947084.html

文章标题:零基础自学UI设计的人为何这么多



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

(责任编辑:IT培训网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------