切图

作者: just_no_name | 来源:发表于2017-12-08 13:30 被阅读0次

图片切图命名

图性质_ 功能相关描述_ 图片描述(可无)_ 状态说明(可无)@2X.png

例如:
bg_booksnum_pressed@2x.png
ico_arrow_blue_@2x.png
btn_blue_pressed@3x.png
pic_books_blue@3x.png
bg_main_568h@.png

屏幕尺寸

屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米 比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等

屏幕分辨率

屏幕分辨率是指在横纵向上的像素点,单位是PX,1PX=1个像素点。一般以纵向像素横向像素,如19601080。

屏幕像素密度

屏幕像素密度指每英寸上的像素点,单位是DPI。即:dot per inch的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化的条件下,屏幕尺寸越小,分辨率越高,像素密度越大,反之越小。

Android界面尺寸:

480* 854、720* 1080、1080*1920
为了方便原生应用的界面适配,Google按照dpi大小将它们分成了4种模式MDPI、HDPI、XHDPI和XXHDPI

分辨率的一些公式

XXXH(1440x2560) px=dp * 4
1080P(1080 * 1920) px=dp * 3
720P(720 * 1080) px=dp * 2
QHD(540 * 960) px=dp * 1.5
FWVGA(480 * 854) px=dp * 1

安卓 .9切图

1.考虑适配Android各种复杂的分辨率
2.PNG24保存,文件名为**.9.png
3.能用代码实现尽量避免用图
4.可交互控件尽量不小于最小可操控尺寸:Android规范的48dp
5.图片中的可视元素尽量在文件中居中,便于对齐与标注

切片命名

按钮常态:normal
按钮选中状态:selected
按钮按下状态:down
按钮不可用状态:dis
导航栏:nav
搜索:search
返回:back
朱菜单栏:tab
个人资料:profile
刷新:refresh
背景:bg
用户:user
删除:del
按钮:btn
图标:icon
弹出窗口:popup
编辑:edit
添加:add

相关文章

  • 「前端眼中的PS」切图

    如何开始切图 切图 切片工具 隐藏文字 可平铺背景的切图方法 PNG24切图方法 PNG8带背景切图方法 切图 如...

  • 切图工的修养:切图方法、切图工具经验谈。

    Foreword: 作为一个职业的切图工,如何切好图,把图切快,是切图工的工匠精神体现。 切图规范: *游戏切图和...

  • 切图

    图片切图命名 图性质_ 功能相关描述_ 图片描述(可无)_ 状态说明(可无)@2X.png 例如:bg_book...

  • 切图

    切图是从设计稿中切出网页的素材并在代码中引入图片,一般用于复杂的图片或者为了解决兼容问题,并且能用css解决,尽量...

  • 001-BFC实现常见的oa后台页面布局

    作为一个高级切图仔,在日常工作中,我们的任务是什么?切图!切图!切图!······ 没错,除了切图,还会接受来自产...

  • 几种ps切图的方法

    ps切图分为传统切图,一般切图,自动切图 这个链接很好的介绍了一些切图的方法gaea2.github.io/201...

  • 切图细节——点九切图

    1. 适用范围 根据屏幕横竖屏或展示面积不定,但具有明显的重复延展性,因此切出具有特点的部分,将重复部分用代码完成...

  • 关于ui界面切图

    前言 很多圈友最近围在一圈讨论一个话题——切图。那什么是切图?切图对美术和程序有什么关系?怎么切图?切图有哪些方法...

  • 2017-12-12

    精准的切图和标注。切图的目的是还原视觉稿,切图尺寸需要为双数,控制和降低切图文件的大小,切图的可点击区域不小于88...

  • Web前端学习之资源汇总

    01.PS切图 《PhotoShop切图》 《切图规范及标注规则记录》 02.Sublime编辑器安装及调试 《如...

网友评论

      本文标题:切图

      本文链接:https://www.haomeiwen.com/subject/fwleixtx.html