设计师怎么在网站上还原设计稿
2021/06/13

在我们的网站建设团队中,经常会遇到一些小问题。比如我们设计师的设计图很好看,但是做出来的时候在网站上发现特别难看。我今天的文章就是这个问题的解决方案。希望这篇文章能帮到你。

五个核心关键因素,如何才能让设计稿的还原度和我们当初的设想一样

定稿前审查

整理注释文档

标记开发演示文稿

积极回应每一个发展问题

对恢复的程度提出看法

1。定稿前审查

和谁?这里当然是和产品经理,设计负责人,开发同学,测试姐妹(为什么没有boss,因为根本看不到boss)。

【/h/】当然,开始和前期不需要叫那么多人,直接找设计负责人谈就行了,因为落地设计的版本需要审核很多次,所以前期就不在这里说了,所以中期设计审核一定要在产品链中起到关键作用。

【/h/】首先,在复习的过程中,一定要明确说明视觉修改和发展的最大变化。布局框架的改变会增加开发工作量,是可以实现还是会消耗大量的电量(一般有高级动态效果会有大量的电量消耗)。这时候开发负责人会提前在这里预估判断,因为如果这个环节没有把握好,如果后期出现了意外,很难实现,那么愿景就要重新修订了。当时时间很紧。

【/h/】这里可能有人会问,框架前期的交互不是已经随着开发审核了吗?不一定是这样,因为如果我们的灵感在设计过程中爆炸,之前的一些想法不到位,这个时候我们可能会做一些改变。也许我们会改变一些局部框架,所以一定要注意这些细节。

如果把握好这个环节,基本上可以实现,除了特殊情况,比如前期忽略一些背景数据

2。整理批注文档

为什么要组织标记文档?

【/h/】这里的文档不一定要严格按照交互文档或者可视化标准文档来做,可以简单的做,关键是让开发变得易懂。

文件里有什么?都是吗?

如果是小版本迭代的话,就比较简单了,因为之前的控件已经存在了,只要标注写清楚了,就不用写文档了。

如果是大版本迭代呢?比如7.0到8.0是一种全新的视觉语言,这时候就需要整理一个文档。

【/h/】在文档中,整理本次更新迭代的常用页面,公共控件,只要整理并标记一个副本,然后说明处理问题的细节即可。

例如:

【/h/】一般列表的文字会标注一个自上而下的高度,这样即使在超大模式下,超大字体也不会导致控件穿插。

超大模式下的导航有哪些处理规则,多种语言(如阿拉伯语)如何换行,换行规则是什么?先缩小字体,再换行?等待

【/h/】如何处理图片网格的布局类型,显示多少小屏和大屏幕(指手机和pad),横竖屏显示规则是什么,如何实现自适应布局等。

记住横幅必须给出比例,通常是21:9,16:9,4:3

一个关键点是设计者必须标注点击区域。如果不标注,开发人员会直接用你剪下来的图填充,最终导致可用性差,来回调试。

这个链接是标注的核心部分,通过非常细微的还原来实现这一步非常关键

3。标记开发演示文稿

为什么要从开发中读取布局?因为有一些细微的地方需要我们特别像开发指令,加深他们的形象,在执行的时候减少错误。比如开发日读的时候,只把关键核心点和规则说清楚。我们之前采取的每一步都是为了以后考察还原程度的时候更容易,开发也更容易。比如前期基础打得不好,后期很难深入。(如果大视野没有恢复好,细节怎么开发和打磨?)

4。积极回应每一个发展问题

【/h/】在紧张的开发环节,即使我们之前的工作都做好了,也难免开发不跟我沟通。这时候就要积极响应他们,和他们一起处理问题,比如一些比较难的页面,开发实现效果和设计稿差别很大。这时,开发人员会切下一张他们实现的效果图给你看。这个时候你就要仔细找问题,不要坚持说是发展。

【/h/】那你就要考虑布局了,比如距离是否可以标成百分比关系等等。


我们的优势
上门服务

支持POS机刷卡

最快1小时上门交接资料

专业服务

具有10年以上财务工作经验

严格按照新三板财务标准做账

价格透明

拒绝隐形消费

价格全称透明合理

支付随心

支付宝扫码支付、POS机刷卡

微信扫码支付、现金收款