精华内容
下载资源
问答
  • iOS_UI切图规范

    2019-03-16 11:16:58
    普通界面、桌面图标、启动图等。
  • 3.android会根据设备密度去自动缩放图片资源以适应屏幕,为了防止缩放产生虚边,尽量给出合适的切图资源。常用的xhdpi。 4多切几套图,然后进行压缩;减小apk大小; APP各模块命名规范: ...

    android屏幕适配详解

    屏幕级别
    屏幕密度
    比率(相对)
    物理大小(英寸)
    像素大小
    通常的分辨率
    ldpi
    120
    3
    0.75
    1
    120
     
    mdpi
    160
    4
    1
    1
    160
    320*480
    hdpi
    240
    6
    1.5
    1
    240
    480*800
    xhdpi
    320
    8
    2
    1
    320
    720*1280
    xxhdpi
    480
    12
    3
    1
    480
    1080*1800


    1.使用设备无关的单位dp。注意一行上尽量不要都用dp来定,不同手机的屏宽不是标准分辨率的话就dp数会有些小出入,可能会出现剩余或重叠。

    2.尽量使用wrap_content,fill_parent,weight

    3.android会根据设备密度去自动缩放图片资源以适应屏幕,为了防止缩放产生虚边,尽量给出合适的切图资源。常用的xhdpi。

    4多切几套图,然后进行压缩;减小apk大小;


    APP各模块命名规范:

    APP切图详细规范终极指南

    APP切图详细规范终极指南

    APP切图详细规范终极指南

     

    APP切图详细规范终极指南

     

    APP切图详细规范终极指南

     

    APP切图详细规范终极指南

     

    APP切图详细规范终极指南

     

    APP切图详细规范终极指南

     

    APP切图详细规范终极指南



    展开全文
  • UI切图命名规范

    2015-09-24 10:25:31
    UI切图命名规范,好的规范,能提高质量和效率
  • Android UI 切图命名规范、标注规范及单位描述 很多UI设计师做APP切图都会有两套,一套是Android的,一套是IOS的...

    Android UI 切图命名规范、标注规范及单位描述


    很多UI设计师做APP切图都会有两套,一套是Android的,一套是IOS的。IOS我这边暂不作讲解,因为我本人也不是开发IOS。这里整理一下我在Android开发中总结的一些有利于本人开发的一些资源图片命名规则,并将其中有价值传播给大家。 (PS:本人有时拿到UI切图,看到名称确实是不知道这个图是用来干嘛和放在哪里的,还得跑过去问UI。。所以,一个好的命名规则可以让我们开发节省不少的时间。)

    本文参考目录:

    • 前缀
    • 位置、组件、用途
    • 后缀
    • 尺寸字体颜色标注
    • 注意事项
    • dp和px的关系

    欢迎关注我的github主页

    本文将不定期作修改,欢迎阅读者提出修改建议。


    前缀

    前缀是一种简单记忆、节约成本的纯文本标记语言,使用前缀能快速知道切图是用作那一组件类别,好的前缀也无非就以下几种:

    前缀原始说明示例
    icicon主要用于布局和子布局的图标ic_launcher
    bgbackground要用于布局和子布局的背景bg_welcome
    btnbutton主要用于按钮的表示,有时会在ic和btn之间犹豫,简单的区分即是功能视图,如果一个view执行的时back或者confirm或者cancel的功能,则命名上则应该使用btnbtn_ok
    didivider主要用于分隔线,包括列表、普通布局中的线di_item
    imgimage主要用于静态图片img_avatar
    clcolor主要用于颜色cl_white

    位置、组件、用途

    一般情况下,所切的图片用于哪个位置、哪个组件,就需要加上这些来命名(紧跟前缀),这样一来,就很清楚切图作用了:

    位置标识说明示例
    common公共标识img_common_bg(共同背景)
    tab选项卡ic_tab_setting (设置)
    notify状态栏、通知栏btn_notify_download (通知栏下载按钮)
    dialog对话框bg_dialog_blur (模糊化的对话框背景)
    menu菜单bg_menu_save (保存菜单背景)
    anim用于动画img_anim_loading01 (loading帧动画第一帧)
    pop用于弹出框img_pop_bg (弹出框背景,区别于dialog)
    mask用于遮罩层img_dialog_mask (对话框上层遮罩)
    circle圆圈img_circle_avatar (圆形头像)

    后缀

    后缀一般是来表示切图的颜色、透明度、状态等信息:

    后缀说明示例
    normal默认状态btn_cancel_normal (取消按钮默认状态时)
    pressed按下状态btn_cancel_pressed (取消按钮按下状态时)
    focused获得焦点btn_cancel_focused (取消按钮获得焦点、高亮时)
    selected选中状态btn_cancel_selected (取消按钮选中时)
    enabled不能点击btn_cancel_enabled (取消按钮不可用时)
    white白色bg_white (白色)
    tra透明度bg_banner_green_tra30 (banner中绿色背景指定30%透明)
    level层次、水平img_status_level60 (状态为60的时候)
    bg用于后缀背景当不在前缀命名时,添加到后缀命名

    通过上述介绍,一般遇到的情况也就这么一些,只需要按照前缀+位置用途+后缀就差不多了,这里列举一些比较好的命名:

    命名说明
    btn_download_start_green_normal绿色开始下载按钮默认状态
    img_setting_bg设置页面全背景
    ic_menu_save_gray_normal菜单中灰色保存按钮默认状态
    img_notify_wlan_level20状态栏中wifi信号强度为20的时候
    ic_share_qzone_pressedQQ空间分享图标选中时

    尺寸字体颜色标注

    尺寸:

    1、画布大小定位 720 x 1280 或 1080 x 1920,72 dpi等;
    2、只使用偶数单位的尺寸,比如 96 px 的列表项高度,16 px 的边距,64 px 的图标边长;
    3、只使用偶数单位 24 pt,28 pt,36 pt等字体大小;
    4、设计完成以后,所有尺寸的 px 值除以 2(需要约定的倍数) 作为 dp 数值交给工程师;
    5、所有字体的 pt 值除以 2 (需要约定的倍数)作为 sp 数值交给工程师;
    6、所有切图变成三份,分别是原始大小、缩小 1.5 倍,缩小 2 倍,分别作为 xhdpi,hdpi,mdpi 的资源交给工程师;

    字体:

    只需要全局标出共用字体即可,特殊字体特殊标注。

    颜色:

    颜色值一般使用十六进制表示,如 #FFFFFF, #90FFFFFF 其中90两位代表透明度。透明度计算:

    22516225∗透明度百分比转16进制

    FF 代表不透明,7F代表半透明,00代表不透明

    注意事项

    • 不使用特殊符号开头: 如 — _ @ 等
    • 不使用阿拉伯数字开头
    • 不在任何位置使用特殊符号包括中文符号和中划线
    • 命名分隔符统一为下划线
    • 九宫格图片文件拓展名为 .9.png
    • 后缀状态名最好为全拼,如normal

    dp和px的关系

    1、android手机有一些初始的分辨率:

    密度ldpimdpihdpixhdpixxhdpixxxhdpi
    密度值120160240320480640
    分辨率240x320320x480480x800720x12801080x19202160x3840

    2、在android中,以320x480分辨率为基准屏幕,即密度值为160时,1dp=1px:
    dp和px的关系

    3、切图包的存放位置(以当前48dp为例):

    对应dp48dp48dp48dp48dp48dp48dp
    对应px36px48px72px96px144px192px
    文件夹ldpimdpihdpixhdpixxhdpixxxhdpi

    4、常用设计尺寸分辨率:
    常用设计尺寸分辨率

    5、多种屏幕分辨率规则:
    多种屏幕分辨率规则

    6、描述间距或长度时使用dp:
    描述间距或长度时使用dp

    7、描述字号大小时使用sp:
    描述字号大小时使用sp

    图片

    展开全文
  • UI设计切图规范

    2020-11-10 16:35:17
    移动UI设计切图UI设计师最重要的设计输出物,切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的...

      移动UI设计切图是UI设计师最重要的设计输出物,切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图,起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图,应该是所有设计师一直需要追求的能力。

      设计切图的原则

      设计切图输出的目的是跟下游的工程师团队协同工作,那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量,避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小,以降低APP的总大小,提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和压缩大小。

      1.切图资源尺寸必须为双数

      众所周知智能手机的屏幕大小都是双数值,比如iphone 7的屏幕分辨率是750*1334px。切图资源尺寸必须为双数是为了保证切图资源在工程师开发时是高清显示。因为1px是智能手机能够识别的最小单位,换句话说就是1像素不能在智能手机被分为两份。所以如果是单数切图的话手机系统就会自动拉伸切图从而导致切图元素边缘模糊,进而造成开发出来的APP界面效果与原设计效果差距甚远。

    UI设计切图规范

     

      2.图标切图输出应根据标准尺寸输出并且考虑到手机适配

      在切图资源输出中图标切图输出是至关重要的部分。因为在开发中由于各机型的屏幕分辨率不同,需要针对一些大屏机型进行适配。为了适配大分辨率手机图标在切图的时候需要输出@2x和@3x的切图,其中@2x的切图可以满足双平台大部分机型的适配要求,@3x是用来适配iphone手机的各种plus版本的手机(后边会有文章专门讲解关于适配的问题)。@3x是@2x尺寸的1.5倍,例如一个图标切图@2x尺寸是44px,那么@3x尺寸是66px。

     

    UI设计切图规范

     

      

     

      3.为了提升APP使用速度,尽量降低图片文件大小

      在切图资源输出中图标切图输出是很重要的部分,比如新手引导页、启动页面、默认图、广告图等。图片切图一般情况下文件大小都是相对较大,不利于用户在使用app过程中加载页面。因此图片切图要尽量压缩图片文件的大小。

    UI设计切图规范

     

     

      

     

      4.可点击部件应当注意其点击区域不小于88px

      44px的点击区域数值是在iphone 3 (320×480px)普通显示屏下制定出来的,在手机分辨率大幅提升的现在,这个数据自然要与时俱进。在iphone11 (750*1334px)的 显示屏下44px点击区域就变为了88px。但无论是320*480px尺寸下的44px还是在750*1334px尺寸下的88px,换算成物理尺寸后大致是在7mm-9mm之间。早在人机工程学的研究中曾得出结论,认为人类舒适的触击范围需在7-9mm的大小。所以在ios官方的空间尺寸也经常出现88px的数值,比如菜单栏的高度便是88px。

    UI设计切图规范

     

      5.可点击部件要把相关状态都切图输出,比如正常状态、点击状态。

      在切图过程中不仅要输出正常状态的切图,更要注意不要遗漏其他状态的切图。这个也是设计师经常会出现的失误,比如在按钮切图的过程中可能会忽略点击切图的状态。所以设计师在做设计图是最好尽量把页面中会出现的各种状态展示出来,避免后期切图的时候遗漏状态。

      

    UI设计切图规范

     

      切图输出类型

      1.桌面图标切图输出

      app的桌面图标会被运用在很多不同的地方展示,比如手机桌面、APP store、手机的设置列表,所以app桌面图标需要很多个不同尺寸的切图输出。两个平台对相应桌面图标设计输出尺寸也不尽相同,在输出的时候要把双平台的这些尺寸全部输出切图。桌面图标切图只需要提供直角的图标切图即可,手机系统会自动生成圆角效果。

      

    UI设计切图规范

     

      2.系统图标切图输出

      一套图适配双平台:

      ios平台和安卓平台公用44*44px切图素材,即可实现一套切图适配两个平台的开发。

      

    UI设计切图规范

     

      适配大屏幕:

      为了适配iphone 6plus、iphone 7plus单独切一套比原有44*44px切图大1.5倍的切图,即66*66px大小的切图。(UI设计的适配问题会在后边单独的文章中详细讲解)

      

    UI设计切图规范

     

      3.图片类切图输出

      图片类切图主要是指启动页、新手引导页、默认提示、广告图等需要完整切图的图片。同一类型的图片切图一般要保持同样的大小尺寸以便于工程师开发使用。另外一般这些切图的文件较大在切图过程中需要控制切图文件的大小。(后边文章会详细讲解如何压缩切图大小的方法)

      全屏切图类

    UI设计切图规范

     

     

      局部切图类

      

    UI设计切图规范

     

      4.可拉伸元素切图输出

      可拉伸元素一般是指按钮、输入框等切图过程中可以对切图进行瘦身压缩的元素。这些元素通过瘦身压缩可以极大地见效图片的大小提升用户在使用app中的加载速度。在ios中这种切图方式叫做平铺切图,UI设计切图规范https://www.aaa-cg.com.cn/ui/2906.html?seo1在安卓中这种切图方式叫做点九切图法。

      横向拉伸切图

      

    UI设计切图规范

     

      竖向拉伸切图

      

    UI设计切图规范

     

    摘自:

      移动UI设计切图是UI设计师最重要的设计输出物,切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图,起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图,应该是所有设计师一直需要追求的能力。

      设计切图的原则

      设计切图输出的目的是跟下游的工程师团队协同工作,那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量,避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小,以降低APP的总大小,提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和压缩大小。

      1.切图资源尺寸必须为双数

      众所周知智能手机的屏幕大小都是双数值,比如iphone 7的屏幕分辨率是750*1334px。切图资源尺寸必须为双数是为了保证切图资源在工程师开发时是高清显示。因为1px是智能手机能够识别的最小单位,换句话说就是1像素不能在智能手机被分为两份。所以如果是单数切图的话手机系统就会自动拉伸切图从而导致切图元素边缘模糊,进而造成开发出来的APP界面效果与原设计效果差距甚远。

    UI设计切图规范

     

      2.图标切图输出应根据标准尺寸输出并且考虑到手机适配

      在切图资源输出中图标切图输出是至关重要的部分。因为在开发中由于各机型的屏幕分辨率不同,需要针对一些大屏机型进行适配。为了适配大分辨率手机图标在切图的时候需要输出@2x和@3x的切图,其中@2x的切图可以满足双平台大部分机型的适配要求,@3x是用来适配iphone手机的各种plus版本的手机(后边会有文章专门讲解关于适配的问题)。@3x是@2x尺寸的1.5倍,例如一个图标切图@2x尺寸是44px,那么@3x尺寸是66px。

     

    UI设计切图规范

     

      

     

      3.为了提升APP使用速度,尽量降低图片文件大小

      在切图资源输出中图标切图输出是很重要的部分,比如新手引导页、启动页面、默认图、广告图等。图片切图一般情况下文件大小都是相对较大,不利于用户在使用app过程中加载页面。因此图片切图要尽量压缩图片文件的大小。

    UI设计切图规范

     

     

      

     

      4.可点击部件应当注意其点击区域不小于88px

      44px的点击区域数值是在iphone 3 (320×480px)普通显示屏下制定出来的,在手机分辨率大幅提升的现在,这个数据自然要与时俱进。在iphone11 (750*1334px)的 显示屏下44px点击区域就变为了88px。但无论是320*480px尺寸下的44px还是在750*1334px尺寸下的88px,换算成物理尺寸后大致是在7mm-9mm之间。早在人机工程学的研究中曾得出结论,认为人类舒适的触击范围需在7-9mm的大小。所以在ios官方的空间尺寸也经常出现88px的数值,比如菜单栏的高度便是88px。

    UI设计切图规范

     

      5.可点击部件要把相关状态都切图输出,比如正常状态、点击状态。

      在切图过程中不仅要输出正常状态的切图,更要注意不要遗漏其他状态的切图。这个也是设计师经常会出现的失误,比如在按钮切图的过程中可能会忽略点击切图的状态。所以设计师在做设计图是最好尽量把页面中会出现的各种状态展示出来,避免后期切图的时候遗漏状态。

      

    UI设计切图规范

     

      切图输出类型

      1.桌面图标切图输出

      app的桌面图标会被运用在很多不同的地方展示,比如手机桌面、APP store、手机的设置列表,所以app桌面图标需要很多个不同尺寸的切图输出。两个平台对相应桌面图标设计输出尺寸也不尽相同,在输出的时候要把双平台的这些尺寸全部输出切图。桌面图标切图只需要提供直角的图标切图即可,手机系统会自动生成圆角效果。

      

    UI设计切图规范

     

      2.系统图标切图输出

      一套图适配双平台:

      ios平台和安卓平台公用44*44px切图素材,即可实现一套切图适配两个平台的开发。

      

    UI设计切图规范

     

      适配大屏幕:

      为了适配iphone 6plus、iphone 7plus单独切一套比原有44*44px切图大1.5倍的切图,即66*66px大小的切图。(UI设计的适配问题会在后边单独的文章中详细讲解)

      

    UI设计切图规范

     

      3.图片类切图输出

      图片类切图主要是指启动页、新手引导页、默认提示、广告图等需要完整切图的图片。同一类型的图片切图一般要保持同样的大小尺寸以便于工程师开发使用。另外一般这些切图的文件较大在切图过程中需要控制切图文件的大小。(后边文章会详细讲解如何压缩切图大小的方法)

      全屏切图类

    UI设计切图规范

     

     

      局部切图类

      

    UI设计切图规范

     

      4.可拉伸元素切图输出

      可拉伸元素一般是指按钮、输入框等切图过程中可以对切图进行瘦身压缩的元素。这些元素通过瘦身压缩可以极大地见效图片的大小提升用户在使用app中的加载速度。在ios中这种切图方式叫做平铺切图,UI设计切图规范https://www.aaa-cg.com.cn/ui/2906.html?seo1在安卓中这种切图方式叫做点九切图法。

      横向拉伸切图

      

    UI设计切图规范

     

      竖向拉伸切图

      

    UI设计切图规范

     

    相关推荐:https://www.aaa-cg.com.cn/ui/2906.html?seo1

    展开全文
  • Android UI切图命名规范

    2019-02-27 17:21:08
    最终命名=前缀+位置/组件/用途+后缀 前缀 前缀 原始 说明 示例 ic icon 主要用于布局和子布局的图标 ... 主要用于按钮的表示,有时会在ic和btn之间犹豫,简单的区分即是功能视图,如果一个v...

    最终命名=前缀+位置/组件/用途+后缀

    前缀

    前缀原始说明示例
    icicon主要用于布局和子布局的图标ic_launcher
    bgbackground要用于布局和子布局的背景bg_welcome
    btnbutton主要用于按钮的表示,有时会在ic和btn之间犹豫,简单的区分即是功能视图,如果一个view执行的时back或者confirm或者cancel的功能,则命名上则应该使用btnbtn_ok
    imgimage主要用于静态图片img_avatar

    位置、组件、用途

    位置标识说明示例
    common公共标识img_common_bg(共同背景)
    tab选项卡ic_tab_setting (设置)
    notify状态栏、通知栏btn_notify_download (通知栏下载按钮)
    dialog对话框bg_dialog_blur (模糊化的对话框背景)
    menu菜单bg_menu_save (保存菜单背景)
    anim用于动画img_anim_loading01 (loading帧动画第一帧)
    pop用于弹出框img_pop_bg (弹出框背景,区别于dialog)
    mask用于遮罩层img_dialog_mask (对话框上层遮罩)
    circle圆圈img_circle_avatar (圆形头像)

    后缀

    后缀说明示例
    normal默认状态btn_cancel_normal (取消按钮默认状态时)
    pressed按下状态btn_cancel_pressed (取消按钮按下状态时)
    focused获得焦点btn_cancel_focused (取消按钮获得焦点、高亮时)
    selected选中状态btn_cancel_selected (取消按钮选中时)
    enabled不能点击btn_cancel_enabled (取消按钮不可用时)
    white白色bg_white (白色)
    tra透明度bg_banner_green_tra30 (banner中绿色背景指定30%透明)
    level层次、水平img_status_level60 (状态为60的时候)
    bg用于后缀背景当不在前缀命名时,添加到后缀命名
    展开全文
  • UI设计切图规范指南

    2017-07-28 09:35:43
    设计切图的原则 设计切图输出的目的是跟下游的工程师团队协同工作,那么在团队协作过程中,首先应该保证切图输出能够满足工程师设计效果图的高保真还原需求。 其次,切图输出应该尽可能降低工程师的开发工作量...
  • 原标题:UI切图与命名规范写一写UI的基础和用软实力增强与工程师团队的协同工作能力,通过规范的切图不仅可以提升整个团队的工作效率,而且大大缩短了设计狮与程序猿之间的沟通成本,好的切图更是为设计图的精确实现...
  • UI切图外包要求

    千次阅读 2016-06-06 18:45:59
    有时因为时间或者技术专业原因,需要将UI切图工作外包给团队之外的工程师去做。为了更有效的使用别人制作好的静态页面,建议采用以下的原则: 1.文件名称不能出现中文、不能出现空格 2.CSS需要要根据模块进行分割 ...
  • APP UI设计及切图规范

    2016-12-19 09:38:52
    该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档。部分内容来自网络收集修编,转载请注明由 嗡嗡(iwengweng.cn) 整理。 1.2 读者对象 项目实施工作...
  • <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no">
  • 移动UI设计切图UI设计师最重要的设计输出物,切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的...
  • UI切图那点事儿

    千次阅读 2016-05-05 13:19:28
    一直在想,APP有IOS和Android的区别,而这两者有根据手机屏幕的大小需要不同的尺寸规范,那么多的尺寸,一个个的去切图,可能我会累死吧,想想我在UI的路上还没走多远,可不能放弃,于是找了很多资料,也去问了一些...
  • UI设计规范一iOS字体和切图规范 说明: 1.对象为程序员等开发人员。 2.方法有千种,仅供参考。 3.文档的本质是备份与查看,对外方便协作与对内提升效率。 4.文档不是万能的,如果文档查看对象看不懂,就没...
  • iOS App UI设计、切图规范

    千次阅读 2016-03-22 17:26:44
    第二步,输出两个交付物给开发工程师:一个是程序用到的@3x切图资源,另一个是宽度750px的设计标注图。 第三步,开发工程师拿到750px标注图和@3x切图资源,完成iPhone 6(375pt)的界面开发。此阶段不能用固定...
  • APP UI设计及切图规范--2016

    万次阅读 2016-07-29 08:44:36
    该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档。 1.2 读者对象 项目实施工作组UI/UE设计人员。 2.色值规范 系统采用统一色彩标注值,超出的...
  • 安卓的切图规范

    千次阅读 2018-11-15 10:27:48
    Android UI 切图命名规范、标注规范及单位描述 很多UI设计师做APP切图都会有两套,一套是Android的,一套是... (PS:本人有时拿到UI切图,看到名称确实是不知道这个图是用来干嘛和放在哪里的,还得跑过去问UI。。...
  • ui切图命名规则

    2015-10-27 17:23:54
  • 在移动端 UI 设计中,经常会用到的单位有 4 种:px、pt、dp 和 sp,很多人分辨不清这几种单位及其换算关系,以及 iOS 和 Android的切图要求,我在这里做下简单的介绍,希望大家读完后能有所收获(如有错误,欢迎纠正)...
  • UI设计规范技巧——切图格式

    千次阅读 2016-09-27 16:12:08
    1切图是什么? 在app切图中,与web中切图大致是一样的。开发同学在实现过程中,需要计算好每一个元素(包括文字,图片等)的位置,然后再调用我们切好的图进行填充。
  • 设计师必备的UI切图小工具如下3大常用工具:1、切图工具Assistor PS也是一款PS的切图标注插件,也被誉为神器;我使用了下,感还可以,但是切图和标注上体验还是不高,但是Assistor PS的其他辅助功能还是很不错的,...
  • 图片来自http://www.ui.cn/detail/56347.html 本文作者starof,因知识本身在变化,作者也在不断学习成长,文章内容也不定时更新,为避免误导读者,方便追根溯源,请诸位转载注明出处:...
  • Android切图规范

    2019-08-21 10:34:44
    Android端切图规范v1.0 1.容器的概念 UI设计师在拿到产品经理的原型图后,应该对每张原型图进行分组分类。 具体的分类方法如下: 1.每一个功能界面对应一个文件夹 2.对原型图中的界面进行整体分割并命名 3.基于...
  • 切图命名英文缩写的三个要求1.较短的单词可通过去掉“元音”形成缩写2. 较长的单词可取单词的头部几个字母形成缩写3.还有一些特定的英文单词缩写二. 命名规则切图命名以模块为前缀,如:模块_类别_功能_状态.png...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,199
精华内容 879
关键字:

ui切图规范