如何自学UI设计入门教程UI设计华斌

导致这个问题,我觉得可能有以下两个原因:

我为什么自学UI设计

我始终觉得自己还是一个有着产品梦想的人(自我鼓励一下^-^),因此,为了下一次重新启航行时,不再重蹈覆辙,我便决定开始自学UI设计。

自学路上的困扰

我在自学UI设计的道路上,走得并不平坦,有过很多困扰和挫折。今天想来,其实最大的障碍正是源于自身对于UI设计本身的理解不够全面和深刻所导致的。

概括起来,主要有以下几个发面:

对于学习UI设计的困难准备不足:由于在此之前,一直从事企业级应用的研发,因此,那时在我们的圈子里,设计师(我们更多称为“美工”)属于非常边缘的辅助角色。我也想当然地觉得学习那些技能对于我来说是小菜一碟,几周就能搞定。但实践证明,我错了,真正的UI设计远没有想象中那么容易掌握,直到今天,我都不敢说自己已经掌握了UI设计并能称得上是一个UI设计师。而随着我对设计本身理解的加深,对设计师的看法也完全转变了,他们不再是我口中的美工,而是一个能够左右产品优劣,驱动产品研发的关键角色。

认为学习UI设计=学习PS、AI等工具:当决定学习UI设计后,我便开始在网上搜索如何学习UI设计,而“度娘”给我的答案便是大量的PS、AI等各种设计教程。我也是一路拼命下载,然后不分昼夜地学习。不久之后,我确实能够按照这些学习指南P出一些图,或是作出几个图标来了,但当我尝试独立去做一个完整的UI设计时,我突然发现我作出来的东西与那些我所见过的优秀设计仍是天差地别,即使是我完全模仿那些优秀作品做的设计,仍然感觉怪怪的,好像哪里出了问题,自己又说不清楚。这时,我才意识到我的学习方法可能错了,简单地说就是捡了芝麻丢了西瓜,虽然掌握了一些设计工具技巧,但却对真正的设计一无所知。

审美能力不足:另一个我遇到过的困难便是自身审美能力的不足。其实我想说,这不仅是我一个人的问题,可能也是我们这一代,甚至是几代人共同的问题。由于整个教育体系对于学生在美学教育上不够重视,导致我们从小缺少艺术和美的熏陶,美术课往往会被语数外等主课霸占,从而成为摆设。由于缺乏对美的感知和判断能力,导致我们很难准确评判自己作品的优劣,更不会知道如何去改善它。放到更大的角度,我们很难像苹果那样设计出伟大的产品来。

重新认识UI设计

在意识到学习方法的错误之后,我便再次寻求了“度娘”的帮助,但这一次我要找的是那些优秀设计师们自己对于设计的感悟,设计心得,推荐阅读的设计类书籍等等。我也放下了手中的PS、AI,静下心来进行大量的阅读。通过这些阅读,我也渐渐了解并重新认识了UI设计。

色彩:需要理解色彩的基本原理以及配色方法。色彩很难把控,因为它很容易被过度使用。如果,你还是一个初学者,那么尽可能使用柔和的色彩,仅在需要强调的地方使用更醒目的色彩。

字体与排版:文字往往占据整个设计内容超过80%的区域,所以理解如何使用正确的字体和排版方式非常重要。请将内容的清晰易读作为你定义字体和做排版的首要目标。

效:动效能够显著增强一个应用的用户体验。他们能使你的应用更有生气和迷人,前提是你所设计的动效快速、流畅,并且是符合用户预期的。

图标:优秀的图标往往与我们每天见到的事物紧密关联,比如相机、垃圾桶、云等等,能让人一眼就识别出它所代表的功能。因此,使用那些具有良好辨识度的图标,避免让用户产生混淆。

声效:声效在设计中用得很少,但恰如其分的声效能够提升用户体验。用户不用看到你的应用,光听到一个熟悉的声音便能识别出你的产品来。

设计原则:流行转瞬即逝,但设计中最本质的东西却能永恒。设计大师们很早就认识到了这些,并将它们提炼为设计原则。你要做的是,理解这些设计原则,并将它们运用到你的设计之中。

用户体验设计:你需要了解你的用户,这样才能设计出符合用户需求的产品。学习设计心理学,将有利于你设计出更人性化的产品。

基于不同平台的设计:在不同平台设计产品有很大的差异,你需要了解产品所在的平台(如IOS,Android),并符合不同它们各自的设计规范。

设计工具:设计工具有很多,对于UI设计,我建议使用Sketch3,因为它是专为UI设计而生的,能给你带来更高的设计效率。

改变设计工具

(下图为2015年Substraction.com对4,000名来自不同领域的UI设计师的问卷调查后得到的UI设计工具使用情况,Sketch已经大幅超越PhotoShop成为设计师们首选的UI设计工具)

2015Subtraction.comDesignToolsSurvey-InterfaceDesign

实践证明,Sketch的使用确实给我带来了极大的惊喜。

小巧快捷:Sketch只有41M,相较1.6GB的Photoshop来说显得非常的小巧。因此无论是安装,还是启动、运行,Sketch都非常快捷。

以上只是Sketch所带来的众多优秀特性中的一小部分,网上已经有很多关于Sketch的设计教程和指南,你能通过这些资料,快速的学习并掌握Sketch。我正看到越来越多如Sketch,AffinityDesigner,AffinityPhoto等创新工具对设计工具领域带来的变革,他们不再追求大而全,而更注重于以最简洁、高效的方式服务于不同的设计目的。这也正是互联网思维在设计工具领域的一个体现。因此,如果你是一个UI设计初学者,亦或已经是一名UI设计师并正在使用PS、AI等工具,我都建议你尝试使用Sketch,因为,它是一个能给你带来巨大改变并代表着未来的优秀设计工具。

寻找设计灵感

对于设计初学者来说,经常会为找不到设计灵感而苦恼。而我想说的是,灵感不是与生俱来的,它需要你去不断地寻找。如果没有灵感,你将永远不能开始,更别说去完成一个设计了。下面是我使用的一些方法。

阅读

收集优秀设计

另一个获得灵感的方法是收集优秀的设计作品。Ember是我用过的用来收集设计素材的最佳工具。更棒的是它支持订阅功能,可以从Dribbble这样的网站自动下载设计作品,并让我非常方便地浏览和收集。(下图为我的Ember应用截图)

除了Ember之外,我也使用Pintrest来收集手机上看到的优秀设计,并按照分类添加大我在Pintrest上创建的Board中。

THE END
1.网页UI设计初学者指南本课程将引导初学者掌握网页UI设计的基本原则和技巧,包括布局设计、色彩搭配、字体选择、图标图像使用、交互设计、响应式设计、用户测试、设计工具运用、视觉层次创建及可访问性设计。通过这些关键知识点的学习与实践,初学者可以逐步成长为一名合格的网页UI设计师。https://blog.csdn.net/weixin_35757191/article/details/142208093
2.经验分享如何自学UI设计!RT,提供一个具体的学习方法,我也是设计师,做了3年平面,1年网页,今年年初网上看到很多招聘UI的职位,待遇在8-15K左右(苏州)我就去面了几家,结果因为我完全没做过ui,都没要我。 然后我打算学UI,先去问了一下培训班,某内,学费一万七,学4个月,美术+平面+网页+UI都教,我说我只学UI,他说一万,学一个月。https://www.douban.com/group/topic/79446380/
3.超实用新手指南!零基础如何自学UI设计?优设网零基础如何自学UI设计? 编者按:无鸡汤不吹水,一整篇全是可借鉴可实操的前辈经验,从学习准备、绘画技巧到软件掌握、设计理论,共七个层级,步步进阶,力求让新手能通过自学,成为一名专业的UI设计师。也建议大多数自学成才的设计师阅读,查漏补缺 >>> 优设指南类文章合集:https://www.uisdc.com/beginner-ui-design-study
4.ui设计培训心得精选范文浅谈自学ui设计培训心得体会: 我不是偏执狂,而是十分实际。然而这些繁琐的过程应该是不必要的。系统应该神圣地对待所有的用户输入,并借用Asimove关于机器人的第一定律,“机器人不可伤害人类,亦不应当由于懈怠而使人类受到伤害”(Asimov1977,p。44),我定义界面设计的第一定律为:计算机不可破坏你的工作,亦不应当由于https://www.yjbys.com/qiuzhizhinan/show-518471.html
5.自学收集大全网上最全设计学习网站推荐综合设计类网站 站酷 http://www.zcool.com.cn/ 视觉中国 http://shijue.me/ 花瓣网 http://huaban.com/ 设计之家 https://www.jianshu.com/p/259e8c9fbd25
6.ui设计需要学什么因此,UI设计师也就是设计用户界面的人。 毫不夸张地说,在颜值当道的年代,UI设计师的水平,直接决定了互联网产品(网站、App、网上店铺等)的颜值。无论产品的质量怎样,用户接触产品的第一幕,就是UI设计师给产品设计的这张脸, 需要的基础就是一些简单的美术基础和平面设计基础,要求也不算高,编程不太需要。一般流程https://www.qinxue365.com/xxzx/132555.html
7.用我要自学网来学习怎么样好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。UI是什么软件设计可 kiss mayue邀请你来回答 赞 回复 (1) 如何自学PPT,我需要从哪里入手,需要什么书籍去学习? 共3条回答 > Oink: 现在网上学习的视频一大堆,无论是书籍(扫描版)还是视频https://www.3d66.com/answers_relation/relation_2908294_12.html
8.UI界面设计都要学什么?UI设计师平均技法UI需要先学会四个软件:、、、RP 8(简称:PS、AI、AE、ARP)你只需要掌握工作中能用到的,软件就过关了 还有布尔运算,手绘,交互设计。学习方式有两种,自学和培训。先说自学吧,网上自学可以学,但是时间长,容易放弃,学习比较乱。不过有一个好处,免费~不用花钱。假设6年,6年后你自学可以学会UI设计~(好吧,6年后http://www.bjhwtx.com/h-nd-140876.html
9.《游戏UI设计原则与实例指导手册》(李世钦)简介书评当当网图书频道在线销售正版《游戏UI设计原则与实例指导手册》,作者:李世钦,出版社:人民邮电出版社。最新《游戏UI设计原则与实例指导手册》简介、书评、试读、价格、图片等相关信息,尽在DangDang.com,网购《游戏UI设计原则与实例指导手册》,就上当当网。http://product.dangdang.com/29196893.html
10.UI设计师培训心得(精选10篇)在移动应用市场的竞争中,优秀的交互设计是赢得用户心的关键,不断创新、迭代,提升易用性、美观性和稳定性是移动应用交互设计应该以追求的目标。 UI设计师培训心得 3 交互设计是一门旨在提高用户体验的设计学科,它在今天的互联网时代尤为重要。在我学习和实践交互设计的过程中,我积累了一些心得体会,帮助我更好地理解https://www.ruiwen.com/xindetihui/4717792.html
11.UI设计必学课程如何系统学习UI设计课程首先,UI设计师需要熟练掌握各种设计软件的使用,比如Photoshop、Illustrator、Sketch等。这些工具是UI设计师日常工作中不可或缺的利器,只有熟练操作才能高效完成设计任务。 2. 色彩与排版 色彩搭配和排版是UI设计中非常重要的部分,它直接影响到用户对界面的感受和使用体验。学习色彩理论和排版原则,能够帮助设计师设计出更具https://wap.hxsd.com/content/47710/
12.青岛天琥设计主页UI设计室内设计平面设计天琥教育成立于2002年,是一所集设计培训、教育教学、设计应用知识推广、设计课程研发于一体的全国连锁教育机构。主要开设:平面设计、室内设计、网页设计、UI设计、CAD设计等特色课程。如今,天琥已在全国20个省(市)拥有38所校区,是设计培训行业颇具规模和品牌影响力的教育机构。 学校优势 课程研发 课程设计紧跟互联网https://m.xuemanfen.cn/school/qd/3352/
13.MatrixTalk019从高中开始,我用Sketch自学UI设计的第三年今年是WATERS用 Sketch 自学 UI 设计的第三年,他在 Matrix 分享了不少关于 Sketch 的文章,如可以让 Sketch 功能更丰富的插件分享;对 Sketch 订阅制度的看法;机器人和他聊了聊,为什么会如此热衷分享关于 Sketch 的文章,Sketch 有哪些不错的插件,在做设计项目时如何与别人协作还有更多你也会感兴趣的话题。 https://sspai.com/post/38969
14.初学者怎样自学平面设计在决定学习平面设计后,众多初学者往往不知道该如何下手。这时候,一份好的计划能让你学习平面设计之路事半功倍。以下是小编为大家整理的初学者怎样自学平面设计,欢迎大家借鉴与参考,希望对大家有所帮助。 第一步:了解平面设计 都说知己知彼,百战不殆,作为一个新手从零开始学平面设计,首先要弄明白的是平面设计是什么https://www.oh100.com/peixun/pingmiansheji/410094.html
15.Sketch自学指南(初级版)行业动态新闻中心它是一款轻量级的矢量设计工具!与 PS 相比,它的功能有限,但如果你只是做 UI、设计应用、网页等,它完全可以满足你对图片的裁剪需求,而且比 PS 更高效。另外还有丰富的插件库,可以大大提高设计效率。 在平常的设计工作中它并不是必不可少,因为现在的UI设计师不光做GUI的工作,还会做平面海报、易拉宝,做这些的时候https://www.yoousoft.com/industry/1469.html