zoukankan      html  css  js  c++  java
  • Android切图注意事项

    1.App Logo大小共五种:

    48*48
    72*72
    96*96
    144*144
    192*192

    2. App启动页所需尺寸:

    320×480
    480×800
    720*1280
    1080*1920
    3840×2160



    Android切图注意事项

    1.    切图须要两套分辨率的图:480*800720*1280。分被放在不同的目录中,同一张图片,在两个目录中的名字要一致。

    2.    如遇到可拉伸可平铺的图片,使用9Patch进行制作。产生xxx.9.png图片就可以。长处:灵活度大,可复用,程序包大小降低,添加程序执行效率。(比方Button的背景)

    3.    出图建议顺序:以每个页面作为单位进行出图,能够方便程序开发工作。

    (有反复页面。反复图,不再切?)反复不再切

    4.    button:对于buttonButton须要给下面状态的图:Focus聚焦状态(通常是轨迹球选中)(命名规则:btn_xxx_focused.9.png)UnFocus一般状态(命名规则:btn_xxx_normal.9.png)Click点击状态(点击时状态)(命名规则:btn_xxx_pressed.9.png)

    普通情况下。Focus图片和Click是一样的。5.    列表:对于列表项ListItem须要给下面状态的背景图:Focus聚焦状态(通常是轨迹球选中)。UnFocus一般状态。Click点击状态(点击时状态)。

    6.    Menu:对于全部Menu键点击的弹出的菜单,须要给图标图片。

    (也是3种尺寸?)两种就可以

    7.  切图时考虑顶部通知栏,480*800的顶部通知栏按30px考虑。720*128050px考虑

    8.    标注:须要给全部元素的宽,高。相互边距(左,右,上。下)像素,文字颜色值。

    AndroidApp切图演示样例:

    在做android版本号设计的时候,尺寸有非常多种,这时我们要以一种尺寸为基准。那这个基准尺寸是480px*800px。设计图完毕之后就開始切图了,我拿我之前设计的一张图为样例解说下:

     

     

      当看到上边这张设计图的时候,我们首先分析下应该给技术切哪些图(为了避免以后少修改,建议切图之前最好和技术先沟通下,怎么切);

     

    1、底部栏目的icon和背景:

     

     

      这个一般有2种切法:(有默认和选中之后的效果)

     

     

    2、顶部栏目的背景切图:

     

     

      由于顶部导航栏的是渐变样式,所以切图仅仅须要切一小条。技术来平铺拉伸就能够——PS:假设是花纹背景,就必须切整条了,由于花纹切一小条就会被拉伸了——

     

    3、标注文字大小和行间距:(以这张图为样例,我标注好了,请看下图)

     

     

    源文档下载

  • 相关阅读:
    QT 制作串口调试小助手----(小白篇)
    外卖自提柜设备端主控
    C++的六个函数
    后台业务系统设计流程的6个步骤
    C#中如何将图片添加为程序的资源
    提供Chrome浏览器插件网站
    是时候弃用ibSass和node-sass而采用Dart Sass了!
    vue引入element-ui插件 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
    [转]Vue3.0和Vue2.0的区别
    vue-cli@4搭建 vue + element-ui 项目实操
  • 原文地址:https://www.cnblogs.com/zhchoutai/p/6863188.html
Copyright © 2011-2022 走看看