前言:【应用场景】我们日常生活中所用到的:手机、电脑、电视、车载系统、iPad、ATM机、工业中控系统......只要是带有电子屏幕的显示设备,都有需要UI设计。
自学UI设计的学前疑问有哪些,怎么样解决UI设计学习路上的疑问呢?

5.1 什么是UI设计?
【概念简述】UI=User Interface,即:用户界面。UI设计,也叫用户界面设计,是指对软件人机交互、操作逻辑、界面美观的整体设计。
【应用场景】我们日常生活中所用到的:手机、电脑、电视、车载系统、iPad、ATM机、工业中控系统......只要是带有电子屏幕的显示设备,都有需要UI设计。
【实际意义】UI/用户界面,就是我们:获取信息、调用设备资源、控制设备运作的一个可视化入口界面,
5.2 UI设计的职能,大体分为3个方面

①图形设计,对软件产品的外形进行“视觉设计”。由图形设计师完成(GUI=Graphic UI Designer)
②交互设计,设计软件的操作流程、树状结构、操作规范等。通常由交互设计师完成(IXD=interaction Designer)
③用户测试/研究,测验交互设计的合理性,以及图形设计的美观性。主要通过以目标用户问卷形式衡量UI设计的合理性。比如Flyme、MIUI、IOS系统重大更新都会有相应的反馈通道。
5.3 互联网产品的开发流程是怎样?UI设计处在哪一个环节?

简要来说,一个互联网产品(或App)的开发流程可分为四个阶段:①调研与立项→②设计与开发→③测试与发布→③发布与推广,而UI设计则处在第②个阶段。
①调研与立项,确立产品需求文档(PRD=Product Requirement Document),为UI交互设计做准备。通常由产品经理(PM=Product Manager)主导完成。
②设计与开发,依据产品需求文档(PRD)→完成UI交互原型设计→❤完成UI的图形视觉设计→研发工程师技术实现(前端工程师实现UI图形界面的重构→后端工程师实现业务逻辑的数据处理)
③测试与发布,团队全体开发人员协作,解决交互、视觉、技术上的bug,由产品经理把控质量、协调时间,确保产品准时上线。
④发布与推广,多渠道、多方式、多媒介、的投放广告,让项目产品触及目标客户。
最后的环节就是,持续的内容运营输出,提升用户活跃度、拓展目标人群。接受用户反馈,持续优化产品体验,迭代更新。
5.4 UI设计师(图形设计师)的主要工作内容有哪些?

我们通常所说的UI设计师,大多是指GUI图形设计师,主要工作内容就包括:图标制作、APP品牌制作、界面设计、切图标注、推广运营的活动页面、banner制作等。

△UI图形图标设计
在互联网产品开发的实际工作中,上游和你对接的是产品经理(或者交互设计师);下游和你对接的前端工程师。所以,你通常是根据产品经理出具的交互稿,做UI界面的图形视觉设计。这就要求你能看懂交互稿,懂一点交互知识是最好的,能为优化视觉设计做背书。

△交互设计稿-展示
在做完UI界面的视觉稿后,UI设计师将其标注好,再交付给下游的前端工程师,用作界面重构。必要的时候还可能会要用一些UI动效,去阐明设计师的设计意图,所以懂一点UI动效设计也是一个加分项。
5.5 做UI设计,要用什么软件?

【UI视觉设计】的主力软件其一是Photoshop、其二是Sketch。无论是图形设计、还是图像处理Photshop都能胜任,这是UI设计师必学一款软件。而Sketch,目前仅支持Mac电脑,可作为选学。
【UI交互设计】的主力软件其一是Axure,其二是诸如Adobe XD、墨刀、Sketch软件,市面上的交互设计软件非常之多,你要选择哪款,这就看缘分了。
【UI动效设计】的主力软件其一是After Effects,其二Principle,还有就是上面提及的交互设计软件,不过只能应付一些简单的页面转场切换动画的交代,但并不适合用来制作增强用户体验的GIF,比如loading、下拉刷新的一些趣味动画,不如AE制作出来的帧动画效果细腻。

△软件依次为:Photoshop、Sketch、AE、XD、Axure、墨刀
小结:软件只是用来实现创意表达的工具,每一款软件都有其优缺点,不必为此过分纠结。实在有选择恐惧症,那就优先选择:PS、AE、Axure、Sketch吧,后续有时间再去研究其它软件,看看是否有亮点,能为自己所用。
公众号:followdesign(平面设计学习日记)转载请保留本段。
5.6 我想自学UI设计,该怎么跨出第一步?

当你能从上到下,看到这段文字时,你就已经跨出了自学UI设计的第一步了。那么,接下来,就该在实践练习中去领悟UI设计了。自学UI设计,主要可分为3个阶段学习,不同阶段有着各自的学习重点。下文将从初期、中期、后期三个阶段来简要陈述。并附带大量资源链接,是我们系统自学UI设计的绝佳资源,望大家妥善保管。
(1) 初期
UI设计是以视觉设计为主,需要大量动手实践的互联网职业。学习初期,跟着教程大量做练习就是王道,掌握了惯用的软件操作技法后,大量临摹你喜欢的UI作品,总会有意想不到的惊喜。此阶段,你需要一些UI网络课程作为学习教材,参考《UI设计系统教程》就足够了,我可以很负责任的告诉你,这个课程的内容安排,非常注重实践案例教学,学习费用没有虚高,是名副其实的「系统学习UI设计的」最佳教程。
(2) 中期
到了中期,其重点则在于设计眼界及审美的提升。参考Google的Material Design、微软的Fluent Design、苹果的IOS设计语言,从中可学到很多UI设计、人机交互的经验理论。多逛一些高质量的设计交流社区,则有助于你的审美提高。比如国内的:站酷、UI中国、花瓣,国外的:Behance、Dribble、Pinterest。
(3) 后期
学习UI设计的中后期,重点则在于综合解决问题的能力提升,像一个产品经理一样思考问题,用设计师的专业眼光做视觉,思维上的提升将会为你创作更好的视觉设计做背书。当然,你完全可以多多汲取其它设计公司的设计理念,比如Frog Design、EICO等互联网数字设计公司,它们创作出了互联网界大批耳熟能详的软硬件产品,比如:魅族Flyme4视觉系统、膜拜单车APP、搜狗输入法、亚马逊中国APP等。
UI设计师的日常,除了从上述设计公司汲取理论经验外,国内的很多优秀互联网公司的UEDC团队,都会时不时的在行业发声,奉献出了诸多设计经验、以及学习素材,这是我们UI设计师取之不竭的的灵感源泉。比如:网易UEDC、腾讯CDC、腾讯MXD、阿里UED、京东设计中心...
(4) 自学UI路径(核心)
掌握PS软件技法→(认识UI行业了解工作内容→练习图标设计→练习品牌设计→练习符合IOS、Android规范的UI设计→练习APP中各种类型页面的设计→练习界面切图及标注)→恭喜你闯关成功!
括号里的内容,就是新手「必须通过实践练习」才能加以掌握的UI设计专业技能,学习《UI设计系统教程》便能从头到尾的做完上述所有功课。当你能在PS软件中将每一个图标、每一个界面,都完整的绘制出来时,你便会感受到UI设计的乐趣。走完这个流程,意味着师傅已经领你入门,你也达到了初级UI设计师的水准,但是通往高级设计师的路上,修行还得靠个人,继续努力学习是必不可少的,请仔细参阅上一章节罗列出来的学习资源,仔细研读你将受益无穷。
以下是上文提到的系统的UI设计教程汇总,通过学习,能帮你达到入职水准。
本文转载于站酷网,无侵权之意,只为分享,!
文章出自:http://qh.itpxw.cn/peixun/ui/201947046.html
文章标题:自学UI设计路上你遇到了哪些问题
免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉