UI设计师的工作日常

很多人对UI设计师的工作日常不是很了解,觉得每天可能只需要找找素材、做做图就好了,实际上,UI设计师的工作一点也不简单,有单独一套属于自己的工作流程。

一、沟通协调,需求确认

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

二、寻找灵感,收集素材

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

三、制作与核稿

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

四、标注切图,对接前端

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

五、项目跟进与总结

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

全部评论
灵感这个东西,有时候就是没啊
点赞 回复 分享
发布于 2022-08-22 08:08 陕西

相关推荐

1. AI 大模型会取代前端吗?前端核心价值是什么?不会取代,但会重构工作方式。AI 擅长生成页面、组件、样式和简单逻辑,但交互体验、业务理解、性能优化、工程架构、跨端兼容、安全与用户体验把控依然是前端核心。前端未来是“AI 协作工程师”,用 AI 提效,自己专注复杂决策与体验创新。2. 前端如何接入大模型?常用方案有哪些?主流有三种:• 直接调用后端接口,前端只做流式渲染与对话交互;• 浏览器端使用 WebLLM、Transformers.js 等跑轻量化模型,实现本地推理;• 结合 AI 组件库(如 AI 搜索、智能提示)封装通用交互。关键点:前端负责流式 SSE/WebSocket 展示、上下文管理、加载状态、异常兜底,保证交互流畅。3. 你在项目中怎么用 AI 提升前端开发效率?• 用 AI 生成基础页面、表单、表格、动画代码;• 辅助写正则、工具函数、Hooks、接口类型定义;• 做代码审查、Bug 定位、性能优化建议;• 自动生成注释、文档、单元测试;• 快速复现与修复兼容性问题。核心是把重复体力活交给 AI,复杂逻辑与架构自己把控。4. 前端怎么实现 AI 流式对话(Chat 打字机效果)?使用 SSE(Server-Sent Events) 或 Fetch 流式读取:• 后端以流形式逐块返回内容;• 前端通过 ReadableStream 接收 chunk,逐字渲染;• 配合防抖、中断、重发、异常重试提升体验;• 结合虚拟列表解决长对话性能问题。这是现在 AI 产品最典型的前端能力考点。5. AI 给前端带来了哪些新的产品形态?• 智能表单:自动填充、语义化输入、自然语言生成查询;• AI 设计稿转代码、Figma 一键生成前端页面;• 智能客服/对话助手、语音交互+可视化界面;• 低代码/无代码平台的 AI 生成模块;• 个性化 UI:根据用户行为动态调整主题、布局、内容。前端不再只是“切页面”,而是AI 能力的交互出口。
面试官最爱问的 AI 问...
点赞 评论 收藏
分享
评论
4
14
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务