大家好,关于游戏ui设计入门很多朋友都还不太明白,今天小编就来为大家分享关于游戏ui设计入门图的知识,希望对各位有所帮助!
本文目录
新手小白要如何学习ui设计?如何才能迅速成为UI设计师?入门必读,UI设计的整个工作流程是怎样的小白想学习ui设计,应该怎样入门?零基础怎样学UI设计?新手小白要如何学习ui设计?如何才能迅速成为UI设计师?我是一个跨行从事ui4年多的设计师,很理解新手时期的苦恼,下面针对ui设计提出具体的干货。你还可以移步我的另一篇帖子:设计新手该如何获得设计灵感?相信也可以帮到你。
一、软件
这个前面也有提到,可见其重要。不同的是,一个新手UI,在初期,不一定要做到各个软件都十分精通,这将消耗你大量的精力和时间。可以先着重掌握ps和AI(coreldraw)这两款必备的基本软件,AE,C4D,Pr主要用来做动效,建模和剪辑,只需了解基本操作,在日后根据自己所处的细分行业进行深入学习。
目前网上已经可以找到很多免费教程,例如网易云课堂,腾讯课堂,慕课网等,需要的是坚持。
二、了解规范
我在另一篇回答中也提到,新手设计往往陷入的误区是,总想做出牛的飞起的设计,可能觉得设计就应该是这样的,我曾经也陷在自己的设计不够厉害,不够新颖的想法中......
事实上新手设计,最应该掌握的一门技巧是,如何完成不出错的设计。这就需要了解各个规范(移动端规范,materialdesign设计规范,字体规范,配色规范等)。
这些规范网上也可以轻松找到,一旦你掌握了规范,你的设计,无论配色,字体,排版都将有迹可循,有理可依。你也对自己的设计更加自信。
三、积累
生活处处皆设计。有一颗善于发现设计的心,地铁,微博,朋友圈,随处看到的觉得好的设计,立刻保存在手机里,以备不时之需。这样做不仅可以储存你的灵感库,更可以增强自己的设计素养。
同时多看自己所在领域的代表性设计,进行分析和收藏,需要的时候加以参照。如国内的知名APP,网页,电商等。
四、实用工具
灵感参考
花瓣网、站酷网、UI中国、Behanc
e、追波教程/经验/规范
优秀网页设计、设计导航-精选最好的设计网站大全、虎课网
素材网站
千库网、千图网、昵图网、包图网、摄图网、unsplash(免费)、visualhunt(免费)、pexels(免费)、pixabay(免费,可中文搜索)
配色
colorhunt、在线配色器
图标
Iconfont-阿里巴巴矢量图标库、FontAwesome-一套绝佳的图标字体库和CSS框架
入门必读,UI设计的整个工作流程是怎样的UI设计师到底要做什么。今天千锋就来为大家介绍一下UI设计的工作流程,相信即使是零基础的小伙伴也可以轻松理解。
首先,大家要知道,UI设计的整个工作流程有许多人的参与。第一个是产品经理,主要的工作是竞品分析等工作,也是UI设计最核心的一个领头人物。
第二个交互设计师,根据产品经理提供的方案,设计出一套原型图设计。第三个视觉设计师,工作内容是根据交互给的原型图,设计出视觉图。其实无论是交互设计师,还是视觉设计师都统称为UI设计师。
第四个程序员,根据视觉设计师提供的图片,用代码的方式实现其功能,也就是开发APP的过程。第五个运营,负责把已经开发出来的APP推广出去,让更多人来的使用这个产品。
归纳起来就是,产品定位与市场分析阶段,主要由产品经理负责牵头,相关需求部门与产品需求专员、市场人员进行多次会议研讨,经过上级领导同意,确立好需求后即将进入交互设计阶段,这也是UI设计的主要阶段。下面是一个UI设计师的具体工作流程:
1、了解项目分析需求文档
2、草图快速沟通
3、设计开工前沟通需求
4、视觉设计
5、界面输出
(1)目的(配合好技术开发人员完成相关的界面规范沟通、设计需求沟通)
(2)主要执行人员(技术)
(3)沟通(UI、UE、需求部门、销售)
(4)UI设计师的主要职责(对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果)
6、可用性测试阶段
(1)目的(针对一致性测试;信息反馈测试;界面简洁性测试;界面美观度测试;用户动作性测试;行业标准测试)
(2)主要执行人员(技术开发测试部门)
(3)沟通(UI/UE、技术开发部门、产品需求部门、营销运营部门)(4)、UI设计师的主要职责(可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善)
7、产品上线
8、开发后期,细节跟进
9、项目总结
完成了设计工作后,要做的事情就是出一份视觉规范,然后检查一下整体的视觉层级。无论是小型项目还是大型项目,视觉规范都有其存在的必要性。无论是对你自己,还是对于同事,都能起到很好的规范作用,避免不一致的设计。
小白想学习ui设计,应该怎样入门?先说说我自己:01年考入北京邮电大学工业设计专业,一个全新的专业,很多同学都是被调剂过来的,没有艺术基础,大家都是从小白被动开始学设计,既没兴趣,也没基础。那时候“设计”和“用户体验”的概念远没有现在这么成熟,但是很多同学经过这么多年的历练,在行业内都成了顶呱呱的设计师或者领导者。自己也开过十来年的设计公司,有设计背景和转行学设计的都面试过很多,有些“自学成才”的小白,每天埋头临摹各种花哨的图标,精通C4D,但是做出的界面十分粗糙,显然努力错了方向;也接触过很多培训机构出来的学员,简历和作品集千篇一律,问到对互联网产品的了解以及作品中的思考却又支支吾吾。当然也有不少通过自己努力成功入行的。所以建议题主在入行之前一定要认真了解行业现状、互联网公司一般的用人需求,然后再有针对性地学习和准备。小白的学习方式一般学UI设计分为自学和上培训班(很多大学生毕业后也会选择培训班系统学习)两种:自学的优势是省钱,但是会缺乏系统性(现在是知识变现的年代,真正的干货是不会免费的),也会浪费大量的时间;上培训班可以系统学习,但是问题是不靠谱的很多(包括机构和个人),有很多就是有几年的工作经验就急于跑出来变现的。例如在某某课堂上看到老师讲的东西,连概念都搞不清。至于有些机构这些年打着招聘的旗号招学员,打着包就业的幌子,在学习中教学生简历造假的丑闻就太多了。设计师系统学习的流程和方法:
一、认清概念,UI、UE、UX、GUI、ID有什么区别?我们常说的UI设计,即用户界面设计“UserInterfaceDesign”,大家常常混淆几个概念:UE、UX、UI、GUI、ID,我们一起看看他们之间的关系和区别:很多传统的企业把UI设计等同于美工,实际上有很大的差别,美工主要是负责界面的美化,而UI设计师不仅要负责界面的美观,还要站在产品的角度,参与流程的优化、把设计进行工程化的输出。二、学会评判设计,好设计的四个标准1.好的设计首先是实用的优秀的界面视觉设计,一定是便于用户使用的。利于使用,是设计的根本需求。设计师未必是好的艺术家,好的艺术家也未必是好设计师我们遇到不少初学UI设计的同学在问:“学设计要从学手绘开始吗?”有这样的疑问,其实是没有区分开设计和艺术的不同。设计和艺术是不一样的:设计本身是服务于产品,是在一定规范下完成信息的传达,而艺术品纯粹重在表达。UI设计师是用自己的设计服务于产品,在视觉规范下完成信息的视觉传达和表现,最终满足用户的需求。以用户为中心的设计视觉设计本身也同样以用户为中心,围绕着用户的需求以及目标用户的心理概念模型展开。比如:小时候过年,你领到压岁钱以后,是不是基本都“上交”给了爸妈?你爸妈说要给你存起来,这都过去二三十年了,你知道你的压岁钱去哪儿了吗?如果当时就有支付宝,你可以把压岁钱存进余额宝涨利息,是不是就有机会自行支配资产了?现在的孩子就比你幸福多了,支付宝最近出了一个【小钱袋】功能,主要是帮助小朋友存储和管理自己的资产,比如压岁钱和零花钱。这个功能的推出,就符合小朋友们(据说00后可有钱了呢)的需求,也便于父母单独管理孩子的自有资产,减少亲子之间因为压岁钱产生的小矛盾。每一个视觉元素均有意义在一页用户界面中,每一个视觉元素都有它要实现的目标,而不是单纯出现的装饰性元素。比如:知群需要设计一张封面图。先说一下设计的业务背景和需求:设计师需要为
【知群产品设计训练营】设计一张封面图,需求是视觉上符合审美,重点是突出训练营,让用户看到封面图,即能理解训练营的价值和作用,更愿意点击。大家对比一下优化前后的方案,哪里发生了变化?设计方案V2.0相对V1.0版本,增加了一个“小旗子”的视觉元素,这个“小旗子”可不是随便加上的,因为这个“小旗子”的存在,在第二张图里,我们的阅读顺序就非常连贯。一个UI设计初学者,以产品设计训练营为起点开始入门,循序渐进地掌握了软件能力、造型能力、色彩能力、界面排版能力之后,再经过名企项目实战积累经验,最终产出作品集。经历过这样完整的过程后,才有足够的专业实力和信心,证明自己掌握了UI设计的核心竞争力。这个“小旗子”视觉元素的增加,其实是从视觉上突出了训练营对于UI设计初学者可以起到入门的作用,也让用户理解到从入门到掌握核心竞争力需要经历的完整过程,用设计引导用户的视觉阅读顺序,从而增加对封面图的点击。2、容易让用户快速学会使用在尼尔森可用性标准中,有一个易学性原则。遵循这个原则,在保持美观性基础上,更重要的是能够准确、快速、有效地传达信息,让用户更容易学会使用。-微信“摇一摇”的图标,就能够让用户快速学会如何使用这个功能。-搜索界面、语音图标,能够引导用户快速使用语音功能。-微信会话界面输入控件旁的笑脸,能够让用户快速学会发表情。就算是爷爷奶奶看见这个笑脸,也更容易理解这里可以发表情给你吧。3、产品中的设计元素都是统一的设计师如何能让用户快速、有效、容易地使用产品?那就需要设计师保持在产品中的设计元素的统一性。建立统一的标准这里提到的统一指的是在同一套标准下,设计上面的统一,即同样的功能保持一致。设计师需要建立和维护视觉设计规范,来保持设计的统一性。大厂名企的设计团队都有自己的设计规范,比如:AntDesign。蚂蚁金服的设计系统我平时不管是带新人还是教别人,都会通过大厂的设计规范,让大家学会如何建立和维护视觉设计规范,便于保持设计元素的统一性。iOS11和MaterialDesign设计规范大纲相同功能保持一致针对相同的功能,在视觉呈现上保持一致,达到统一的效果。统一是降低学习成本的关键统一的界面设计,可以降低用户的学习成本,能够提高产品使用效率。4、好的设计必须是美学的体现好的设计在视觉上必须是美的体现,这里有一个关键点:对于目标用户来说,设计要好看。这里的的关键点就是“目标用户”认为的好看。设计并不是设计师主观上的好看,而是需要深入了解和考虑目标用户的审美喜好,做出他们觉得好看的设计。比如:你作为设计师,要为3-6岁的儿童设计一个界面,那么你就需要深入了解这个年龄段的孩子认为什么样的美的。或许作为成年人的我们认为“性冷淡”风更显高级,但是对于孩子来说,“红配绿”或许是他们最爱的。三、UI设计师必须掌握的5项能力UI设计入门需要掌握5项能力:1.图形造型能力比如你要画一个星星图标,不仅需要画出一个“星星”的形态,还要符合造型审美。2.图形表现能力你画的这个星星不仅有“星星”的造型,还要有质感,比如毛茸茸的质感、大理石的质感。3.色彩表现能力你怎么为“星星”进行色彩配色,比如说用渐变邻近色,还是选择对比色配接起来配色。4.终端规范能力你把这个“星星”做好之后,放在界面里面,需要注意哪些,比如界面最小可点击范围是48px*48px,那么就要注意这个“星星”图标尺寸不要小于这个尺寸。5.终端界面能力当图标这种小元素做完之后,放在整个界面里,要注意优先级排序,以及界面与界面之间的逻辑关系。这5个能力之间什么关系呢?这些能力又应该从哪里入手掌握呢?我们分别来看一下:终端界面能力和终端规范能力属于设计专项能力,主要表现为做界面设计。图形表现能力、图形造型能力、色彩能力属于设计底层能力,是做各种设计的基础,不仅可以做界面设计,还能做插画设计、运营设计、品牌设计。界面设计比如常见的APP或网页的界面设计。插画设计比如在做APP开屏广告时,就可以用丰富造型、大胆配色的插画风格,吸人眼球,提升广告页面的观看时间。运营设计比如淘宝、京东等电商首页Banner,或者得到APP的课程详情页。品牌设计设计品牌的LOGO、VI视觉等四、UI设计师能力模型如何掌握入门UI设计师,这5项能力通过短时间学习(比如4个月),需要掌握到什么程度?做产品、设计需要考虑优先级,其实掌握技能也需要分清优先级,先抓重点,各个击破。在入门学习UI设计的时候,要分清熟练掌握和基本掌握的技能,在有限的时间里重点突破:1.熟练掌握:终端界面能力和终端规范能力这2项能力可以通过短时间学习,快速掌握和上手。这两项能力的掌握也有大量的参考资料和前人经验值得学习参考。2.基本掌握:图形造型能力、图形表现能力、色彩能力因为这3项能力很难在短时间内速成,而是需要长时间的刻意练习和积累。如果你想自学UI设计,也需要给自己设计适合的难度梯度学习路径,帮助自己在有效时间内入门UI设计。五、UI设计学习的5个阶段学习任何技能,一口吃不了胖子,都需要循序渐进,先打基础再提升。UI设计的学习也是这样。我们以图标造型能力为例,看一下怎样由浅入深地掌握5项能力?如果你想自学UI,也适合你根据这个学习曲线,规划自己的学习阶段图标造型能力学习流程所以,掌握一个技能或知识点,需要经过以下这5个阶段:1、了解概念扁平和拟物是两个大的图标分类。当你了解了基础的图标概念,再通过临摹学习加深对基础概念的理解。2、临摹学习知群教研组老师们之所以选择了通过Android图标的讲解,来让同学们临摹练习,是因为Android图标的设计过程是开放的,有丰富的学习资料,便于同学们参考借鉴。3、举一反三在同学们掌握了Android图标的临摹之后,老师会让他们通过练习扁平图标,来达到举一反三的效果。因为扁平图标相对复杂,因为涉及到图形和组合、点线面的组合,这对同学们来说,难度有升级,但是同学们又能在挑战中获得成就感。4、应用实践知群的老师会教给同学们图形组合和创意的方法,帮助同学们最终能做出属于自己的一套图标。这样完整的图标,也可以放在作品集中,成为面试中凸显自己设计细节感的亮点。5、最终掌握该能力在经历了了解概念、临摹学习、举一反三、应用实践的完整流程后,才算是真的掌握了图标造型能力。怎么算是真正掌握一项能力呢?就是你不仅会设计一套适合品牌调性的图标,还能举一反三,在产品接触用户全流程的各个触点,都用带有品牌意义的图形造型,将产品和品牌的价值传递给用户,做到真正的应用。六、额外建议:平时要多下功夫UI设计水平的提升要多看、多用、多想、多做。多看优秀同行的作品,了解时下流行的风格,提升自己审美水平;多用设计优良的小众产品,体验产品流程、设计、动效等内容,体会设计师背后的思考逻辑;多想这些产品为什么这么做,还有哪些优化空间;多动手临摹,避免眼高手低。下面推荐一些平台:1.最美应用(公众号和App)最美应用是老牌的应用推荐平台,大家可以关注“最美应用”推荐的产品和专题,这些优秀的产品往往在功能、设计、交互方面有着独到的地方,在这背后设计师和产品经理有着什么样的思考?为什么做成这样?能否借鉴?这些问题都值得大家深入思考。2.设计师常用网站,多去膜拜大神,多动手临摹他们的作品包括Dribbble、Behance、Pinterest、知群设计圈等等,这些优秀设计师作品展示平台间接向我们传递着设计潮流、设计趋势、设计方法,尤其是知群设计圈,翻译了很多国外的专业文章,值得一读。零基础怎样学UI设计?从基础入手,先可以练习手绘造型能力,包括速写、素描和色彩等,然后学习相关的设计软件,如PS、AE、sketch等,当然在实践操作的同时不要忘记理论知识上的学习,而且不单单只是UI设计,最好需要了解学习前端知识和后台基本概念,最后吸收优秀案例,丰富自身的设计水平,提升自身的创新意识。
END,本文到此结束,如果可以帮助到大家,还望关注本站哦!
本文地址:http://www.cj8811.cn/5553.html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 931614094@qq.com 举报,一经查实,本站将立刻删除。