苗郁:UI设计师,用设计美学解决产品问题( 二 )


苗郁:UI设计师,用设计美学解决产品问题

文章插图
UI设计
可视化设计以展示数据为核心,任何炫酷的动效都要建立在不影响数据的有效展示前提下完成 。所以首先要整合数据,按照主要数据、次要数据;总量数据、细分数据等维度完成页面布局 。风格优先选用暗色调,让视觉更好的聚焦且在大屏上更加柔和不刺眼 。在图表方面遵循“一眼便知”的原则,根据业务场景匹配相应的数据图表组合 。
苗郁:UI设计师,用设计美学解决产品问题

文章插图
交互设计
可视化大屏分为2种,纯展示型和展示+功能型 。纯展示型交互需求较少,做好数据呈现,在大屏上展示即可 。展示+功能型,包含了数据监测、数据采集、数据对比、模型算法、分析预警等,整个框架结构都要围绕主页面中的核心数据来设计,让业务关键指标数据以直观可视化的方式呈现出来 。
可视化大屏主要面向企业的管理层辅助决策,而非广大的用户群体,在可视化的交互设计中,要区别于网页和APP,弱化引导性元素,在不同页面及功能切换时,取消“点击进入”等按钮,让整个流程变得高效而便捷 。
苗郁:UI设计师,用设计美学解决产品问题

文章插图
动效设计
我们都知道动效是可视化的重要组成部分,让场景变得更有沉浸感 。但过度的动效容易喧宾夺主,弱化了数据的展示 。UI设计师需要根据整个页面的风格和呈现效果与动效设计师完成对接,并及时跟踪最终落地效果,确保双方配合的统一性 。
交付:设计还原验收
设计稿完成切图后,UI设计师的工作还并未结束 。因为客户最终会以上线效果审核设计师的工作 。因此,为了确保上线效果和设计稿更加吻合,UI设计师需要及时与开发对接,提高UI还原度 。验收范围包含但不仅限于:
苗郁:UI设计师,用设计美学解决产品问题

文章插图
视觉问题:间距、大小、颜色 。
交互问题:按钮hover;滚动条hover;tips气泡宽度等 。
适配问题:固定宽度和百分比宽度的适配问题;部分分辨率下无法点击底部按钮等 。
另外,UI设计师可以将验收流程规范化、标准化,帮助开发人员更好的提高还原度:
把UI还原度验收安排到项目流程中用Excel、Word或项目管理软件整理好验收记录设置验收标准,如还原度90%及以上为达标,以下为不达标不达标意味着存在风险,需邮件抄送相关人员及领导,同时@开发负责人,安排跟进
苗郁:UI设计师,用设计美学解决产品问题

文章插图
第一轮验收结束,复查后整理好问题及时发起第二轮验收,直至全部解决 。全部验收完毕后,将验收报告抄送至相关人员 。
技术在更新,需求在升级,UI设计师也要紧跟时代的脚步,通过拓宽自身的能力,学习不同的设计工具,在不同的项目中成为“魔法师”一样的存在,用自己的美学能力,把客户的需求变成实现价值的设计 。以我自身为例,虽然已从执行UI设计进阶为设计经理,在做好团队工作规划之余,也会尝试学习新的技能,了解当下流行的视觉趋势,更好的配合部门总监带领团队成员 。
苗郁:UI设计师,用设计美学解决产品问题

文章插图
产品始于需求,立于价值,久于体验 。满足客户的实际需求,设计出创造价值、极致体验的产品,永远是UI设计师所追求的目标 。


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: