18165470681

客服热线:8:00-20:00

干货!一次看懂UI设计师的工作日常

来源:乐学网 时间:2025-10-16

UI设计流程一般分为5个步骤:

用户调研 、整理需求 → 寻找灵感做出线框图提出方案 → 设计规范,进行设计 → 标注切图,对接前端 → 交付项目跟进总结

一、 用户调研

现在设计师的工作早已不仅是设计工作本身,他们也需要与业务内容相接触,只有了解用户需求才能更好地为产品进行设计。在项目刚开始启动的时候,UI设计师就会参与到其中。设计师需要清楚地知道并确认项目的具体要求、各项流程及业务逻辑,同时要与产品经理进行及时有效的沟通。虽然我们可能注意不到每一个细节,但是对项目尽可能的充分了解,有助于我们上下游工作对接、把握市场需求和方向,有助于降低设计稿的返稿率,提高工作效率。

进行用户调研的方法有很多,一般来说分为「定性调研」和「定量调研」

定量调研用来挖掘问题,着重于「发现问题是什么」,应用了各种量表式问题,以此形成对品牌的描述总结。

而定性调研更偏向于寻找「为什么形成这个问题」,可以采取:自由联想、投射法、神经研究法等方法,来挖掘产品背后的需求。

 

二、 寻找灵感做出线框图提出方案

在确定需求并梳理清楚后,就可以画原型图了。

我们需要做什么?当然是找灵感、找素材!我们需要确定一个大致的设计方向和思路,在自己的素材库或者其他信息源找灵感,构思项目风格、色调等等,然后取其精华去其糟粕,加上自己的创意灵感,优化设计。审美的高度决定了设计的高度。

接下来就是【一款产品成型之前的一个简单的框架图】,将页面的排版布局展现出来,每个功能键的交互,使产品的初步构思有一个可视化的展示。原型图无需非常精致,把产品的内里核心、交互逻辑展现清楚即可。

它说到底并不是一个需要展示给用户看的产品,通常是:开发、部门领导、UI设计师和测试。

建议在设计原型时,就开始思考整套产品的设计规范,可以最大程度的保持统一性。

三、设计规范,进行设计

当前面两个部分大致完成后,接下来就要准备制作设计稿了。这一阶段考验的不仅仅是设计能力,而是UI设计师的综合能力,包括对各种软件的操作熟练程度及运用能力、创新能力、交互思维能力、沟通协调能力等等。设计师制作完设计稿后需要由产品经理审核,主要审核一下产品需求是否体现得当、逻辑交互是否呈现完全、设计是否符合大众审美与需求。在这个环节中,一般设计师会和产品经理再进行一次仔细的沟通,可能是小细节的调整,也可能是大范围的重新来过。

上述工作做完就可以开始设计了,设计的步骤无需多说,其实就是——画画。

 

四、标注切图,对接前端

设计稿确认后,我们就要和前端工程师对接沟通了。沟通的内容包括标注方式、切图尺寸以及切图命名规则等等。前端程序员接收到我们具体的设计信息内容后会把页面实现,然后UI设计师需要核对程序员的输出页面与自己的设计稿是否一致,以及是否有需要调整和修改的地方。设计师与程序员需要协商一致,确保界面的高度还原性。

五、交付项目跟进总结

当UI设计师参与的项目正式面世后,不要以为设计师的工作就结束了。项目实际投放后,还有可能会遇到很多问题需要修改、完善,设计师需要多多关注和跟进。同时,也要做好对项目的总结工作,可以以文档的形式把自己的设计规范记录下来,有助于前端工程师根据这个规范统一调整界面,后续有其他设计师接受的时候,也可以作为参考标准。

 

UI设计师的日常工作是承上启下、不断交替更迭的,在整个过程中,除了需要很硬的专业技巧,沟通能力也不容忽视。只有充分了解项目、各岗位沟通一致,才能最终完成符合市场和用户需求的作品。

结束

免责声明:本站文章均来源于网友提供或网络搜集由本站编辑整理,如涉及版权问题,请联系本站管理员予以更改或删除。

招生院校推荐

西安铁路职业技术学院
西安铁路职业技术学院
学校性质: 公办学历:专科西安
咸阳职业技术学院
咸阳职业技术学院
学校性质: 公办学历:专科咸阳
陕西工业职业技术学院
陕西工业职业技术学院
学校性质: 公办学历:专科咸阳
陕西铁路工程职业技术学院
陕西铁路工程职业技术学院
学校性质: 公办学历:专科渭南
杨凌职业技术学院
杨凌职业技术学院
学校性质: 公办学历:专科咸阳
西安电力高等专科学校
西安电力高等专科学校
学校性质: 公办学历:专科西安
陕西职业技术学院
陕西职业技术学院
学校性质: 公办学历:专科西安
西安医学高等专科学校
西安医学高等专科学校
学校性质: 民办学历:专科西安
陕西能源职业技术学院
陕西能源职业技术学院
学校性质: 公办学历:专科咸阳
陕西国防工业职业技术学院
陕西国防工业职业技术学院
学校性质: 公办学历:专科西安
宝鸡职业技术学院
宝鸡职业技术学院
学校性质: 公办学历:专科宝鸡
渭南职业技术学院
渭南职业技术学院
学校性质: 公办学历:专科渭南
延安职业技术学院
延安职业技术学院
学校性质: 公办学历:专科延安
陕西青年职业学院
陕西青年职业学院
学校性质: 公办学历:专科西安
陕西服装工程学院
陕西服装工程学院
学校性质: 民办学历:本科咸阳
西安欧亚学院
西安欧亚学院
学校性质: 民办学历:本科西安
西安思源学院
西安思源学院
学校性质: 民办学历:本科西安
西安外事学院
西安外事学院
学校性质: 公办学历:本科西安
西安职业技术学院
西安职业技术学院
学校性质: 公办学历:专科西安
相关文章推荐
ui设计能干一辈子吗
ui设计能干一辈子吗

有一些岗位是吃青春饭的,比如说模特、礼仪等,想做一辈子比较难,因为江山代有才人出,会有比你更貌美、大长腿的新人出现,你就会被打在沙滩上,但是有一些技术类的工作岗位却能干

17110-16
干货!一次看懂UI设计师的工作日常
干货!一次看懂UI设计师的工作日常

UI设计流程一般分为5个步骤: 用户调研 、整理需求 → 寻找灵感做出线框图提出方案 → 设计规范,进行设计 → 标注切图,对接前端 → 交付项目跟进总结 一、 用户调研 现在设计师的工作早

11310-16
adobe xd是什么,一篇文章为你解答
adobe xd是什么,一篇文章为你解答

在当今数字化浪潮汹涌澎湃的时代,设计领域正经历着前所未有的变革与创新。一款款强大的设计软件如璀璨星辰般闪耀,而 Adobe XD 便是其中极为耀眼的一颗。它横空出世,迅速在 UI/UX 设计的

19810-16
PR主要干什么用?学起来难不难?
PR主要干什么用?学起来难不难?

PR,全称是:Adobe Premiere。 大多数人可能认为PR只是一款专业视频剪辑软件,但是它的功能远不止剪辑这么简单,还可以做一些简单的特效,可以添加文字,添加音乐,做视频多重的堆叠等。 那

7910-16