资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 网站开发 > 正文

新手入门手册!UI视觉设计师工作流程上的总结与建议

浏览8028次 发布时间:2021/09/14

最近有一些刚入行的学妹来问我,如何才能成为一名合格的设计师,我想三言两语很难传达,于是准备了一篇长文,主要是根据积累的经验和对该行业的认识来叙述作为视觉设计师需要哪些能力。

理解业务需求、产品定位和交互逻辑

理性确立设计风格并初步评审

设计过程中结合需求,合理优化设计

保持有效沟通,输出并跟进设计实现

首先我们要清楚视觉设计在整个产品中的作用和目的是什么,是给用户提供舒适美好的视觉享受吗,还是为了用户使用产品的时候更顺畅,这些都包括但不仅仅如此,视觉设计还应该传达品牌差异化,让用户清晰地辨识、记忆并喜爱该产品,并以促成业务目标为结果。因此做视觉设计就不能只流于表面形式,应该全面读懂业务需求和用户群的特征,做出符合该业务需求和品牌调性的设计。

一.理解业务需求、产品定位和交互逻辑

曾经有个同行跟我说他犯过的一个错误,拿到需求或原型后,也许是迫于时间紧迫和经验不足,就立急开始设计,最终的成品确实很高大上,获得很多同事好评,但是产品经理和老板就提出了有指导性的意见,这个网站是给内部人员使用的,应该以方便快速触达目标为主,而不是做成多屏的滚动页面。虽然老板不懂设计,但是他却懂业务,可见设计不应该是炫技,也不应该是给产品润色,应该是根据业务需求做出多方面综合考量的结果。

拿到需求之后,心里有个大概,这个产品是干什么用的,主要是吸引哪些用户群,业务逻辑和使用场景大概是什么样的,当进行了一翻思考之后,如果还觉得陌生,应该怎么办呢,那当然是找到交互设计交流啦,有的公司没有交互设计岗位,这时候可以找到产品经理,他肯定会不厌其烦为你讲解。

理解产品的定位,主要是理清产品的类型、目标人群、核心功能,以及用户群的主要特征,如年龄、性别、喜好、使用时间段和操作场景等。甚至可以参与该产品前期的调研分析,提前了解并构思产品的视觉传达,品牌定位问题。

如何理清交互逻辑,拿到原型后可以按步骤和页面分支来形成一个大致的概念,如产品分为几大模块,几大首页都有些什么内容,甚至可以结合构架图去理清思路,遇到不明晰之处则与负责人交流。大致上来讲交互逻辑主要应该搞懂以下几点:

布局方式

整理框架逻辑和流程

页面承接关系

控件的各种状态

不同条件下的信息展现

二.理性确立设计风格并初步评审

理清了之后,就可以着手确立设计风格。设计不等同于艺术,产品也不是表达自我的平台,设计应该是解决具体问题并合理论证。因此不应该天马行空,或拘泥于创意,美感和形式。然后太注重分析,也会导致结果没有新意,太重目的,无法超出用户的心理预期,因此应该在划定好的范围内,做一些创意性的延伸工作。大多数的设计师都是由学习别人开始的,如果还没有达到一定的高度,可以通过研究同行业的产品共性和设计特征,然后理性从共性+个性的角度,并结合前面理解的定位分析,从而思考自身产品的设计风格。

从把握流行的设计风格做出符合产品定位的,更符合品牌调性的设计风格,如果有限制,仍可在一定的范围内发散思维,从细节上创造出超过用户预期的设计。关于如何通过视觉设计提升产品的品牌调性,这个后面会通过另外的文章作以分析,这里主要阐述工作推进中的一些经验和方法。

确立风格后,参与初步的风格评审。评审的作用,在于增加视觉输出的合理性和效率,评审的过程中可以确定设计的风格,后面的设计按计划进行,沿着此风格继续即可。

三.设计过程中结合需求,合理优化设计

在具体做设计的时候,遇到不明确的描述,或是考虑到更多流程图以外的想法时,可以与交互沟通,加快进程。举个例子:在做APP公告弹窗的时候,根据业务模式有可能会出现比较长的公告,也有可能出现两条公告,而流程上没有考虑到这么全面,这时候可以和交互沟通,延伸出更细化的体验,并做出更符合逻辑的视觉设计。比如公告一屏展示多少字,超出的文字是点击按钮显示下一页呢,还是用滚动的方式展示剩余的部分,第二条公告通常是在第一条之后展示,,那么如果两条公告的长度不一致怎么处理呢,视觉上不应该出现时长时短的弹窗,显示不专业不规范,这时候比较好的方法是折中选择一个高度居中的弹窗设计,并且提醒产品在公告字数上做限制。

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
微信小程序开发客户中心

24小时业务咨询热线

13520390899

联系我们

资深的网站开发/小程序开发/APP开发/软件开发服务商!
地址:北京市顺义区科技开发园
企业邮箱:wang10com@126.com
企业QQ:471383197 企业微信:WangShiHuDong
相关推荐
密云app开发报价说明 怀柔APP开发费用如何计算 密云app开发成本核算 平谷app开发成本核算延庆APP开发价格 平谷APP开发费用如何计算唐山微信小程序开发哪家公司便宜 怀柔app开发报价说明密云APP开发价格 延庆app开发成本核算 密云APP开发费用如何计算廊坊微信小程序开发哪家公司便宜
版权所有 © 北京网十互动科技有限公司 备案京ICP备16050073号-2 网站地图

在线咨询

电话咨询