设计师怎么在网站上还原设计稿

发布时间:2021-06-06 09:42:36 作者:厚德网络 来源:本站 浏览量:(47) 点赞:(64) 收藏:(64)
摘要:菏泽厚德网络专业网站建设,网站设计,网站制作,网页设计,小程序,app开发公司,专注于菏泽企业互联网品牌营销策划,已为上千家服务,专业团队,值得信赖!

在我们网站建设这个团队中经常遇到一些小问题,比如我们设计师的设计图很美很好看,但是做出来了以后却发现放在网站上特别丑,我今天的文章就是说的这件事的解决方法。希望这篇文章能帮助到你。

五大核心关键因素,如何能让设计稿还原度像我们原版视觉一样

定稿前的评审

整理一份标注文档

向开发宣讲标注

积极响应开发的每一个疑问

开发还原度检视

1. 定稿前的评审

和谁评审?这里当然是和产品经理,设计领导,还有开发同学,测试妹妹们(为什么没有boss,因为boss你根本看不到啦)。

当然在最开始初期不需要叫这么多人,直接和设计领导就好了,因为版落地设计,是需要多次评审的,所以前期这里我们就不谈了,那么在设计中期评审就一定要拉上产品链中的关键角色。

首先评审的时候一定要把改版视觉变化最大的要和开发说明清楚,布局框架改变都会增加开发工作量,能否实现或者实现是否功耗很高(一般有高级动效就会有很大功耗),这时候开发leader 就会在这里提前预估判断下,因为这个环节如果不把握好,到后期如果出现意外,实现难度大,那么就又得重新修改视觉,那时候,时间是非常紧张的,所以一定要把握好各个关节环节

这里有人会问,框架前期不是交互已经和开发评审了吗?这个不一定的,因为如果我们在设计过程中,灵感爆发,有些之前想的不到位的,这时候可能会做一些改动啥的,搞不好就把局部框架改了一些,所以一定要注意这些细节点。

这个环节把握好了,那基本都能实现出来,特殊情况除外,比如前期忽略了一些后台数据的问题

2. 整理一份标注文档

 网站建设

为什么要整理一份标注文档?

这里文档不一定要十分严格的按照交互文档或者视觉规范文档来做,可以简易的做,关键是能让开发看得懂。

文档里面放什么?是全部放?

如果是小版本迭代,那么相对简单一些,因为前面几本控件已经有了,只要标注里面写清楚了,可以不需要写文档。

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

文档里面就把这次更新迭代的共同的页面整理出来,公共控件,整理出来标注一份就好了,然后说明细节处理问题。

比如:

list几种类型,单双行高度,如果是动态list,那么写明字符截断规则,如果可以允许换行,那么写清楚最多换几行,一般最多3(多语言时候用),超大模式如何处理?一般list文字上下都会标有一个高度,这样即使是超大模式,超大字体也不会导致控件穿插。

导航在超大模式下处理规则如何,多语言如何换行(比如阿语),换行规则是什么?先缩小字体,在换行?等等

图片宫格布局类型的如何处理,小屏和大屏显示几个(指的是phone和pad),横竖屏显示规则是什么,如何实现自适应布局等

记住banner一定要给出比例,常用21:9,16:9,4:3

非常关键的一点,设计师标注一定要把点击区域标注出来,如果你不标注出来,开发直接拿你切图填充进去,然后最后导致可用性非常差,最后导致来回调试。

这个环节是标注的核心部分,非常细微的还原实现这步非常关键

网站建设

3. 向开发宣讲标注

为什么要向开发走读layout? 因为有些细微的地方需要我们特别像开发说明,也加深他们的映像,在实现时候就减少出错,像开发走读的时候,只把关键核心点,规则讲清楚,我们前面每走一步,都是为了后面我们检视还原度的时候要轻松一些,开发也轻松一些,就比如前期基础没打好,后面深入很难。(如果大视觉没还原好,如何叫开发打磨细节?)

 

4. 积极响应开发的每一个疑问

在开发紧张环节中,即使我们前面所有工作都准备好了,也很难避免开发不找我沟通,这时候我们要积极回应他们,并且和他们一起处理问题,比如某些难度大一点的页面,开发实现效果和设计稿差异不小,那么这时候,开发会截一张他们实现的效果图给你看,这时你就要仔细去找问题,不要一口咬定就是开发的原因,先沟通具体原因,然后找出解决办法,如果是标注出现问题,比如标注标死了,页面不灵活,适配局限性很大。

那么你就要思考layout的问题了,比如间距是否能标成百分比关系等等

 

厚德网络微信

扫一扫,加微信

TAGS

网站功能 网站结构 网页布局 网站图片 网站导航栏 网站板块 网站优化 外贸网站建设 .com域名 .cn域名 .net域名 自适应 网页设计 屏幕宽度 Google PR值 网站流量 企业网站 颜色 布局 公众媒体 内部员工 投资合作 用户体验 SEO优化 营销功能 系统平台 屏幕尺寸 屏幕定向 Title标题 论坛博客 内部链接 产品展示 企业文化 在线咨询 触手可及 扫一扫 用完即走 后台开发 网站推广 WAP WML GPRS 百度搜索 百度联盟 企业推广 企业形象 品牌知名度 品牌定位 成品模板 仿制型模板 手工模板 电脑 用户依赖度 宣传广泛 搜索引擎 综合性 地方生活 网站改版 自定义栏目 提高排名 稳定性 安全性 速度快 ICP ICP备案 ICP证 B2B模式 B2C模式 C2C模式 404页面 301重定向 动态url 虚拟主机 网站空间 服务器 碎片化 多感官体验 交互性 HTML CSS JavaScript 关键词 点击付费 竞价 微官网 微信 HTML5 App IOS Android 内容更新 网站维护 搜索优化 https http ssl 幼儿园课程宣传 幼儿园网站建设 办公用品公司网站建设案例 大学网站优化案例 设计公司网站建设案例模板 学校网站设计模板 财税服务网站制作模板案例 网络硬件网站建设案例模板 印刷公司网站设计模板 眼镜行业网站开发案例模板 翻译公司网站建设实例 户外运动网站设计案例模板 珠宝首饰网站建设制作案例 健身器材网站设计案例 农家乐网站制作案例模板 瑜伽舞蹈培训学校网站建设实例 家居定制公司网站建设案例 小程序建设 关键词优化推广 关键词推广案例 教育类小程序开发 照明行业小程序 餐厅网站制作模板案例 五金水龙头网站建设案例模板 seo优化推广 苗木公司网站建设模板 汽车4s店网站开发案例 商城小程序建设 瑜伽网站设计 瑜伽网站制作 教育小程序开发 关键词推广 光伏网站建设 关键词seo优化 肥料公司网站搭建 官网建设 建材网站建设 建材官网制作 家居小程序搭建 关键词优化案例 杂志社网站搭建 杂志网站设计 桥梁模板网站搭建 肥料公司网站建设 杂志社网站制作 餐饮公司网站设计 改灯公司网站设计 改灯网站制作 医院网站建设 医院品牌营销 工业吸尘器网站制作 吸尘器网站开发 生物公司网站建设


感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

您身边的【网站建设专家】

搜索千万次不如咨询1次

主营项目:网站建设,营销型网站,手机网站,响应式网站,SEO优化,小程序开发

立即咨询 155-6200-1135