如何自学成为UI设计师?

论坛 期权论坛 期权     
闲看   2018-10-7 01:58   8487   10
分享到 :
0 人收藏

10 个回复

倒序浏览
2#
荒野女巫  2级吧友 | 2018-10-7 01:58:42 发帖IP地址来自
我自己就是一个例子,穷女屌丝一枚,原来在室内设计圈混了两年,前段时间辞职了,现在苦心自学ui,我原来以为设计都是相通的,没想到完全是不同的领域,自学真的需要极强自觉性,要是没有觉悟,就还是去报班,我现在自学就是用的火星的教程,还不错,内容挺全面,但是真的最主要的是要你主动去学习,主动去练习,主动看视频,一个视屏三小时,真的需要坐的住。如耐得住寂寞!不能分一点心,大家可以一起交流私信我哟!
3#
乄蕾姆  3级会员 | 2018-10-7 01:58:43 发帖IP地址来自
个人感觉有些学习网站就可以  比如惊喜设计之类的   可以进去看一下  一般都是免费的  比较正规
4#
李玲姣  3级会员 | 2018-10-7 01:58:44 发帖IP地址来自
[h1]第一点:学习准备——启蒙[/h1]学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知。在开始正式学习前,你需要花足够的经历去了解和查阅它的起源、发展、应用、未来。UI作为平面设计的一部分,再往上又从属与美术学这一大类。因此,首先要先去了解整个美术史的发展。从人类起源各个阶段中,美术经历了什么样的变化,在各自的时代发挥了什么作用,近代美术史又经历了哪些波折,平面设计艺术是如何发展壮大走进千家万户,并且有哪些经验成功过度到后来的UI设计中。那些享誉中外的艺术大师有何过人之处,他们为美术学发展做出了哪些贡献,他们的名作到底有何动人之处。
在今天的UI设计群体中,我们作为专业的设计人员,可以和别人侃侃而谈雷军的创业心得,罗胖子的工匠情怀,滴滴快滴的商业模式以及BAT在传统行业的布局等等,各种其实并不太相干的话题,却说不出半点艺术见解。
我们看不懂博物馆展览那些画作,不知道梵高画了什么作品,抽象派到底在闹腾些什么,更甚者连扁平化的推动有什么深层次的原因都不明白。
如果说最近很火的二月河说大学生不看《红楼梦》是耻辱尚有争议性,那么设计师无法理解前人艺术成就是绝对的悲哀,无法辩驳的事实。
了解美术史,学会入门的美术鉴赏,目的是以正视听。学会用多个纬度去思考美学,学会用更深入的方法来看待问题,学会从更宏观的视角审视行业……这样,你才能更客观的去理解UI的发展历程。这些知识和思想,将为你的职业生涯做出启蒙,才更容易成为一个有内涵有深度的设计师,这当中还有诸多优点,就得靠你们自己慢慢体会。
[h1]下面推荐书目:[/h1]《艺术的故事》([英]贡布里希)(重点)
《西方美术简史》((美)亨德里克威廉房龙)
近代设计史(一下搜不到这书的地址,回头我拍张照片)
《设计心理学3:情感设计》 (有1,2,3,都得看)
以上是我目前看过能想到的最基础书目,如果有朋友觉得还有合适的请留言补充上来。
哲学有三大哲学问题,“你是谁?”“你从哪里来?”“你要到哪里去?”,构成了哲人在探索人世真理时的基础框架。我们也一样,要在阶段给自己提出三个问题,并花至少一个月的时间寻找答案:
设计是什么?设计是如何产生的?设计可以做什么?
[h1]第二点:绘画技巧——洞察[/h1]曾经和很多同行争论过,UI设计,到底需不需要手绘训练。想必大家都知道,目前国内知名的UI设计师,追波上的大神们,很多都是草根出身,从其它行业空降来的,他们的出色是有目共睹的,似乎从某种层面上证实,不需要有绘画基础,也可以做好UI,也可以当大神?
图样拿衣服!我们来说说绘画的问题。
美术高考主要考的三大项:素描、速写、色彩。就是绘画入门的三大基础课题,我们学习的过程也是以这个顺序逐步覆盖的。如果你已经在第一部看完了那些书籍,就会知道,学习基础绘画的过程中,我们在纸张上对现实世界的物体进行细致准确的描绘,也就需要我们更仔细的观察事物。光照射的角度是如何的,在对应的形状中表现出什么明暗分布,在透视原理下杯口厚度的弧形是怎么变化的。随着绘画的深入你就会逐渐培养一双洞察细节的眼睛,你会对所有设计和形体做出本能的反应,分析它们的美丑,找出核心所在。
我们看看下面这样的案例:





这是一个很简洁的小鸟,只用几个细节就轻松的表现出来,但我相信,如果要原图照抄,有90%以上的UI设计师是画不出精髓的(不信你们试试)。越是这般简单的图形,在弧度、头身比、重心偏向这类细节上就越关键,如果你没有良好的观察能力,那么就连抄也抄不像,你只能做出曲线都歪歪扭扭的贝西货并自己洋洋得意地四处上传设计媒体求赞求认可。
前面提到的这批国内的大神,其实就是在远超常人的勤奋中积累了观察的经验,以此可以复制一定的风格,并能发现设计中的细节而不断做出改正。但这就完了么?当然不是。
你们可以仔细去观察这些没有绘画能力的UI设计师,他们的作品存在着很强的局限性,虽然可以很好完成熟悉领域和流行风格的设计,但是形势是很单一,并且缺乏真正的创造力。强大的手绘能力,除了提高洞察力以外,就是为你将来创作的多元化提供更多可能,看下面案例:





比如绘制这样的图形,私以为没有手绘技能无异于天方夜谭,而GAME UI的最大门槛就在这里。你的绘画技巧会支撑你跨过更多的门槛,在设计的道路上有更多的选择和可能,也会支撑你走的更远。
那么学习绘画要到什么程度呢?直到你觉得可以正确绘出静物为止。推荐去报一些高考培训的机构,和高三孩纸们一块儿学画,你会提升的相当快,这个过程只需要两三个月的时间。不要觉得可以跳过,将来成为出色设计师的成本将远低于不学习绘画的其他人。
还有,最重点要掌握的一个绘画技能,我觉得是结构素描。





你就可以在纸张上对想绘制的图形做出快速、准确的打稿,效率和延展性远胜上机鼠绘。
手绘将贯穿你整个职业生涯,在今后的学习工作中要保持这个习惯,相信我,每到一个合适的时机,它总会给你带来意想不到的惊喜。
[h1]第三点:掌握软件——手段[/h1]这一步就正式开始进入学习软件的步骤。如果学习的是UI,那么以下几种软件是必不可少的:
PS、AI、DW、Sketch……其余的根据爱好自己补充。
这里要先和大家谈谈,我们都知道美工对于设计师来说已经成为具有侮辱性的贬义词,设计师们喜欢反驳,你丫才是美工,你全家都是美工。有点小理想的有志青年们都对这个称谓充满鄙夷,但我得给大多数人泼冷水,因为大多数设计师连一个合格的美工都够不上。
我们知道美工代表的是一种技师的称谓,有一定技巧但没有创造力。可偏偏就是绝大多数人都没有掌握足够的技巧,这就是当前设计行业所需要面对的事实。很多设计师没有经过前两个步骤的熏陶的,所以在学习软件的过程中很容易自满,明明对软件的掌握还很肤浅就已经恬不知耻的在简历中输入”精通“二次(哎呀,好像在说我自己!)。他们的视角是狭隘的,只认为学会了PS这些工具,就学会了设计,也忽略了自己远远没有达到美工门槛的界限。下面我来谈谈怎么学习这些软件。
首先看李涛视频的前三课:李涛Photoshop高手之路基础篇。另有提高篇,同在云课堂。http://study.163.com/course/courseMain.htm?courseId=203001
只看前三课!重复强调一遍,先只看前三课,并且做好笔记把所有内容都背到滚瓜烂熟为止(我看了至少五遍以上)。这是整个UI设计行业里最基础的知识点,光、色、分辨率、色彩模式,连这些都没有掌握你就不要想精通设计软件和掌握它们的原理。
然后你就开始去看别的视频教程,这时候可以去淘宝买:PS教程
几块钱就有一打的高清入门视频,不要浪费时间在搜索免费的低质量视频上。入门教程基本都是相同的,你要完整的看完和跟着学习几个新手教程,直至对软件使用有了初步的理解,然后再返回去看李涛的视频剩下的内容。
那软件要学到什么程度?学到你可以用它临摹出任何使用这种软件设计的图形。一定要记住,设计软件只是我们用来实现设计的一种手段,过度沉迷在软件的研究中是本末倒置的,但如果你使用软件连抄都抄不出来,那就是一种不需要反驳的耻辱。例如下图:





这样的作品,你有了足够的观察力,靠对软件的掌握度就可以轻松临摹,但很多已经从业数年时间的设计师连这种临摹都做不到,原因在哪里你们自己好好想想。软件的掌握是为你实现更多设计方案提供可能性,不要让软件熟悉度这件最简单容易的技能变成自己的短板,至少我们要成为一个合格的美工!经常自己做一些练习来测试自己对软件掌握度在哪里,就很容易发现问题,然后自己去查资料做研究。
好好去理解每个软件可以实现什么,优势是什么,极限在哪里。然后你就再!也!不!会!跑去大神评论区里问:好牛逼,请问这是PS做的吗?请和我默念这是本世纪设计界里最愚蠢的评论,不要让它们发生在自己身上。
再唠叨一次,软件只是一种手段,你还并不懂设计,少吹牛逼!
[h1]第四点:设计理论——实践[/h1]广义上来说,到这步才是真正开始学习设计,也是让一、二两点作用开始充分发挥的时候。
因为看过艺术史,所以你会知道,每个时代流行的艺术创作有各自的手法特点,有共性,所以可以被归纳和总结,也就可以教授,培养出相同的作家。换句话说,美术家是可以被量产的。在理论不断被完善的今天,要做出好的设计一样是可以通过理论学习——实践产生,一定不要认为这是天赋上的差距,别人比自己就更有艺术细胞。那些能被历史铭记的艺术大师,之所以伟大,是因为他们的开创性或者作品所包含的人文精神和伟大的灵魂,而不只是一幅出色的图画。
前面的几点都为你提供了足够的实践基础,所以在这部才能让你正确看待自己的潜力,不会轻易停下追求进步的脚步。只有最伟大的设计师才需要较量天赋,而成为一个优秀的设计师靠的是努力。设计是勤行,不是设计人,不入设计门。
那么理论知识我们该学习什么呢?首先是基础中的基础:三大构成(基础含义)
每个方向都需要阅读相应的教材,重要性无以复加,你需要在观看的时候一边做练习。然后才是具体设计类的书籍,记得不要再买那些无用的通篇告诉你软件操作的书籍。
还有个差点被我忽略,本来想单当一个步骤说得,后来想想还是归纳到这里来,那就是对于字体的认识。UI设计师普遍对字体缺乏敬畏,尤其在扁平化盛行的今天,字体的作用更加突出。只有掌握了字体的奥义,才能设计出有力的排版,才能对可读性和观赏性文字符号有充分的了解。比如日本二十四节气网站就是运用字体的优秀案例:日本二十四节气网站(原网站好像打不开了,只有图)。推荐书目:
《商业字体设计》(方茜)(一定要看!!)
《好字体》(向玫玫)
《文字设计的原理》([日]伊达千代,内藤孝彦)
接着就是关乎排版,栅格化_百度百科
这也是UI设计师必须掌握的基础技巧之一。对栅格化有充分理解,就可以设计出足够安全而和谐的页面,下面书目:
栅格排版法(找不到了,我回去翻翻)
《版面设计的原理》([日]伊达千代,内藤孝彦)
《超越平凡的平面设计 版式设计原理与应用》([美]麦克韦德(John McWade))
还有一些相关的基础推荐书籍:
《形式感+:网页视觉设计创意拓展与快速表现》(晋小彦)(重点推荐)晋小彦新书好文预览:
《在你身边,为你设计:腾讯的用户体验设计之道》
设计的理论书籍教会你怎么设计,你需要在不断接受知识的同时,马上对它们做实验,不停的练习,不停的产生问题并解决。在你的设计观念足够成熟前,绝对不要没事上网看设计的XX法则,如何做好网页设计你需要掌握的XX个技巧,完全就是设计界的鸡汤文,它们看着其实挺有道理,但完全没办法给新人提供实践指南,是用来遗忘的,即使看再多这类鸡汤文,你也做不好设计。你的学习过程在每个方面都要系统而有调理,书籍比零碎的阅读可以给你带来更多的帮助和进步。
[h1]第五点:逻辑取舍——平衡[/h1]在这篇文章:《太及时了!视觉设计师怎样让前端100%实现设计效果?》已经说很详细了,作为UI设计师,是必须掌握前端的对应技能的,这不是可以完全无限制的发挥设计技艺的地方,你就要有取舍,要跟的上前端开发的逻辑,做出稳定可以被实现的设计稿。
学会HTML5 CSS3 JQ的入门,安卓、IOS的实现规范!
[h1]第六点:鉴赏模仿——超越[/h1]特地把这点放到后面,也是有理由的,前面的步奏都是一个设计师基础素养的实现,而一个出色设计师还需要培养自己的套路和风格——站在巨人的肩膀上。
你要学会如何辨别优秀的作品,可以从多个渠道收集优秀作品和案例,首推使用:
学会看优秀的案例,用它们给你提供设计的燃料,然后你要做的就是抄!抄!抄!用你学过的设计理论在实现中对案例进行分析,只有发现了它们的优点并自己动手实践实现了,才对你的提升有实际帮助。你每天抄一个案例,BANNER、ICON、APP界面,那么不出几个月,你就能对现有的设计形式套路了如指掌,可以设计出安全不会有太大毛病的UI设计稿,你可以轻松完成这样的:





而不会做出这样的:





同时,必须提醒一点就是,我们在设计过程中对美的追求和实际实现、用户需要很多时候是不一致的,这是一个坑,需要有足够的经验去判断什么样的设计已经足够了,什么样的是过度设计,没有实际意义。你不止要在网上搜索优秀的案例,一定要持续关注这些那些最简单,但是最受欢迎的网站和应用。例如:知乎、INS、微信、淘宝等等。去不断讨论、查阅,来理解为什么是当前的呈现式样,而不如自己的预期。
你要在练习和思考中进步,不要盲目的追求视觉表现,这样的UI设计师是很难真正的成长起来。
设计的终极目的是解决问题,而不是盲目的表现自己对美的追求。所以我要新手不要去看那些只上传飞机稿的网站。
当前主流设计平台的趋势就是,少数大神驱动庞大的底端设计群体,如果你已经在前几个步骤得到提升,那么这些网站的多数设计师已经在思想上没法和你并驾齐驱,不要去这些地方混迹。这些网站不会有真正有价值对等的交流和见解,只有设计师在自己圈子里找自信刷存在感的证明,你去扫两眼评论,就知道不会有“落霞与孤鹜齐飞,秋水共长天一色”这种回答,只有“哎呀,我草,牛逼”,“请问这是用数位板画的吗?”,“请问这是AI做的吗?”。这些大神的飞机稿和普通练习的迅速流传,很可能会产生诸多的不良印象。
就拿我深深唾弃的追波来说,大量的作品没有任何实践价值,尤其为了吸引同行关注而过分秀技巧,秀动效。于是动效的风气马上在国内圈子弥漫开,明明是连基础排版、配色都做不好,PS都还没捂热,就追着赶着学习AE,开始玩转交高大上交互特效了。具体请看:《设计追波风!值得每个设计师阅读思考的深度剖析文》
当你抄了两三个月案例,就已经有足够多的作品集了,你已经可以打包做简历去应聘了。届时你的水准将超越绝大多有数年经验的设计师了!
[h1]第七点:阅读思考——扩展[/h1]整个UI设计圈,还有一个很致命的缺点,就是对其它行业知识的排斥,科班毕业生尤甚。因为学生时代大多讨厌学习,有艺术生这个庇护伞,就可以合理安慰自己不学习不念书那是放荡不羁爱自由。屎丢皮啊!!
艺术史还要教会你们的一点就是,真正的大师绝对不会只是孤陋寡闻而只专注在手中的笔杆和油墨,他们不断在认识世界,不断在研究感兴趣的知识和见解。不要做一个只知有设计,不知有数理化的蟾蜍,只能在你自己的井里蹦跶。
成熟的设计不只是你个性技巧的表达,还有你对解决问题所展示出来的理性和洞见。很多设计师和同层次的其它专业人员比较起来显得太幼稚和粗浅,症状也在这里。不要只用设计的角度去看世界,去涉猎更多的专业,让眼界更宽广,有更多的角度去理解世界,得到的感悟将给你带来难以估量的升华和进步。
这是可以持续一生的事业和技艺,在正确的方法下,越积累越成熟,老而弥坚。请不要再用肤浅的思想认为它是吃青春饭的过度阶段!
设计是一门需要沉淀的技艺,却恰巧遇见了日新月异的互联网文化。这让大家对流行极具敏感度,而开始追赶潮流,轻视正统和法则。这整个流程需要或许需要1整年的时间,但我相信,只要有足够的耐心,是可以让一个新手成长成为一名合格的UI设计师,请放慢你的角度,不要急于求成。
【从新人到大牛的交互设计完全修炼手册】
5#
匿名用户   | 2018-10-7 01:58:45 发帖IP地址来自
提示: 作者被禁止或删除 内容自动屏蔽
6#
宋涛  4级常客 | 2018-10-7 01:58:46 发帖IP地址来自
谢谢楼主
7#
刘小志  1级新秀 | 2018-10-7 01:58:47 发帖IP地址来自
正在做一个网站叫uid.club寓意就是ui设计师俱乐部,到时候分享一些教程免费给喜欢ui的同学。如果你有更好的意见可以联系我微信ui-ziggs。
8#
罗得岛没有派对  3级会员 | 2018-10-7 01:58:48 发帖IP地址来自
如果有时间的话,还是从设计史开始看比较好,毕竟这是第一步。我也是门外汉,目前在看《大设计:BBC写给大众的设计史》,图文结合,较易理解,还不错。
9#
淑女书女  4级常客 | 2018-10-7 01:58:49 发帖IP地址来自
有些网盘的链接不存在了。。。不过还是有用。超赞。辛苦啦
10#
李祥  2级吧友 | 2018-10-7 01:58:50 发帖IP地址来自
既然是自学UI设计,那一定得找到合适的学习教材系统学习才行,不然学习也就无从谈起。
我们学习任何知识,都在经历“短期的强化输入→长期的少量输出”的转换,这和手机的充电与放电的原理有些相似!而找到合适的学习教程来系统学习,这一过程就是充电,在工作中去应用、去做练习就是放电!
而充电的途径,可以是视频教程、报培线下训班,或者网络培训班,虽然学习的途径有所不同,但都在经历着“被前辈教育”的这个过程。而自学的核心,则在于学习者本身的「主动性」,有足够的自律和专研能力的同学,总是能够学得更好!
学UI设计,你的自学能力,才是核心竞争力!对于「如何自学成为UI设计师?」这个问题而言,虽然我可以洋洋洒洒的写出上万字的回答来,但对初学者而言,你最需要做的就是找到一套系统的UI设计教材,然后跟着去实践练习,而不是一直流连忘返在寻找「如何自学UI设计」之类的回答或文章中!
什么是UI设计?UI设计师的工作内容有哪些?UI设计培训,自学教程全攻略!如果你对学习UI设计,依然有些迷茫,想要弄清一些行业相关的问题,那你就再看看上述的几篇文章吧,希望能够帮助到大家!
11#
曾小昇  4级常客 | 2018-10-7 01:58:51 发帖IP地址来自
谢谢楼主啦~~~~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:130
帖子:5
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP