前端设计切图命名规范

更新日期: 2022-05-15阅读: 910标签: 规范

1、常见界面、控件、功能、状态命名集合:

APP产品经理、APP设计师、APP开发工程师,包括H5前端开发人员都可以记住的文件命名规范。
界面命名       
整个主程序App搜索结果Search results活动Activity信息Messages
首页Home应用详情App detail探索Explore音乐Music
软件Software日历Calendar联系人Contacts新闻News
游戏Game相机Camera控制中心Control center笔记Notes
管理Management照片Photo健康Health天气Weather
发现Find视频Video邮件Mail手表Watch
个人中心Personal center设置Settings地图Maps锁屏Lock screen

 

系统控件库       
状态栏Status bar搜索栏Search bar提醒视图Alert view弹出视图Popovers
导航Navigation bar表格视图Table view编辑菜单Edit menu开关Switch
标签栏Tab bar分段控制Segmented Control选择器Pickers弹窗Popup
工具Tool bar活动视图Activity view滑杆Sliders扫描Scanning


功能命名       
确定Ok添加Add卸载Uninstall选择Select
默认Default查看View搜索Search更多More
取消Cancel删除Delete暂停Pause刷新Refresh
关闭Close下载Download继续Continue发送Send
最小化Min等待Waiting导入Import前进Forward
最大化Max加载Loading导出Export重新开始Restart
菜单Menu安装Install后退Back更新Update

 

资源类型       
图片Image滚动条Scroll进度条Progress线条Line
图标Icon标签TabTree蒙版Mask
静态文本框Label勾选框Checkbox动画Animation标记Sign
编辑框Edit下拉框Combo按钮Button动画Animation
列表List单选框Radio背景Backgroud播放Play

 

常见状态       
普通Normal获取焦点Focused已访问Visited默认Default
按下Press点击Highlight禁用Disabled选中Selected
悬停Hover错误Error完成Complete空白Blank

 

位置排序       
顶部Top底部Bottom第二Second页关Header
中间Middle第一First最后Last页脚Footer

 

2、以iOS为范例(安卓通用)的切片文件命名规范如下:

个人觉得标识符命名原则,尽可能的用最少的字符而又能完整的表达标识符的含义(如:Navigation bar可以缩减成nav)。


链接: https://fly63.com/article/detial/11547

web开发,前后分离接口规范

目前我们现在用的前后端分离模式属于第一阶段,下一阶段可以在前端工程化方面,对技术框架的选择、前端模块化重用方面,可多做考量。也就是要迎来“==前端为主的 MV* 时代==”。

js中箭头函数的编码规范,如何更好的使用箭头函数

当您必须使用匿名函数,请使用箭头函数表示法,它创建了一个在 this 上下文中执行的函数的版本,这通常是你想要的,而且这样的写法更为简洁。如果你有一个相当复杂的函数,你或许可以把逻辑部分转移到一个声明函数上。

用standard来管理JavaScript 代码规范

standard是一个开源的JS代码规范库,制定了所谓standard(标准)的JS代码规范,配合编辑器插件可以实时检查代码规范以及语法错误,通过执行命令检查代码规范以及语法错误,自动修复(可以直接修复的)不合规范的代码,使其符合规范

Web 前端开发代码规范(基础)

对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保持统一的风格,以便于代码整合和后期维护。

Node.js的模块加载机制(CommonJS规范)

为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式。在Node环境中,一个.js文件就称之为一个模块(module)

web前端js中ES6的规范写法

引号的使用,单引号优先(如果不是引号嵌套,不要使用双引号)、空格的使用问题:(关键字后 符号后 排版 函数 赋值符号= )等、不写没有使用过的变量,如果定义了一个变量,后来一直没有参与过运算,那么不应该定义这个变量...

编码规范_html代码规范化编写

嵌套的节点应该缩进;在属性上,使用双引号,不要使用单引号;属性名全小写,用中划线做分隔符;不要在自动闭合标签结尾处使用斜线(HTML5 规范 指出他们是可选的);不要忽略可选的关闭标签;

CommonJS 规范中的 module、module.exports 区别

CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exports)是对外的接口。加载某个模块,其实是加载该模块的module.exports属性。module.exports属性表示当前模块对外输出的接口

W3C 代码标准规范

W3C通过设立领域(Domains)和标准计划(Activities)来组织W3C的标准活动,围绕每个标准计划,会设立相关的W3C工作组织(包括工作组、社区组、商务组等)。W3C会根据产业界的标准需求调整Domains和Activity的设置及相关的工作组设置。

css3代码书写规范

不要使用 @import 与 <link> 标签相比,@import 指令要慢很多,不光增加了额外的请求次数,还会导致不可预料的问题。CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!