1. 云裂变
  2. 营销
  3. 网站运营
  4. 向研发交付设计稿时,需要注意两个方面

向研发交付设计稿时,需要注意两个方面

作者: 日期:2022-03-06 人气:130

 

当一个页面做完以后,需要交付给研发的东西的离不开这两个重要的部分,即页面标注和切图。

向研发交付设计稿时,需要注意两个方面

在一个产品开发的流程中,,UI设计师离不开和研发打交道,UI做出来的图都需要研发这边去实现,所以我们也要站在研发的视角去考虑问题,这样可以减少不须要的沟通成本,提升工作效率。

每个研发有差别的性格。在我们团队中,有的研发需要你每个地方都标注得很清楚,否则他会不停地来找你,有的研发则不需要,这些都需要慢慢去磨合,找到相互觉得舒服的方式。下面主要是我写我本身工作上和研发合作的一些总结,已经结合网上的一些文章,内容也比较基础,大神可以忽略我。

当一个页面做完以后,需要交付给研发的东西的离不开这两个重要的部分。

页面标注切图页面标注1、以什么单位进行标注

先来了解一下这几个单位:px 、dp 、sp

px:pixel像素,电子屏幕上组成一幅图画或照片的最基本单元,设计时使用的单位。dp: dip,Density-independent pixel, 是安卓开发用的长度单位,1dp体现在屏幕像素点密度为160ppi时1px长度sp: scale-independent pixel,安卓开发用的字体大小单位。

具体要使用什么单位进行标注,请和研发沟通好。目前有些设计师提供设计稿的时候依旧使用px进行标注,但如果不影响他开发以及他能换算清楚的前提下,理论上是可以的。但这不是一个最好的选择,建议使用dp或sp。

那怎么换算呢?

(1)px转dp

安卓端屏幕大小各不相同,按照其像素密度,分为以下几种规格:

向研发交付设计稿时,需要注意两个方面

1dp定义为像素密度值为160ppi时的1px,即,在MDPI时(分辨率为320*480),1dp = 1px。

以mdpi为尺度,这些屏幕的密度比为:ldpi : mdpi : hdpi : xhdpi : xxhdpi :xxxhdpi= 0.75 : 1 : 1.5 : 2 : 3:4  。即在HDPI的密度下,1dp=1.5px;在xHDPI情况下,1dp=1.5px。以此类推。

所以当我以使用分辨率为1080*1920(即xxHDPI)来做图时,假设间距是48px,那标注时应该是16dp。

(2)px转sp

dp和sp都是安卓的开发单位,sp与dp类似,但是sp可以按照用户的字体大小首选项进行缩放。就是说Android系统允许用户自定义文字尺寸大小(小、正常、大、超大等等),如下图,如果我以sp为单位时,当把文字改为“大”时,应用内部也会进行字体的相应缩放,dp则不行。一般情况下可认为1sp=1dp

向研发交付设计稿时,需要注意两个方面

进入系统的设备显示可调字体大小

当然目前也有一些工具可以帮你更好的进行标注,不需要你本身去换算。建议利用好能够提升效率的工具。

2、间距

需要标注的地方很多,好比图与字的间距、字/图与界面两边的间距、字与字的间距等…

标注的方法也可以有差别,可以以边框、附近的元素作为尺度,也可以告知具体坐标…

重点讲一下字与字的间距:在实际的开发中,两个字体的间距在手机上的显示效果要比标注图的间距要大。 这是因为在一个字体中,字母的高度可能会有所差别,系统会默认给字体增加一个高度,但每个手机增加的高度也差别,你可以按你的图来进行标注,再由研发进行判断和调试,ui也需要一起跟进。

间距的标注也需要考虑在差别机型上显示会出现什么问题,这个问题是否严重,这个比例大不大等。

3、字体大小及粗细

在一个页面下,常用的字号有:12、14、16、20 和 34sp。

除了标注字体大小外,还需要标注字体的粗细,你还可以按照需要设置字距,行距等。

也支持打包其他字体。

4、颜3色

(1)按元素种类来分,需要标注的有:配景色(遮罩的颜色)、字体颜色,按钮颜色,点击色……

如果是通过差别的颜色来体现差别的状态也需要标注说明。

(2)按颜色的数量来分:单色,多色(渐变色)

如果是渐变色,那渐变的角度也要说明,是从左往右,从上到下还是从中间到四周等。

已经是否有透明度等……

这里强烈建议在项目开始之初能够建立基本的设计规范(包孕颜色,字体大小等),建立完后不要就扔在共享就不管了,必然要让负责这个项目的每个UI、研发人员都知道。

这里增补一个小点:如果你的文字是有带透明度的,那你标注的时候可以采用以下方式:因为研发采用十六进制的代码,就是说当你给研发一个80%的白色时,其实也可以给对应代码:#CCFFFFFF ,前两位是CC是体现透明度,后面六位FFFFFF是体现具体的色值。

内容标签:

热门文章

    现在很多企业都着手于做重庆seo排名,因为SEO是获取精准流量比较稳定且长期发展好的方式之一,同时也能提升自身企业的品牌形象,因为SEO本身就是基于用户体验优化而做的,因此做好SEO

6770

网络营销时代,软文营销已成为企业传播品牌、促进订单转化的重要手段。不同于硬广形式,软文营销的精华就在于“软”字,即广告绵里藏针,要在能提供给用户有价值内容的基础上进行广告

 文库营销指的是借助一些文库平台上传文档,通过知识分享来做品牌营销,目前常见的文库平台有百度文库、360图书馆、道客巴巴、豆丁文库等。文库营销对文档质量要求较高,需要用户自

网站对于很多的企业来说,不仅仅是业务的渠道拓宽,也是多一个网站推广的途径和客户渠道等,很多的企业虽然有自己的网站,但是重视程度不够,很多的企业都只依靠网站就能够养活一个公

3238

企业品牌推广对于企业的生存来说是极其重要的,如果没有一个好的推销渠道的话,可能就会让自己的商品卖不出去。在新闻中总是看到哪儿有什么产品卖不出去了,形成滞销,让个人或是企业

3198

一方面,不同客户的建站需求不同;另一方面,网站建设人员的技术水平高低不一;同时,时效、地域因素也会对建站成本有所影响。所以网站建设的报价暂时没有统一标准,建设费用更是从几

3017

最先剖析要散播的目的客户人群的陋习与话动范畴; 精心安排合乎网民爱好的论坛推广时件或话动; 积淀论谈有关社交圈子資源,会对进行论坛推广出示挺大适用; 搞好数据分析,以知道论坛推广的成功失败之举,加以改进。

人们常常会遇上有些人做论坛推广的当时,以便能短期内内看到作用,就在每个论谈网站上注冊很多的id,花两三天的時间就把各大论坛上贴的浓浓的全是软广,可是隔过段时间回来看,以前公布的全部贴子都被删的干净整洁,情况严重将会注冊的id也被封的干净整洁,而针对这类人只有说成爱好者的论坛推广技巧了。在进到这一议论以前,人们看一下自身是不是存有那样的难

在互联网高速发展的今天,在众多同行品牌的强势竞争下,新品牌想要打开市场并不是一件容易的事儿。但不推广就难以生存,那么我们应该如何做好新品牌推广,快速打开市场?云裂变徐国

2921

一个生产企业想要发展必须要创立自己的品牌,在人们购买东西讲究牌子的今天,如果你所生产的产品连个牌子都没有,恐怕会无人问津的。但是,有了品牌,对于小公司来说若是得到消费者的

2895

现在的推广营销方式与以前比起来可是多了不少,放在以前也就是还没有网络的时侯,商品商家和生产厂家想要把自己生产的和自己销售的产品或是商品成功推销出去那可就得想想办法了。比如

2892

说起网络营销,让人们想起了网上购物,比如在刚过去的520,就是一波网购的热潮,各种打折促销返利活动让许多人心动,看花了眼。又比如每年的双11、在双12的网上促销活动可谓是一年之内

2848

很多企业在官网搭建完成之后,便放任不管,既不更新内容、也不做任何的排名优化,最后网站没排名、没流量、没访客;即使有排名、有流量导入,但是跳出率极高,依然产生不了任何效益。

2831

随着网络营销、全网覆盖等口号喊得越来越响,现在有不少的企业做网络营销都是被同行带起来的,本质上对网络营销推广的作用都了解不多。那么网络推广好在哪?为什么一定要做好网络推广

论坛推广就是,企业利用论坛这种网络交流的平台,通过文字、图片、视频等方式发布企业的产品和服务的信息,从而让目标客户更加深刻地了解企业的产品和服务。最终达到企业宣传企业的品牌、加深市场认知度的网络营销活动。1、电子公告板(BBS)是虚拟网络小区的要素方法,小量的交流信息全是历经BBS进行的,vip历经贴到消息也许回应消息抵达互相联系的目地。一些简

受互联网大趋势影响,很多传统企业纷纷着手布局网络营销,考虑到企业自身在营销经验上有欠缺,不少老板会选择找全网营销外包公司合作,这个时候就会出现很多选择难题。比如说找了10家

2773

随着社会的发展和人们消费观念的改变,现在人们的消费已经从单纯的商品能使用消费阶段到了商品品牌消费阶段了。在进行商品购买时总是看商品的品牌,就拿一些年轻人来说吧,对于耐克、

2761

百科营销是一种以权威知识分享的形式对企业做有目的性的品牌宣传,可以有效提高潜在客户对企业品牌或产品服务的信任度及认可度,最终达到提升企业品牌知名度美誉度的双重作用。那么百

护肤品作为当下大受女性追捧的快消品,行业竞争激烈,且更新换代尤其迅速。那么如何在如此变幻莫测的市场竞争中占领高地呢?这自然少不了大面积的营销推广(包括线上和线下),下面全

一、前端seo代码优化注意事项1、提高页面加载速度。CSS可以用来解决不使用背景图片的问题,也可以尝试压缩背景图片的大小,你可以在一张图片上放置几个图标,使用CSSsprite,使用背景位置

2643

最新文章