android切图规范命名,ui设计师的切图与命名规范
一. 切图命名英文缩写的三个要求
1.较短的单词可通过去掉“元音”形成缩写
2. 较长的单词可取单词的头部几个字母形成缩写
3.还有一些特定的英文单词缩写
二. 命名规则
切图命名以模块为前缀,如:模块_类别_功能_状态.png
模块:
登陆页面(login) 公共(common) 需求a(need) 需求b(demand) 发现(discover) 消息(message) 我(me)
类别:
导航栏(nav) 菜单栏(tab) 按钮(btn) 图标(icon) 背景图片(bg) 默认图片(def)
状态:
selected(选中) disabled(不可点) pressed(按下) normal(一般)
举例说明:
IOS:
以750*1334为基稿设计,按实际项目开发为标准,需切出@2x和@3两套图,把在公共页面中的导航栏里面有一个按钮(40x60px)的选中状态切图,直接输出的切图为@2x图,@2x的1.5倍图为@3x。
输出成果为:
common_nav_btn_back_s@2x.png(40x60)和common_nav_btn_back_s@3x.png(80x120);
意思为:公共_导航_按钮_返回_选中
Android:
以720*1280为基稿设计,由于尺寸不同且多样,需要切多套图适配不同机器,分别为mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi,直接输出的切图为xhdpi;它们分别对应的倍数关系为1、1.5、2、3、4。
输出成果为:
common_nav_btn_back_s_mdpi.png(20x30)、
common_nav_btn_back_s_hdpi.png(30x45)、
common_nav_btn_back_s_xhdpi.png(40x60)、
common_nav_btn_back_s_xxhdpi.png(60x90)、common_nav_btn_back_s_xxxhdpi.png(80x120);
命名示列:
启动 (default):
default.png 启动图片;
default_logo.png 启动logo
登陆(login):
login_bg.png 登陆背景图片
login_logo.png 登陆logo
login_input_n.png 输入框
login_input_s.png 输入框选中状态
login_btn_n.png 登录按钮
login_btn_s.png 登录按钮选中状态
注册(register):
login_register_rb_n.png 单选框按钮
login_register_rb_s.png 单选框按钮选中状态
导航栏(nav):
common_nav_btn_menu_n.png 菜单按钮
common_nav_btn_menu_s.png 菜单按钮选中状态
common_nav_btn_back_n.png 返回按钮
common_nav_btn_back_s.png 返回按钮选中状态
common_nav_btn_close_n.png 关闭按钮
common_nav_btn_close_s.png 关闭按钮选中状态
common_nav_btn_eidt_n.png 编辑按钮
common_nav_btn_eidt_s.png 编辑按钮选中状态
common_nav_btn_delete_n.png 删除按钮
common_nav_btn_delete_s.png 删除按钮选中状态
common_nav_btn_message_n.png 消息按钮
common_nav_btn_message_s.png 消息按钮选中状态
common_nav_btn_search_n.png 搜索按钮
common_nav_btn_search_s.png 搜索按钮选中状态
列表(list):
hpcollege_list_collect.png 列表页收藏按钮
左侧导航栏(leftbar):
leftbar_info.png 个人中心
菜单(tab):
common_tab_need_n.png 需求a按钮
common_tab_need_s.png 需求a按钮选中状态
common_tab_find_n.png 发现按钮
common_tab_find_s.png 发现按钮选中状态
common_tab_demand_n.png 需求b按钮
common_tab_demand_s.png 需求b按钮选中状态
common_tab_me_n.png 我的按钮
common_tab_me_s.png 我的按钮选中状态
首页(home):
home_bg.png 首页背景
home_banner.png 首页广告图
点9图(.9):
rounded rectangle.9.png 圆角矩形
常用词语:
selected:选中/s
pressed:按下/pre
disabled:不可点/d
normal:正常/n
common:公共
default:登录页
discover:发现
message:消息
me:我
navigation bar:导航栏/nav
tab:菜单栏
button:按钮/btn
icon:图标
background-image:背景图片/bg
default-image:默认图片/def
cut-off rule:分割线/cor
login:登陆
register:注册
list:列表
home:首页
banner:广告
browse:浏览
details:详情
like:喜欢
dislike:不喜欢
search:搜索
content:内容
collect:收藏
eidt:编辑
comment:评论
message:提示信息/msg
ranked:排名
location:定位
tags:标签
left:左
right:右
center:中
popup:弹出/pop
image:图片/img
viedio:视频/vd
audio:音频/ad
title:标题/tit
address:地址/add
number:人数
time:时间
sustem:系统
refresh:刷新
user:用户
more:更多
border:边框
next:下一步
sign:签到
code:密码
clear:清除
scroll:滚动条
hover:鼠标停留
common:公共
hot:热点
zoomin:放大
zoomout:缩小
service:服务
presonal data:个人资料/Pdata
male:男性
female:女性
report:举报
input:输入/ip
dropdown menu:下拉菜单/ddm
radio button:单选框/rb
check box:复选框/cb
progressbar:进度条/pbar
download:下载
arrow:箭头
share:分享
upload:上传
release:发布
tabbar:标签栏
autonym:实名
android切图规范命名,ui设计师的切图与命名规范相关推荐
- UI设计师高效切图6大步骤
做为UI设计师,需要标注设计稿和切图,本文和大家分享的就是高效切图的一些步骤,一起来看看吧,希望对大家ui设计有所帮助. 不用在意那么多设备 不管iOS和Android手机型号有多少,只要我们了解它的 ...
- android登陆界面ui设计,UI设计师必备技能:常用字体规范
作为一个@王铎(MICU设计)带来的界面设计常用字体规范,大家看完果断收藏. 作者:王铎(MICU设计) 好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事. 这几天有人问我说:" ...
- 图标尺寸规范_作为刚入门的UI设计师,你需要懂哪些设计规范?
图标规范 很多设计师以为UI设计就是设计图标.虽然事实并非如此,但不可否认的是图标设计是UI设计的基础. 图标与品牌标志一样,应该尽量用简约的线条去表达其含义,同时减少冗余的线条结构,力求设计简单且明 ...
- 成为优秀UI设计师,必须了解的UI设计规范
今天带来的这些规范,可是成为优秀UI设计师必须知道的"纯干货",还能让大家深刻了解UI设计规范(https://ds.mockplus.cn)的本质是什么. 图标规范 很多设计师以 ...
- IOS、Android设计规范/商用字体总结——UI设计入门,你想要的都在这!
初入UI 的小朋友们都会很懵设计规范,加上前段时间微软雅黑字体"出事了"!这些其实并不影响一个UI设计师的能力提升,但规范.字体确实UI设计师的工作基础.博主从业以来收集了很多资料 ...
- UI设计师未来的4个发展方向
经过我们团队的追踪.调研与分析,栗子预言未来的UI一定会朝着4个方向发展,小伙伴们赶紧找一条路走起来吧! 1,运营UI 需要具备的能力:创意,策划,手绘,文案,英文,提案表述(需求程度按照排名顺序) ...
- UI设计师,作品集该怎么做?场景展示样机更具专业性
作品集的重要性 作品集是衡量一位设计师能力占比很重要的一部分,从作品集里可以看到你对审美.技法.理论掌握程度,还有对所经历项目的复盘.整合的拿捏程度:当然,从上面三个词还能细化,比如审美可以分为选择图 ...
- 那些年,UI设计师还在手工标注和切图时走的弯路【内含福利】
友情提示:文章尾部有福利相送,不要错过~ 在我从事UI设计师这几年的工作中逐渐发现,最让人糟心的不是应付各种奇葩的需求,完成设计稿,而是交付.每次交付的设计稿和最后开发出来的产品总是让我心塞无比,很少 ...
- UI设计师应该知道的命名规范
很多UI设计师对于"命名"是没什么概念的,他们都是随随便便地用一些没有特定意思的字母去给页面命名,这是不好的. 因为统一的.规范的命名更易于整理,后期修改文件.图层的时候更加方便快 ...
最新文章
- Leetcode 50. Pow(x, n)
- R 数据可视化 : 热图
- python all()函数 (判断可迭代对象中是否全为True)
- 汇编解析(2)-内存寻址之实模型平面模式(real mode flat mode)(2)
- TurboShop应用特性(2009V3.6)
- mysql用binlog恢复数据_利用mysql的binlog恢复数据
- C#从数据库导出数据到CSV
- ViewGroup 事件分发
- 使用html+css仿搜狐网址页面布局
- Java实战视频bilibili
- spark指定类型+列名 将RDD转化成DataFrame
- 操作系统编写之代码解释
- Docker 架构(二)【转】
- Linux 安装kafka的库librdkafka
- 医院叫号系统与his系统对接(二)
- JavaScript防流量劫持-前端安全
- UVA - 1589 Xiangqi (象棋)
- python爬豆瓣影评代码_十行Python代码爬取豆瓣电影Top250信息
- 电脑文件自动备份云服务器,电脑文件自动备份云服务器
- Excel转Html(一)-样式转化-CSS-border-style-属性