最近有不少想学UI设计的同学都在咨询我一些问题,他们想学UI设计但好像反而不知道UI设计到底是什么。对UI这个行业的了解仅仅局限于一些朋友或网上查资料以及部分培训机构的老师对他们讲的门槛低、易入门、工资高、好就业等等,但对UI到底是怎么?做这个行业的工作内容到底在做什么都还是比较迷茫。我就仅以我个人的拙见,简单的和大家分享一下UI设计到底是个什么样行业Bsport体育。
UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。
通过显示器呈现出的界面。包括单不限于:手机界面、电脑界面、智能手表界面、银行的取号机界面、机场的航班显示板等等。只要是通过显示器呈现出的界面,不管是带交互还是不带交互的都可以理解为是UI界面。而设计UI界面的工作就叫UI设计,做UI设计工作的岗位就叫UI设计师。
移动端多指手机端UI设计,也叫GUI设计,是现在最常见的UI,也是大部分UI设计的主要工作。
移动端UI大致有手机源生UI界面、APP UI界面、小程序UI界面三大类
APP UI界面:指手机安装的一些APP,例如京东、淘宝Bsport体育、微信等所有安装在我们手机上的APP,也是大部分UI设计的主要工作;
小程序UI界面:内置在微信或支付宝等第三方平台的小程序,近几年因为小程序的开发成本低、推广便捷等优势也成为大部分公司喜爱的一种项目承载方式,所以我们日常做小程序的工作也慢慢多了起来,设计方式和APP UI的方式是一样的。
PC端就是我们所说的电脑端,虽然随着智能手机的崛起导致大家对电脑的依赖性变低,但大部分公司一样会有不少PC端UI设计的需求,现在最常见的就是企业官网和B端后台的UI设计。
PC端UI大致可分为PC源生UI界面、客户端UI界面、网页端UI界面三大类
客户端UI界面:电脑上安装的软件UI界面,比如飞书、英雄联盟端游、PS、AI等操作软件、一些公司的后台等,通俗来说就是需要安装之后才能使用的软件统称为客户端,而这些软件的界面就统称客户端UI。
网页端UI:通过浏览器输入网址打开的网页,比如企业官网、站酷、花瓣等门户型网站等。
在这里来说移动端和PC端却是共通的;移动端和PC端都有各自的源生系统UI,移动端的APP UI和PC端的客户端UI也都是需要安装在各自设备上的软件,移动端的小程序和PC端的网页也都是内置到第三方的,小程序是内置到微信、支付宝等第三方APP上面,PC端网页则是内置到浏览器内。
除了常见的移动端和PC端UI以外,还有有一些其他的UI,比如穿戴设备如智能手表、一些硬件产品如银行的取号机、航班展示板等,都属于UI界面的范畴,但目前来说移动端和PC端UI算是主流。
一个UI界面通常来说由三部分组成:配色、排版和图标。当然,这是我个人的理解,可能是不对的。后面的内容我就以现在UI设计师最常做的工作,也就是APP UI界面设计举例。
这个应该很好理解,任何APP或网页等UI界面都会有自己的主色,也有相应的颜色搭配。一般我们对某个软件的潜意识印象就是它的主色,比如微信的绿色、京东的红色、淘宝的橙色等等,我们在设计UI界面的时候都会优先确定好该UI界面或是该APP的主色,以及相应的Bsport体育辅助色、点缀色等,这就是该APP项目的整体配色。而怎样去给不同类型的项目制定相应的主色,及根据主色和想表达的视觉感受去搭配相应的辅助和点缀色,是需要一些理论知识和大量的配色练习的,配色理论知识我会在后面的课程中讲到,练习的话就需要你们自己去多看多练了。
对一个UI界面来说我觉得最重要的可能就是排版了,一个界面好不好看往往就是由排版来决定的。而且排版不仅仅只对UIBsport体育重要,对平面设计、美工、线下印刷来说一样非常重要。特别是对平面来说,比如一些书籍或企业画册来说,是没有多余配色的,整本书或企业画册全部是由少部分的图片和大部分的文字进行排版来完成,所以扎实的排版公司就尤为重要。
在UI界面中排版类型有文字与文字搭配、文字与图标搭配、文字与图片搭配,如果还是觉得不太好理解排版到底是什么,可以简答粗暴的理解为文字和文字、文字Bsport体育和图标、文字和图片,放在一起怎样摆放好看,这就叫排版了。
排版的四大基本原则:对齐、对比、亲密性、重复,在《写给大家看的设计书》这本书中,有非常详细的讲解,基本上把这四大基本原则吃透了大家排版就不会有太大问题了。
图标在UI界面中也占有不小的比重,一般我们对界面风格的体现都是从图标风格上体现出来。因为我们实际工作中设计的UI并不会像大家在网上看到的那么炫酷,整个界面的配色排版都有强烈的视觉冲击力,反而往往是比较朴素的,图标就成为了朴素UI界面中的一大亮点和风格体现点。
UI从产品经理那里取得原型图后,通过各种途径尽可能多的先找一些同类型产品进行比较和参考,做到心中对该项目有明确的认Bsport体育知和规划;
根据项目的类型、用户群体、核心价值观体现等通过分析后选择符合项目要求的设计风格和配色;
制定UI设计规范、设计相应的UI设计稿,完成后和相关的人员进行视觉稿评审;
开发完成了项目的基本研发工作后对开发的产出进行UI走查工作,尽可能保证开发人员对UI设计稿的高度还原;
开发的产出被通过后,辅助开发完成项目的上线工作,此阶段可能需要提供APP的启动LOGO、启动页、引导页等。
2平面设计、UI视觉稿(高保真图):UI设计产出,完整的设计稿,包含了项目的配色、排版、图标绘制、交互状态等等