本文由:“学设计上兔课网”原创,图片素材来自网络,仅供学习分享

ui设计自学对于零基础的人来说难不难?UI设计作为一个相对新兴的专业设计门类,目前定位还是蛮尴尬的,因为ui设计在国内的爆火其实就是在2010年移动互联网爆发之后开始,狭义上来说它在国内的发展史也就十几年。所以国内的ui设计目前并没有官宣独立门派,也没有归类于平面设计,而百分之九十九的大学也没有单独设立这样一门课程。这也就导致了大量有意向学ui的人只能通过大学报考视觉传达专业,或者自学来达到入门。

在这里,兔课菌给出从零基础如何自学ui设计的方法:

一、在校学生

不管你们学历是本科还是大专,你们自学ui设计的概率是最高的,因为学生在校有比较充足的时间来奠定基础,方便未来走的更远,不过系统化的教学形式,能教给你一个长久有效的方法,你只需要照着这个方向去努力就可以了,就像是到达同一个目的地,自己走路和花钱打车是完全不同的!没有强大的自学能力,还是不建议自学。

话不多说,接下来我将分点给你们叙述如何在校自学ui设计:

1. 设计启蒙与专业书籍

这里的话建议大家看一些视频或者去图书馆借一些书(网上买也行),兔课菌在这里给大家推荐一下比较好的书籍和视频

《世界现代设计史》:图书,学完之后对设计有一个基本概念。

《设计心理学》:此书始终强调以人为本的设计哲学,将认知心理学和行为学等多学科的方法导入到设计之中。

《写给大家看的设计书》:复杂的设计原理在书中凝炼为亲密性、对齐、重复和对比4个基本原则。全书包含大量的示例,让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。

《UI设计黄金法则》:这本书主要讲ui设计的设计法则,作为零基础学生来说一开始可能会看不懂,但是非常适合你们在入门后进行阅读。

《配色设计原理》:这本书是设计的配色如何搭配,不懂配色,不会配色的,这本书可以看,系统的讲解了如何做好设计的配色。非常适合零基础学设计的学员,平面,UI,网页设计通用的配色方法。本书全有讲解,而且是从零基础到精通的系统书籍。

以上书籍推荐零基础的同学在大学期间进行阅读,后续再去研读一些市面上比较有针对性的书籍,这是一个长期的过程,不是说要死记硬背,通读之后要心里有那么一个概念,到了后面实际设计过程中才会有一种“知其所以然”的感觉。

2. 设计三大构成

如果是美术统招的同学应该知道,正常情况下在大一是要继续进行素描,色彩,速写练习的,而在第二学期或者大二,基本设计系(环艺,视觉传达,广告…)的同学都需要进入到三大构成的学习中,之后才是软件基础以及实操课程,这是国内目前大部分大学关于设计课程的设置,目的则是为了锻炼学生的基础美学能力。

(ps:很多同学会抨击学校的教学太过落后,出去找不到工作,其实,只要是正统科班设计出身,能够真正打下扎实基础的同学哪怕刚毕业很难找到工作,只要再经历一下实际项目操练,后续的成就都不会太低的。)

至于不是美术统招的同学或者不是设计类专业的同学,先天缺少了基础美术教育和设计三大构成的学习,在自学的过程中如果过快的进入到软件技能的学习中的话,可能会出现界面单调啊,不懂配色啊,设计不出亮点啊等等的问题。所以为了解决这个问题,兔课菌建议在校的同学们不管是设计类还是非设计类专业的同学,都要学好三大构成。

q:为什么不从美术基础开始学习?

a:对于单纯学设计的同学,美术基础学习太过耗费时间,收效甚微。

什么是三大构成?

三大构成即平面构成色彩构成立体构成,是现代艺术设计基础的重要组成部分。

平面构成:运用视觉元素在二次元的平面上,按照美的视觉效果,力学的原理,进行编排和组合,它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。练习过程中可以通过几何图形,点,线,面等方式,在平面上进行设计

练习方法:在纸上绘制大小一样的方格,在每个方格里用不同的方式(点的构成,线的构成,面的构成均可)进行填充,当然,也可以在电脑上,工具自己决定。

色彩构成:色彩构成是艺术设计的基础理论之一,我们需要通过对色彩的知觉和心里效果出发,利用色彩在空间,量与质上的可变换性,按照一定的规律去组合构成。它与平面构成及立体构成有着不可分割的关系,色彩不能脱离形体、空间、位置、面积、肌理等而独立存在。

这里兔课菌私心要提一个画家- “彼埃·蒙德里安”,他主张极端简化和单纯,他完全不画眼睛看到的实物,把绘画语言限制在最基本的“直线,方块,三原色”上。他的理论对后世各类非写实画派以及建筑设计等都有深厚的影响。

练习方法:同样如同平面构成那样进行练习,只是从黑白变为彩色。需要注意各种颜色配合之间需要和谐

立体构成:立体构成也称为空间构成。立体构成是用一定的材料、以视觉为基础,力学为依据,将造型要素,按照一定的构成原则,组合成美好的形体的构成方法。

练习方法:可利用废弃易拉罐,石头,一次性筷子等材料,自由组合成立体形状。

以上,对与练习完三大构成之后,不管是科班同学还是跨专业的同学,都能起到引导艺术设计基础的作用。

3. 掌握软件技能

从这一步开始,就要学习软件了,而在学习软件之前,大家要知道我们需要学习什么软件。

为什么这么说呢?

主要的问题就是ui设计这一个设计门类涉猎的软件非常广泛,包括各种新出的团队协作软件也好,各种各样的交互动效软件也好,琳琅满目,而对新人来说,有针对性地开始学习比无头苍蝇乱撞要好的多。

这里,兔课菌给大家列一下目前最优先学习的各种软件:

第一优先级:

Sketch:只支持mac用户使用(摔),轻量级界面设计工具,用户体量巨大,基本一线ui设计师都在使用,有多种插件功能可以玩,做界面快速高效。

练习方法:有苹果电脑的同学自行淘宝购买教程,几块钱十几块钱就能买到

Adobe xd:支持win与mac双系统,轻量级界面设计工具,对于windows用户(没有办法使用sketch)来说的福音,并且隶属于adobe全家桶,兼容性好。

而且Xd在这两年慢慢积累了不少的用户,插件库也逐渐完善,兔课菌私心比较看好。

练习方法:自行淘宝购买教程,几块钱十几块钱就能买到

figma:横空出世的团队协作型界面原型工具,功能上来说接近于sketch和xd,但是figma是可以不用下载软件的,直接打开网址就可以在上面进行设计,也就是说你只要浏览器,和网络,就可以进行设计,甚至可以用ipad….

这个工具目前已经抢占了不少原sketch的用户,一些一线大厂也在使用,唯一的缺点是网页只有英文版,感兴趣的同学可以去试着用用看。目前是有免费版的。而操作方面,只要会xd或者sketch的操作,基本就可以无缝对接。

以上三个第一优先级的工具,同学们学习1-2个即可

第二优先级:

ps:老牌图像处理设计工具,可用于平面,绘画,室内设计,等等,而对于ui设计师来说,需要掌握到可以临摹你看到所有视觉效果为止。

练习方法:万能的淘宝有教程

ai:矢量绘图设计工具,一般用于矢量插画,图标,logo等设计,需要重点掌握路径选择器,布尔运算,钢笔工具,3d工具。

练习方法:万能的淘宝有教程

蓝湖:可用于sketch,xd,ps等软件的插件工具,主要用来进行切图,标注,上传设计稿,写产品文档,与前后端协作。操作简单,直接去官网上手即可。

墨刀:快速完成原型设计,可做交互原型,可多人协作,对于ui设计师来说足够日常使用,唯一的缺点就是有点小贵。

protopie:高保真原型交互工具,可无缝对接sketch,xd,figma,用了它,你会发现做交互动效如此简单,强推,就是有点小贵。

第三优先级:

Ae:可以用于视频剪辑,动画,电影特效,对于ui设计师来说需要用的功能很少,故排第三优先级,重点学习mg动画。

练习方法:自行淘宝购买教程。

C4D:用于建模,渲染,属于学会了加分的工具。对ui设计师来说非必学

练习方法:万能的淘宝

4. 临摹与借鉴

到了这一步,我们软件基础也学得差不多了,可以进入临摹的阶段,临摹阶段分两块:

第一点是临摹视觉效果好但不好落地的视觉稿,也就是网上的一些大神的作品,这种临摹主要以借鉴风格,流行趋势为主,通过大量的练习可以很好地提升自己的视觉能力。

第二点是临摹已落地的,然后分析其产品逻辑,交互方式,风格特点等。

如:微信,知乎,微博,网易云音乐等等….

练习方法:可以通过截图的形式来分析这些已经成功上线的页面他们的间距,字号,为什么要这么设计的原因,找到规律。

除了界面以外,还需要临摹图标,插画,banner等,一边临摹一边思考,相信我,这样两三个月临摹下来,你的脑海中就已经对ui设计有一个基础概念了。

5. 重设计与创作

经过临摹练习以后,大家基本对一个界面的构成需要满足什么条件有了一个概念,这个时候,就可以找一些你自己觉得设计的不太合理或者说视觉不太好看的产品,比如豆瓣app(别打我…),比如国家大剧院官网,或者学校网站,之后,你们对这些进行一个重构设计,就可以有作品去填充你的作品集了。

这也是很多已经在工作的ui设计师的平时日常训练项目之一,重设计不单单考验你的创作能力,还有你对产品的理解以及用户体验的掌握。

6. 作品集与设计提案

了解了设计史,学习了设计理论,熟练掌握软件技能,绘制了大量的练习作品以后,你们就需要制作一份作品集了,而设计师面视,作品集是很重要,这个是体现你设计能力的东西,哪怕你没有实际的项目经验,但是作品集好看,至少可以证明你的视觉能力没有问题,缺的只是实际项目的历练。

所以,加油吧少年。

二、想转行的同学

首先,上面的这整套流程是不可能全部适用你的情况,毕竟对于想转行的同学来说时间才是最宝贝的东西。

那么,兔课菌在这里给出一个方法:

1. 设计启蒙与专业书籍

可以通过平时碎片化的时间来进行补充,每天抽出1到两个小时进行充电,并且要保持习惯。重点观看《设计心理学》《写给大家看的设计书》

2. 设计三大构成

优先自己练习平面构成与色彩构成,立体构成没条件可以先掠过。

其他的步骤与在校学生一致。

写在最后:设计其实是一件可以干一辈子的事,这也是为什么我觉得不管是科班出身还是非专业的同学都可以学习ui设计的原因,兴趣是你最大的老师。可能科班学生会有一些优势,但是只要保持高昂的学习兴趣,你们的成就同样也会达到一定的高度。

*图片来源于网络,侵删*

ui设计自学对于零基础的人来说难不难相关推荐

  1. python学起来难不难-零基础学Python爬虫难不难?要怎么学?

    零基础学Python爬虫难不难?要怎么学?众所周知,Python是最容易上手的编程语言,如果有一定基础,学会Python爬虫也是分分钟钟的事.对于零基础的学习者来说,Python爬虫也是比较简单的,只 ...

  2. 零基础python数据分析自学_零基础的人,怎么自学数据分析?

    零基础的人,怎么自学数据分析? 优秀的数据分析师并不能速成,但是零经验也有零经验 的捷径.市面上有<七周七数据库> , <七周七编程语言> . 今天我们就<七周七学习成为 ...

  3. 零基础学3D建模难不难?

    零基础应该如何开始学习3D建模 大学为啥教不出产业所需要的游戏美术人才呢? 很多大学给自己的定位是教学问的,而不是 教技能. 这也是为什么中国的教育分为本科和专科:本科教学问,专科教技能. 但是令人 ...

  4. C语言是一种怎样的语言,零基础学习C语言难不难?

    C语言除了能让你了解编程的相关概念,带你走进编程的大门,还能让你明白程序的运行原理,比如,计算机的各个部件是如何交互的,程序在内存中是一种怎样的状态,操作系统和用户程序之间有着怎样的"爱恨情 ...

  5. 一个几乎对英语零基础的人,该如何有效,且高效的学习英语?

    对于零基础学习英语者的一些有效建议 对于英语零基础的人来说,学习英语需要遵循一定的步骤并保持耐心和毅力.以下是一些建议,帮助你高效地学习英语: 学习基本语法:学习英语的第一步是了解基本语法规则,例如名 ...

  6. python好学吗要有什么基础-Python好学吗难不难?0基础能学会吗?

    大家都知道,Python是一门非常不错的编程语言,应用领域广泛,薪资待遇高,发展前景也是非常不错的,吸引了很多爱好者,那么Python好学吗难不难?零基础可以学会吗? 1.Python好学吗?0基础可 ...

  7. UI设计培训分享:UI设计自学好还是报班好?

    UI设计自学好还是报班好?很多想要学习UI设计的同学都比较关心这个问题,小编觉得,如果是零基础的同学,那么报班学习是首选,如果有一点基础,自控力又比较好的话,可以试着自学,来看看下面两者的具体区别吧. ...

  8. 别着急学软件!先掌握科学有效的UI设计自学姿势(超全面)

    编者按:这可能是有史以来最值得阅读转发的一篇UI设计自学指南.作者是个全栈设计师,在临摹了大量教程,掌握了PS.AI等软件后才发现自己对于真正的设计一无所知,因此写了这篇文章,希望能帮大家用正确的方式 ...

  9. ui设计自学网站推荐, ui自学难吗?

    ui设计自学网站推荐是我们每个学习ui设计的小伙伴来说最关心的推荐,这会给我们的学习过程省下更多的时间,也不用我们自己到处找,还不知道是不是好用.所以今天作为长期在UI设计这方面学习的我来给大家分享一 ...

最新文章

  1. css3媒体查询实现网站响应式布局
  2. WebView通过loadDataWithBaseURL加载本地页面卡死
  3. textarea选中行删除_如何一键删除表格空行,这个方法才最高级!
  4. Delphi下的GDI+编程[2] DrawLine - 绘制直线
  5. spring tx:advice 和 aop:config 配置事务
  6. 《嵌入式linux应用程序开发标准教程》笔记——7.进程控制开发
  7. 有关于java的final修饰符
  8. 动态规划算法-01爬楼梯问题
  9. SAP CRM呼叫中心end按钮的实现逻辑
  10. 策略模式、观察者模式、代理模式、装饰模式 应用场景和实现
  11. linux安装中文输入法sc,Linux下安装Discuz_7.2_FULL_SC_GBK
  12. beyond compare 4.2.9桌面右键集成的问题修复
  13. java处理获取到的Elasticsearch数据
  14. 《防患未然:实施情报先导的信息安全方法与实践》——2.3 情报循环
  15. angularjs+uib-pagination实现同一页面多个分页功能
  16. 计算机最大化快捷键,最大化窗口快捷键,mac窗口最大化快捷键
  17. 短信验证码是什么?短信验证码是什么意思
  18. 服务器-----tomact服务器工作原理及其工作报错
  19. toLocaleString也太好用了吧!(超方便转千分位,中文数字等)
  20. 得力标签打印机,驱动程序安装不上,手动安装好打印没反应

热门文章

  1. 人工智能、机器学习领域13个常见概念
  2. 《同桌的你》之BT版
  3. 关于项目连接docker数据库报错不存在表的问题
  4. linux系统查找dat文件命令,linux下的一些常用命令
  5. mallet java_Mallet:自然语言处理工具包
  6. 软件测试需要学什么(软件测试人员怎么入行)?
  7. 密歇根大学计算机科学与工程,密歇根大学计算机专业有何独到之处
  8. QT里面Q_PROPERTY的使用
  9. 一家赔了15年的书店,为什么得到人们如此厚爱?丨好书优选
  10. Jquery UI dialog弹出层插件