阐明:
1. 对象是程序员等开发人员。
2、方法千千万万,仅供参考。
3、文档的本质是备份和查看,对外方便协作,对内提高效率。
4.文件不是万能的。如果文档查看者不能理解它,它就没有意义。我更喜欢面对面的交流,因为它避免了文档的大部分限制
规格
1.字体
我个人根据iOS设计尺寸iPhone6(750px*1334px)设计页面。在iOS开发中,iPhone4、5、6、7共用一套字体规范。在设计中,根据iPhone6设计版大小(750px*1334px)中合适的字体大小来定义。(具体开发过程中的问题需要具体分析)
iOS 中的默认字体分为三类:
第一类:STHeiti-Light.ttc和STHeiti-Medium.ttc代表中文字体游戏ui切图命名规范,常用的有方正黑体简体(未商用)和微软雅黑(未商用),还有冬青黑体简体(版权还不知道)和思源雅黑(免费)。
第二类:_H_Helvetica.ttc和_H_HelveticaNeue.ttc分别代表英文和数字字体,常用字体Helvetica
第三类:LockClock.ttf代表锁屏时间字体
中文字体:Mac黑体、微软雅黑、中文黑体、方正黑体简体、思源雅黑、冬青黑体简体等(看个人习惯,具体设计要求也可以是生僻字体)
英文字体:HelveticaNeue、Arial Bold (Regular)(不常见的字体也可用于特定的设计需求),不常见字体的选择后期切掉:相关字体必须以图片的形式导出。png图片,如果需要游戏ui切图命名规范,文字必须要有字体包,当然还要有使用版权的许可。
二、切图说明 1、文件
文件包命名规则为:项目名称+切图+作者姓名+日期
例如:蚂蚁金服3.5.8.5版本迭代-H5页面设计_切图_李晓_20170321
文件包压缩一直都是.zip格式
文件包应包括:图片、效果图+注释、裁图简要说明(word等文档)。
说明:效果图一定要有,注释图可根据技术要求游戏策划,沟通必不可少
打开如下图:
为程序开发提供的文档打开
二、切图注意事项
在图像抠图文件和抠图命名中:
···不要出现大写字母,
···不要有中文、特殊符号和空格,
···字母必须是小写字母数据报告,
···同类型切图大小相同
3. 切割图像的命名规则
···iOS切图文件必须双像素适配(750px*1334px)iphone6、iphone7和三像素适配(1242px*2208px)iphone6 plus、iphone7 plus。您需要在名称后分别添加@2x 和@3x。具体命名方式为:
Module_category_function_status_@2x/@3x.png(状态会是:点击状态、点击按下状态、禁用状态、选择状态等)
如:me_bg_nologin@3x.png 和 me_bg_nologin@2x.png
风格注释
4、图片命名常用词
例子(个人整理部分)
5.Splash切图(单位px)
···iphone4:640X960
···iphone5:640X1136
···iphone6/7:750X1334
···iphone6/7:1242X2208
6.图标切图(桌面图标)