黑马程序员技术交流社区
标题: UI设计主要做些什么事情呢?各用什么软件来做呢? [打印本页]
作者: 绘儿 时间: 2022-4-28 15:07
标题: UI设计主要做些什么事情呢?各用什么软件来做呢?
本帖最后由 绘儿 于 2022-5-3 16:25 编辑
透彻了解UI设计,从此系列帖开始!
那UI设计主要做些什么事情呢?各用什么软件来做呢?
其实UI设计师主要做三大类事情,交互设计、界面设计、运营设计。
我们就大家都熟悉的【支付宝】为例吧
一,交互设计
一个互联网产品在诞生之初,是需要有产品需求的,它一般由产品经理这个角色去完成,例如支付宝得有收款、付款、扫一扫、理财、缴费等各种功能吧,功能如何实现交给程序员,这个功能如何合理布局,就是交互设计,交互设计做得好,会让用户在使用起来很顺手,特别方便,当然也免不了在交互设计阶段进行反复调整,达到最优的一个状态。这个时候,交互原型图就诞生了,它大概长这样:
[attach]345270[/attach]
那这个原型图可以通过什么软件来实现呢?
做交互设计的软件通常用有:
Axure、墨刀、蓝湖
这三款软件操作起来都差不多,Axure是老牌原型设计软件,功能强大,但有些笨重。墨刀是能在线编辑的交互设计软件,更轻量级。
二,界面设计
做完交互设计之后。就需要根据原型来设计界面了,让操作界面看起来舒服、美观,是这个阶段要完成的工作,会考虑到构图、排版、配色、设计风格这些,好的设计师总能恰到好处地应用这些技巧,就像一个厉害的化妆师,不需要浓妆艳抹,却能让你美得像出水芙蓉。
我们还是以支付宝为例,这个时候就要设计成这样了:
那这个界面设计可以通过什么软件来实现呢?
做界面设计的软件通常用有:
PS、Sketch、XD、Figma
PS是传统视觉设计软件,既有强大的图像处理功能,也能做各种界面设计。
Sketch是专业的界面设计软件,需要注意的一点是必须在苹果系统下才可以哟。
XD也是专业的界面设计软件,它的出现弥补了win系统下界面设计软件的缺失。
Figma是能在线才做的界面设计软件……
三,运营设计
把界面做好之后,互联网产品经过前端、后端的开发,再进行测试,然后就可以上线了,但刚上线的软件里面并没有内容,为了让这个软件有更多人使用它,就需要运营,那运营设计也就应用而生啦。
通常运营设计会以打开APP时候的引导页,弹窗、banner广告、H5专题等形式出现,类似这些:
那这样的运营设计可以通过什么软件来实现呢?
做运营设计的软件通常用有:
PS、AI、C4D
PS是传统视觉设计软件,既有强大的图像处理功能,也能做各种视觉设计。
AI是专业的图形设计软件,与PS算是亲兄弟,他们俩经常配合一起做图。
C4D是专业的三维设计软件,在互联网设计领域现在也很常见。
最后想说一点,俗话说:“方法不对,努力白费”
学习UI设计应该有一个可遵循的学习路线图:
《为什么2021疫情期间,会有这么多人来传智教育学习全链路+UI/UE设计呢?》
精华推荐:
-
图片23.jpg
(1.22 KB, 下载次数: 23)
-
图片26.jpg
(1.23 KB, 下载次数: 26)
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |