如何自学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设计规范指南、工作流等优质文章,可以更好的帮助UI设计师入门及进阶。https://www.uisdc.com/tag/ui%E8%AE%BE%E8%AE%A1
2.UI设计素材网ui设计素材网(sighted.cn),是一个专注提供ui设计素材、平面设计为一体的免费学习交流、ui设计素材资源共享平台。https://www.sighted.cn/
3.ui设计必备网址有哪些ui中国设计网站专业性强:前身为Iconfans,是专业的用户体验设计平台,会员均为职业UI设计师,覆盖全国互联网公司。 资源丰富:站内资源丰富,包含大量设计教程和案例,有助于设计师学习成长。 互动性强:作为中国设计师互动平台,深耕设计领域十二年,具有较高的影响力和号召力。 https://blog.csdn.net/CSDNsunyue/article/details/140486151
4.UI设计教程UI设计素材分享学UI网站UI设计教程网提供丰富的UI设计教程,专注于UI设计素材分享,为广大学员提供学UI的网站。https://www.hujiang.com/fyuid_s/
5.资源网站UISHE.CNUI社是专业的UI设计网站,集合了分享、创意、资源下载、欣赏,UI视频教程,心得,招聘等内容,致力于成长为最好的精品UI设计素材资源网站!https://uishe.cn/
6.UIGG课堂UIGG课堂是国内优秀的设计在线学习网站,拥有海量课程,设计大牛精心授课,目前课程包括ps教程,ai教程,字体教程,排版教程等。学设计,在UIGG课堂!http://www.uigege.com/
7.优秀UI设计网站分享很多初学ui设计的朋友,不知道该如何入门,在这里整理了国内外一些优秀的ui设计网站,大家可以在上面学习交流,多看看别人优秀的设计,这样也能增长见识,积累经验,快速提升自己的设计水平。(排名不分先后) https://www.uisdc.com/ 优设网 - UISDC - 设计师交流学习平台 - 看设计文章,学软件教程,找灵感素材,尽在优设https://www.douban.com/note/744291226/
8.专业的零基础学UI设计培训教程和知识分享平台ui设计学习网是一个发布分享高质量ui设计教程、ui设计素材、ui就业前景动态、ui设计培训新闻、零基础学ui方法和ui设计软件下载等的学习平台。http://www.zhongchuang520.com/
9.致设计设计教程 巧匠课堂 高端电商设计师培训品牌 优设网 优秀设计联盟—设计师交流… 唯库 年轻人的技能学习神器 哗哩哗哩 国内领先的年轻人文化社区 高高手 艺·术 在线教育品牌 学UI网 UI设计师学习教程平台 更多 灵感创意 Behance Adobe旗下设计师创意视觉… https://dh.zhisheji.com/
10.设计课程UI设计课程/视频课程有教程、有操作、有案例。即时设计最全功能和细节操作教程,变体、自动布局等等高效功能手把手教会。 开始学习 1:39:38 UI 交互动效教程UI杉杉Coming 动效不求人!超简单的动画效果设计,2 小时通关动效设计,覆盖 UI 设计师 80% 动效设计场景。 开始学习 https://js.design/courses
11.RP9原型设计实战案例教材Axure教程书产品网站UI设计原型设计产品【正版包邮】Axure RP9原型设计实战案例教材 Axure教程书 产品网站UI设计原型设计产品经理UI设计师教程书籍 AxureRP9原型设计实战案例教材Axure教程 五粮图书专营店 【正版包邮】Axure RP9原型设计实战案例教材 Axur 京东价 ¥ 促销 展开促销 配送至 --请选择-- https://item.jd.com/10096518417048.html
12.ui设计简介范文8篇(全文)UI设计教程UI设计色彩之道 第5篇 随着移动界面设计的飞速发展,流行的设计风格也在不断变化,一个好的UI设计会给用户带来深刻的记忆、好用易用的体验。从UI设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对App的最初感觉,而在这些内容中,色彩的搭配方案是至关重要的,产品整体的定位、风格调性都https://www.99xueshu.com/w/file9od34yfb.html
13.像素,像素范,学UI,UI,UI设计,UI设计教程,UI学习网站,UI设计www.uigreat.com页面TDK信息 标题(Title) 47个字符 (一般不超过80字符) 优阁(UIGREAT) - UI设计师学习交流社区 关键词(Keywords) 196个字符 (一般不超过100字符) 像素范儿,像素,像素范,学UI,UI,UI设计,UI设计教程,UI学习网站,UI设计规范,手机UI教程,UI设计欣赏,APP设计,UI界面设计,网页设计教程,UI视频,http://yihuibaozhuang.cn/tools/seo-lookup/www.uigreat.com
14.UI设计项目化实战教程全套完整教学课件.pptxUI设计项目化实战教程全套完整教学课件.pptx 95页内容提供方:163 大小:5.53 MB 字数:约1.06万字 发布时间:2023-06-03发布于浙江 浏览人气:29 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)UI设计项目化实战教程全套完整教学课件.pptx 关闭预览 想预览更多内容,点击免费https://m.book118.com/html/2023/0531/5220142321010214.shtm
15.优设网UISDC优设网-国内优秀的设计师学习平台,拥有海量优质设计文章,包含了PS教程,AI教程,UI设计,网页设计,排版教程,优秀文案等。https://pidoutv.com/sites/1504.html
16.UI设计免费教程免费下载UI设计是现在很多想从事软件行业的同学比较看好的行业,随着这几年互联网迅速发展,互联网行业的不断增加,企业对于UI设计师的人才需求量也不断攀升,很多企业高薪都招不到专业的UI设计师。这也是很多同学想学UI设计的原因,想学好UI设计,UI设计免费教程免费下载的链接送给大家。 https://www.thea.cn/ui_px_72129-1.htm
17.UI设计教程(12.8GB)百度网盘资源下载2.获取资源后可以在「个人中心」48 小时内无理由退金币。 3.为防止资源链接失效,请及时转存文件。 资源目录结构 以下文件快照生成于9 个月前。(只展示部分的文件和文件夹) :可能存在部分资源被网盘官方屏蔽。 UI设计教程1.8GB 第一阶段1.8GB 玩转sketch(苹果电脑适用选看)295.9MB https://www.iizhi.cn/resource/detail/07801e8a0cc0b88f44c60ef524f15894
18.UI设计师必知的常用网站?你都GET到了吗?IT教程网时代教育作为一枚走在设计大牛路上的UI设计师,日常最多的事情就是打开网站汲取灵感。 除了国内外大家耳熟能详的各大设计网站外,UI设计师日常使用频率最高的各个类型网站做了一个整理,分成了每日必看篇,日常开眼篇,设计导航篇,icon篇,kit篇,设计规范篇,mockup篇,工具下载篇… 等等 https://www.wangshidai.cn/article_item?id=36
19.UI设计教程UI教程UI视频教程千锋教育UI视频教育频道为UI设计师提供原创UI教程、UI视频教程、UI设计教程,UI自学方法等高清优质视频教程,免费提供在线观看下载,让UI设计初学者快速入门,短期内迅速掌握UI设计实战技能.https://video.mobiletrain.org/ui/
20.标签:UI设计基础教程标签:UI设计基础教程 UI设计语录 关于按钮设计的简单提示 2022年02月11日 互联网的早期以来,按钮已经走过了漫长的道路。我从模仿1999年左右Windows操作系统的按钮变成了 详情> UI设计语录 多级菜单设计最佳实践 2021年12月02日 导航和可查找性是用户体验设计的核心方面。如果用户无法到达他们想去的地方或找到http://05plus.com/tag/UI-she-ji-ji-chu-jiao-cheng
21.UI设计视频教程全集UI设计视频教程全集。 第一章:UI基础知识 第二章:企业网站设计 第三章:保险箱APP设计 第四章:网易电影票APP设计 第五章:交互设计与Axure 第六章:sketch软件的运用 第七章:APP设计拓展 第八章:网站作品改稿 第九章:手机主题设计 第十章:AE动效教程 http://www.xg51.net/video-down.asp?id=2252
22.UI设计教程失效官网,这里是UI设计师入门与进价的地方,精选UI设计教程【失效】浏览人数已经达到21.2K,如你需要查询该站的相关权重信息,可以点击"5118数据""爱站数据""Chinaz数据"进入;以目前的网站数据参考,建议大家请以爱站数据为准,更多网站价值评估因素如:UI设计教程【失效】的访问速度、搜索引擎收录以及索引量、用户体验等;当然要评估一个站的价值,最主要还是需要根据您https://www.8kmm.com/sites/3508.html
23.ui设计课程教程大纲(精选8篇)深圳UI设计培训的优势 1、办学资质:中鹏培训具有高级、技师级的办学资质,是属于合法办学机构 2、教学环境和设备;中鹏培训仅南山校区,就有1200平米以上教学区,设备都是结合目前市场设计师软件要求购买;全市的设计培训机构中,11年只有中鹏是深圳市的先进单位。 https://www.360wenmi.com/f/fileoywn86tw.html