如何自学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.10个UI设计师自我提升必备免费网站!Doyoudo是一个专注平面设计软件、视频剪辑软件的高质量自学网站,它免费提供了丰富的视频教程,这些视频教程的质量都很高,并且通俗易懂。 添加图片注释,不超过 140 字(可选) 添加图片注释,不超过 140 字(可选) 02. UIED-用户体验学习平台 对于设计师来说,找到专为他们量身打造的学习资源至关重要。在众多平台中,https://www.uied.cn/54261.html
2.从入门到精通:UI设计师必逛的学习网站CoDesign免费使用 CoDesign(opens new window)是一个在线设计交付平台,支持多种设计格式的导入和导出,同时还有丰富的设计资产管理功能。在 CoDesign 中,你可以轻松地上传和管理你的设计稿,同时也可以与其他团队成员一起协作完成项目。 六、结语 以上就是本文为大家整理的 UI 设计师必逛的学习网站和工具推荐。希望这些资源能够https://codesign.qq.com/hc/article/ui-designer-learning-sites/
3.10个免费学习UI设计的网站提升你的设计能力由于悟空问答不能够发链接,你们可以按照文章结尾的操作步骤免费领取哈! 下面我给大家简单介绍下,这10个网站有什么优点,怎样可以提升你的UI设计能力! 第一个:站酷 站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体设计等。 https://www.hxsd.com/information/5218/
4.ui设计必备网址有哪些ui中国设计网站UI设计领域存在众多优秀的网站资源,这些网站不仅为设计师提供了丰富的灵感和素材,还促进了设计技能的提升和交流。以下是一些UI设计必备网址的介绍,包括其特点和优势,并按照一定的逻辑进行排序: 1.UI中国(https://www.ui.cn/) 特点与优势: 专业性强:前身为Iconfans,是专业的用户体验设计平台,会员均为职业UI设计师https://blog.csdn.net/CSDNsunyue/article/details/140486151
5.在线ui设计网站有哪些?这7个简单易上手!在当今数字化时代,优秀的用户界面(UI)设计对于各种应用程序和网站的成功至关重要。而对于刚入门的设计师或没有设计背景的人来说,学习和掌握专业的设计软件可能是一项艰巨的任务。然而,幸运的是,有许多在线UI设计网站可以帮助你轻松创建出色的用户界面,而无需深入学习复杂的设计工具。 https://pixso.cn/designskills/online-ui-design-website/
6.ui设计网站有哪些?网友(匿名用户)职场问答UI设计网站有:Dribbble、学ui网、致设计、一起学设计,等等。可以在这些网站上看到优秀设计师的灵感作品,提升自身UI设计水平。 1.Dribbble,网址:https://dribbble.com/ Dribble丨全球优秀(网页+UI+动销)设计师的聚集地。可以在这里查看全球最优秀设计师的灵感作品。甚至部分页面作品提供源文件的下载。 2.学ui网,网https://zq-mobile.zhaopin.com/zpdOutputQuestionForXZH/5502606
7.免费自学网站有哪些?值得收藏的学习网站推荐→MAIGOO知识普特英语听力网:提供英语学习免费教程,英语学习资讯,英语考试资料,英语学习资源,英语学习工具,英语学习方法,英语四六级资料,英语学习资料。【官网链接】 学UI设计的网站 腾讯CDC:关注互联网视觉设计、交互设计、用户研究、前端开发。【官网链接】 花瓣网:用于素材收集,是非常棒的素材库。【官网链接】 https://www.maigoo.com/goomai/232416.html
8.优优教程网官网免费自学AIGC就上优优网优优教程网官网-UiiiUiii.com,免费设计软件自学平台。为网友及创作者提供原创AIGC、Midjourney、Stable Diffusion、平面、UI、网页、C4D、Sketch、动效等免费教程。提供软件下载安装教程。优设网旗下站点。https://uiiiuiii.com/
9.好的平面设计网站互联网头条中企动力(300.cn)互联网头条 - 好的平面设计网站, 为您提供好的平面设计网站创业、互联网+、行业巨头最新动态,在这里只有你想不到的好的平面设计网站头条。https://www.300.cn/toutiao/t_189009.html
10.ui设计需要学什么因此,UI设计师也就是设计用户界面的人。 毫不夸张地说,在颜值当道的年代,UI设计师的水平,直接决定了互联网产品(网站、App、网上店铺等)的颜值。无论产品的质量怎样,用户接触产品的第一幕,就是UI设计师给产品设计的这张脸, 需要的基础就是一些简单的美术基础和平面设计基础,要求也不算高,编程不太需要。一般流程https://www.qinxue365.com/xxzx/132555.html
11.平面设计我要自学网梦想导航我要自学网-免费视频教程,提供全方位软件学习,有3D教程,平面教程,多媒体制作教程,办公信息化教程,机械设计教程,网站制作教程,电脑培训-梦想导航https://nav.dreamthere.cn/site/index/1115
12.视频剪辑自学网站3D数字教程视频大全虎课网为您精选7门视频剪辑自学网站3D数字视频教程免费学习,更有视频剪辑自学网站3D数字图文教程、课后练习及作品评改。上虎课网学视频剪辑自学网站3D数字,每天进步一点点!https://m.huke88.com/jiaocheng/shipinjianjizixuewangzhan-34-2/
13.ui设计师个人简历自学设计有哪些好用的网站?自学设计有哪些好用的网站? 我要自学网,软件自学网,网易云教室,腾讯教室,中国大学MOOC这些都不错 如何学习UI设计? 一般来说,UI设计就是用户界面设计。其实,做设计最难的不是学习一些软件(PS、素描、UI设计师常用的软件)和使用软件技术,而是了解设计的本质,为什么要设计,为谁设计,要解决什么问题,如何围绕用户场景进https://www.kmw.com/news/4289980.html
14.优优教程网官网免费自学AIGC就上优优网免费自学剪辑零基础免费学热门推荐#视频转场#视频特效#剪辑技巧#字幕制作#视频调色#Vlog教程设计灵感go每天都有新的设计灵感AI自学网go专业全面的AIGC自学平台软件神器go设计神器让你更高效免费自学go热门软件教程系统自学最新教程最新热门AIGCPS教程AI教程AE教程Blender教程C4D教程PPT教程平面设计字体设计手绘教程UI设计视频https://www.kmphb.net/links/1657.html
15.如何自学UI设计?频道宣传如何自学UI设计? 方法/步骤 1.UI基础进阶图标Icon绘制:学习如何制作凹凸效果,如何设计制作水滴。 2.绘制天气图标:这里主要是学习云的绘制,当然学习了可以去实际操作别的图标绘制 3.绘制电子邮件+齿轮图标 4.绘制咖啡杯+文件夹+添加好友图标 5.苹果图标绘制https://www.epweike.com/meijie/283316.html
16.25学堂分享全球最优秀的APP设计,网站UI界面设计,ui设计素材,学习和借鉴,发现优秀的移动互联网产品,网页设计素材,做中国最好APP,网站ui设计博客,设计素材下载提供方和网页设计师加油站!https://www.25xt.com/
17.教你如何自学UI设计Leo雷教你如何自学UI设计 一、常用的UI相关工具软件 PS Adobe Illustrator(AI) C4D AE Axure Sketch 墨刀 Principle Cutterman PxCook Zeplin 蓝湖 XMind PicsArt Autodesk Maya Easy Paint Tool SAI(SAI) Adobe Audition(AU) Flash 爱剪辑 DW Ps Play 二、常看的学习书籍有哪些https://www.cnblogs.com/leolei/p/8931402.html
18.ui设计培训心得精选范文浅谈自学ui设计培训心得体会: 我不是偏执狂,而是十分实际。然而这些繁琐的过程应该是不必要的。系统应该神圣地对待所有的用户输入,并借用Asimove关于机器人的第一定律,“机器人不可伤害人类,亦不应当由于懈怠而使人类受到伤害”(Asimov1977,p。44),我定义界面设计的第一定律为:计算机不可破坏你的工作,亦不应当由于https://www.yjbys.com/qiuzhizhinan/show-518471.html
19.购买UI设计案例视频教程——我爱自学网我爱自学网(www.52zxw.com)是一个为广大学员提供免费全面的视频教程网,每一门课均由教学和实践经验丰富的讲师精心录制,有办公文秘,平面设计,室内外设计,机械设计,网页设计等.内容精彩,案例生动实用,同时提供周到贴心服务,及时解决学员学习中所遇到的各种问题,真正让学员学得http://www.52zxw.com/goumaiguangpan_135.html
20.源码时代成都IT培训重庆UIh5Java培训UI设计平均薪资 第54期 UI设计精英班平均薪资 ¥7895.0 UI设计平均薪资 第52期 UI设计精英班平均薪资 ¥7984.4 软件测试平均薪资 第22期 软件测试平均薪资 ¥8304.7 软件测试平均薪资 第21期 软件测试平均薪资 ¥8644.0 产品经理平均薪资 第7期 产品经理平均薪资 https://www.itsource.cn/
21.UI设计教程高清视频入门自学培训ps自学教程入门到精通高清视频UI设计入门学习门槛较低,其所见即所得,大大增强了学习中的趣味性。而“互联网+”与020模式的大趋势,使之前景广阔的超出想象。行业内的人才供不应求,设计与前端人才缺口高达上千万,就业无忧。 因为人才的供不应求致使相关从业者平均薪资水涨船高,最高可达30000+,可谓钱途无量。 https://www.zhengjiaxi.com/jpfx/hzdb/132.html