UI设计规范说明书三篇

来源：划驼旅游

UI设计规范说明书三篇

篇一：UI设计规范说明书

概要................................................................ 3 登录页面............................................................ 4 1. 2.

启动 ....................................................... 4 登录页面元素 ............................................... 4

导航菜单............................................................ 5 1. 2. 3. 4.

弹出框比例 ................................................. 8 弹出框风格 ................................................. 8 弹出框边界 ................................................. 8 弹出元素对齐................................................. 8

整页面............................................................. 10 字体规范........................................................... 11 页面元素........................................................... 15 页面色调........................................................... 18 用户界面行为....................................................... 19

第 1 页共 61 页

概要

界面设计中保持界面的一致性。一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。

界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调统一。功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。

第 2 页共 61 页

登录界面 1. 启动

目前我们的pride、EMRS系统首页登录都是以（图1）的展现方式，有2个页面，此法太过累赘，同时跳出框也把产品的logo信息给遮住，可以以一个页面的方式来显示不需要2个页面，类似（图2）。（图1）

2. （图2） 3. 登录页面元素

登录页面的基本元素包括：输入框、按钮、进度条。这样的好处就是以一个页面代替2个页面，简洁明了，登录页面都需要加入进度条，便于客户等待页面进度

第 3 页共 61 页

导航菜单规范

1）菜单深度一般不要超过三层

2）菜单层次太多时应给出返回主窗口、主分支的快捷链接。

（图3）

导航如不是客户特俗要求的定制，均制成类似以上的导航（图3），采用windows标准的定制导航界面，导航必需兼容1024*768、1280*800、1440*900三个主流分辨率，其中默认分辨率为1024*768。

（图4）

第 4 页共 61 页

（图5）

【1】标题区：显示当前用户姓名、所属科室。字体：15像素，黑色，加粗【2】工具栏区：可显示二级菜单相应栏目。字体9pt，不加粗，黑色，每个栏目必须有快捷键，栏目间的间距为20像素

【3】二级菜单区：二级菜单字体为9pt，宋体，不加黑，行距10像素；所有的二级菜单栏目都应该有相应的图标设计。（图5）【4】自定义栏目区：自定义医生所需要显示的快捷方式

【5】最大、最小、关闭区：按钮必须醒目（操作习惯和风格和PCwindows系统一致）、操作性强

第 5 页共 61 页

窗口风格

1）所有窗口最大化、最小化风格要一致 2）报错页面的风格一致，最好有统一的报错页面 3）类似功能的窗口打开的风格要一致 4）相同功能在不同模块的名称要一致

5）子窗体应尽量在显示在主窗体的左上或居中放置 6）弹出式窗口尽量在不借助滚动条的情况下显示所有内容 7）窗体最小化/最大化时，控件也要随着窗体而缩放 1. 详细：

（图5）

第 6 页共 61 页

（图6）

，右上角的关闭按钮最大最小化按钮，都统一改成比例为3:1 2. 弹出框比例

系统弹出框的长、宽比例为3:1，功能页面弹出框长和宽的比例为5:4 3. 弹出框风格

所有的弹出框右上角的关闭按钮最大最小化按钮，都统一改成

，

系统弹出框的长、宽

弹出框四周的边距为13像素,（图5）风格上和windows操作习惯尽可能一致。弹出框边界

病人基本信息显示：床号、姓名、病人ID、住院号、性别、年龄、身份、费别、出生地、证件号、入院日期、入院方式、入院诊断、预交金、过敏史、检查检验结果总览。（图6）

弹出框边界要与背景有区分，边界要清楚（图6）

第 7 页共 61 页

4. 所有弹出框最大化不要遮住windows任务栏（图6） 5. 弹出元素对齐弹出框的文字要有对齐

（图7）

如（图7）弹出框的文字输入框都没有对齐，给人感觉比较混乱，不规范。当不同长度文字的排版出现对对齐不一致的时候，上下文字必须统一右对齐，输入框统一左对齐。如（图8）

（图8）

如（图10）弹出框的文字元素弹出框元素比较混乱，界面上没有对其，如果文字对其空间不够，可考虑换行

（图10）

第 8 页共 61 页

整页面

检验结果窗口中，点“导出excel”按钮，可将结果数据导出来，保存为excel文件存放到本地。

检验结果窗口中，选择某个报告项目后，点击“趋势力”按钮，检验结果会以图例的方式显示某个时间段内的变化情况。

整页区分于弹出页面，包含导航主页不是以弹出的形式来显示页面，整页必须兼容1024*7681280*8001440*900等三个主流的分辨率其中默认分辨率应该为1024*768。

第 9 页共 61 页

字体规范

规范：UI字体、色彩要一致整体色彩搭配要融为一体，起提示作用的部分要清楚醒目不可修改的字段，统一使用灰色文字显示

页面标题:（图11）14号加粗宋体，黑色，字体间距默认

（图11）

主菜单：（图12）12号字体，宋体，字体间距默认，菜单之间的间距为20像素，每个菜单项目都必须有快捷键

（图12）

下拉菜单：（图12）下拉菜单采用9pt、宋体、黑色、文字行距10像素。

第 10 页共 61 页

（图12）

页面tab切换按钮：Tab切换按钮采用10.5pt、宋体、黑色

第 11 页共 61 页

（图13）

Tab页面的选项卡偏小，对用户体验感觉不好，推荐大小：116*32像素标题菜单：（图14）菜单标题文字一般采用10.5pt，间距默认。

（图14）

表格文字：表格文字标题部分统一采用10.5pt黑色宋体字，表格内容采用9pt字体。其中标题文字都采用居中对齐的方式，表格内的文字采用左对齐或者右

第 12 页共 61 页

对齐的方法（视情况而定）。一个表格文字不能有大有小。如（图14）那样就不合理，文字大小太混乱

如（图15）标题栏目的文字有大有小，应该统一为10.5pt；tab选项卡的文字偏小，文字应该为10.5pt，便于客户体验操作

如（图16）表格内的文字当出现3个或者2个的时候2个文字的字体必须中间有空格，与三个文字的两边都对齐，

（14）不合理

（15）不合理

第 13 页共 61 页

（图16）页面元素

按钮：按钮风格相同，大小相似，字体一致无效按钮要屏蔽。如（图17）高：24像素，宽：根据文字长度定；按钮的文字居中，字体统一大小10.5pt，上、右、下、左的边距分别为：13px,11px,13px,11px按钮之间的间距统一为8px

（图17）

2、表格：（图18）表格整体色调采用灰调，便于医生、护士长时间操作部视觉疲劳，表格分为标题部分，主体内容部分，标题部分应该用相应的颜色加以区别，表格隔行应用不同的颜色加以区别。表格选中行应用色调区分，表格的行高为25像素。表格四周的文字要有空隙padding属性2px。不同表格之间必须有对齐。如（图19）三个表格之间表格的顶部、底部都应该有对齐，表格之间应有空隙，空隙。 8像素

（图18）

第 14 页共 61 页

（图19）

3输入框：必输项

1）必输项中不可为空，不可输入空格 2）必输项给出必输项标识（*）字段长度

超过数据库规定长度时不允许输入格式校验

1）身份证号、E-MAIL、邮箱等特定字段的格式要符合需求的规定日期格式

1）日期显示格式一致，如：yyyy-mm-dd

第 15 页共 61 页

2）使用日期控件，尽量不是手工录入特殊字符

1）输入区域输入特殊字符，插入数据库时不出错或提示不允许输入特殊字符。特殊字符包括：'\"=~$%^%￥&#@等英文输入

英文输入不区分大小写，不可输入汉字、数字及特殊字符数值字段

只能输入+-0~9及功能键(BackSpace光标) 字符字段

1）如果支持日韩文字，则要判断全角假名/半角假名单行文本框/多行文本框

1)长度合适，可以容纳相应文字，但不能超过数据库该字段长度，最好将可以输入的最大字符数标在旁边。建议单行文本框中当输入的字符超过一定长度时再输入无效；对于多行文本框给出最大字符数标识附件

1）可正常添加符合格式的附件

2）附件可正常打开和保存，附件名较长时可正常操作 3）直接输入错误的附件地址，保存时应给出提示信息 4）附件打开/保存到本地时，文件名要显示原文件文件名密码输入

1）需在需求中定义密码是否允许为空或空格；密码是否允许特殊字符；是否区分大小写，密码的可输入长度

第 16 页共 61 页

2）程序中应给出文字说明密码的可输入长度入无效；对于多行文本框给出最大字符数标

第 17 页共 61 页

页面色调

页面色调以现有的银灰调为准，避免客户视觉疲劳，避免出现大面积纯度高亮的颜色

选项卡背景颜色（图20）：R：222G：227B：227

（图20）

通用表格色调（图21）

表格标题色调：R：200G：203B：210 表格主体色调：R：238G：238B：238 表格选中条颜色：R：116G：132B：155

第 18 页共 61 页

（图21）

用户界面行为鼠标

1）鼠标为不可点击状态时显示箭头，可点击状态显示手型；系统忙时显示沙漏形状

系统响应时间

系统响应时间应该适中，响应时间过长，用户就会感到不安和沮丧，而响应时间过快也会影响到用户的操作节奏，并可能导致错误。因此在系统响应时间上坚持如下原则：响应时间长度界面设计： 1）0-5秒鼠标显示成为沙漏；

2）5秒以上显示处理窗口，或显示进度条； 3）一个长时间的处理完成时应给予完成警告信息。光标定位

1）打开新增（修改）页面时，光标初始定位在第一个待输入的文本区 2）因输入不正确提示用户重新输入时，光标默认focus在出错的输入区，并高亮全选该错误输入

3）若必输项未填写完毕就提交，应给出说明信息并能自动获得焦点 4）可写控件检测到非法输入后应给出说明并能自动获得焦点 TAB键

1）界面支持键盘自动浏览按钮功能。即TAB自动切换功能

2）Tab键的顺序与控件排列顺序要一致，一般情况下总体从上到下，同时行间

第 19 页共 61 页

从左到右的方式布局

1）窗体控件布局和间距尽量与Windows标准保持一致 2）尽量采用Dock和锚点来让布局合理 3）尽量让窗体中显示大部分常用功能

第 20 页共 61 页

篇二：UI设计规范说明书

第一章平面设计 1 常用纸张规格及主要性能

1.1 铜版纸．铜版纸又称为涂料纸，这种纸是在原纸上涂布一层白色浆料，经过压光而制成的。铜版纸有单、双面两类。

1.1.1 纸张表面光滑，白度较高，纸质纤维分布均匀，厚薄一致，伸缩性小，表面

光滑，有较好的弹性，较强的抗水性能和抗张性能，

1.1.2 对油墨的吸收性与接收状态十分良好。铜版纸印刷时压力不宜过大，要选用胶印树脂型油墨以及亮光油墨。

1.1.3 规格： 70 ， 80 ， 100 ， 105 ， 115 ， 120 ， 128 ， 150 ， 157 ， 180 ， 200 ， 210 ，

240 ， 250 （ g/m2 ）。其中： 105 ， 115 ， 128 ， 157 （ g/m2 ）进口纸较多。

1.1.4 铜版纸主要用于印刷画册、封面、明信片、精美的产品样本以及彩色商标等。

1.2 胶版纸．胶版纸主要供平版（胶印）印刷机或其他印刷机印刷较高级彩色印刷品时使用。有单面和双面之分，还有超级压光与普通压光两个等级。 1.2.1 纸张表面光滑，白度较高，纸质纤维分布均匀，厚薄一致，伸缩性小，表面光滑，有较好的弹性，较强的抗水性能和抗张性能，

1.2.2 胶版纸伸缩性小，对油墨的吸收性均匀、平滑度好，质地紧密不透明，白度好，抗水性能强，应选用结膜型胶印油墨和质量较好的铅印油墨。

第 21 页共 61 页

1.2.3 规格： 50 ， 60 ， 70 ， 80 ， 90 ， 100 ， 120 ， 150 ， 180 克／米 2 。

1.2.4 胶版纸主要用于彩色画报、画册、宣传画、彩印商标及一些高级书籍封面、插图等。

1.3 书写纸．书写纸是供墨水书写的纸张，纸张要求书写时不渗墨。 1.2.1 书写纸分为特号、 1 号、 2 号、 3 号和 4 号。纸张的号数代表纸质的好坏程度，号数越大纸质越差。

1.2.2 规格： 45 、 50 、 60 、 70 、 80 、 100 克／米 2 。 1.2.3 书写纸主要用于低档印刷品，如练习本、日记本、表格和帐簿等。 1.4 牛皮纸．通常呈黄褐色。半漂或全漂的牛皮纸浆呈淡褐色、奶油色或白色。

1.4.1 规格： 60 -200g 克／米 2 1.4.2 有单光、双光、条纹、无纹等。

1.4.3 牛皮纸具有很高的拉力，抗撕裂强度、破裂高和动态强度很高。能承受较大拉力和压力不破裂

1.4. 4 主要用于可用作水泥袋纸、信封纸、胶封纸装、沥青纸、电缆防护纸、绝缘纸等

1.5 瓦楞纸．瓦楞纸在生产过程中被压制成瓦楞形状，制成瓦楞纸板以后具有纸板弹性、平压强度，并且影响垂直压缩强度等性能。

1.5.1 瓦楞纸板是由面纸、里纸、芯纸和加工成波形瓦楞的瓦楞纸通过粘合而成。

1.5.2 瓦楞纸板可以加工成单面瓦楞纸板、三层瓦楞纸板、五层、七层、十

第 22 页共 61 页

一层等瓦楞纸板。

单面瓦楞纸板一般用作商品包装的贴衬保护层或制作轻便的卡格、垫板。三层或五层瓦楞纸板制作的瓦楞纸箱或瓦楞纸盒已堂而皇之的直接上了销售柜台，成了销售包装。

七层或十一层瓦楞纸板主要为机电、烤烟、家具、摩托车、大型家电等制作包装箱。

1.5.3 瓦楞纸板的波形分为 V 形、 U 形和 UV 形。

V 形瓦楞波形的特征是：平面抗压力值高。但这种波形的瓦楞做成的瓦楞纸板缓冲性差，瓦楞在受压或受冲击变形后不容易恢复。

U 形瓦楞波形的特征是：粘结牢固，富有一定弹性。当受到外力冲击时，不像 V 形楞那样脆弱，但平面扩压力强度不如 V 形楞。

UV 形瓦楞辊。加工出来的波形瓦楞纸，既保持了 V 形楞的高抗压力能力，又具备 U 形楞的粘合强度高，富有一定弹性的特点。目前，国内外的瓦楞纸板生产线的瓦楞辊均采用这种 UV 形状的波形瓦楞辊。

1.5.4 国际上通用的瓦楞的楞形分为四种，分别是 A 型楞、 C 型楞、 B 型楞和 E 型楞。

A 型楞制成的瓦楞纸板具有较好的缓冲性，富有一定的弹性。 C 型楞较 A 型楞次之。但挺度和抗冲击性优于 A 型楞。

B 型楞排列密度大，制成的瓦楞纸板表面平整，承压力高，适于印刷。 E 型楞由于薄而密，更呈现了它的刚强度。

1.5.5 单面瓦楞纸板的质量是由原纸的质量、瓦楞楞型、瓦楞机的工作温度、粘合剂质量、机器运行速度，操作者技术水平决定的。

第 23 页共 61 页

1.6 常用印刷尺寸。 1.6.1 开本尺寸

大度全开： 850 x 1168 mm 正度全开： 787 x 1092 mm

大度对开： 570 x 840 mm 正度对开： 736 x 520 mm 大度 4 开： 420 x 570 mm 正度 4 开： 520 x 368 mm 大度 8 开： 285 x 420 mm 正度 8 开： 368 x 260 mm 大度 16 开： 210 x 285 mm 正度 16 开： 260 x 184 mm 大度 32 开： 203 x 140 mm 正度 32 开： 184 x 130 mm 1.6.2 纸张尺寸

大度全开： 8× 1194 mm 正度全开： 787× 1092 mm 大度对开： 590× 880 mm 正度对开： 780× 0 mm 大度四开： 590× 440 mm 正度四开： 390× 0 mm 大度八开： 420× 290 mm 正度八开： 390× 270 mm 大度十六开： 210× 285 mm 正度十六开： 185× 260 mm 大度三十二开： 210× 140 mm 正度三十二开： 185× 130 mm 1.6.3 国际尺寸： A4=210× 297mm ，全开＝ 965× 630mm ＝ 16 张 A4 纸张， 1P=16 开。 2 不干胶纸标签

不干胶标签也叫自粘标签，及时贴，即时贴，压敏纸等，是以纸张，薄膜或特种材料为面料，背面涂有粘合剂，以涂硅保护纸为底纸的一种复合材料，并经印刷，模切等加工后成为成品标签。应用时只需从底纸上剥离，轻轻一按，即

第 24 页共 61 页

可贴到各种基材的表面，也可使用贴标机在生产线上自动贴标。 2.1 不干胶常用材料。 2.1.1 使用面材类

模造纸 wood free paper 、铜版纸 art paper （遮光 / 镜面）、透明 PVC 、静电 PVC 、聚酯 PET 、镭射纸、耐温纸、 PP 、 PC 、牛皮纸、荧光纸、感热纸、铜丝龙、银丝龙、镀金纸、镀银纸、合成纸（ CPC/PP/HYL/ 优韧纸 / 珠光纸）、铝箔纸、易碎（防伪）纸、美纹纸、布标 ( 泰维克 / 尼龙 ) 、珍珠龙、夹心铜版、热敏纸。 2.1.2 使用膜类：

透明 PET 半透明 PET 透明 OPP 半透明 OPP 透明 PVC 有光白 PVC 无光白 PVC 合成纸有光金（银）聚脂无光金（银）聚脂。 2.1.3 使用胶型：

通用超粘型、通用强粘型、冷藏食品强粘型、通用揭开型、纤维再揭开型。 2.1.4 使用底纸：

白、蓝、黄格拉辛纸 glassine （或蒜皮纸 onion ）、牛皮纸、聚酯 PET 铜版纸、聚乙烯 polyethylene 。

2.2 不干胶常用黏合剂。不干胶材料中常用的黏合剂有 4 种类型：丙烯酸类水性乳胶、橡胶类热熔胶和溶剂型橡胶或丙烯酸类黏合剂，其中使用最广泛的是乳胶和热熔胶。

2.3 不干胶常用印刷工艺，现在国内主要采用轮转机印刷、圆压平机印刷，商标机印刷，另有印丝带标的小轮转机，以及自动丝印机等印刷方式。 2.4 不干胶材料的模切，不干胶材料的模切质量同多种因素有关，如模切方

第 25 页共 61 页

式、模切装置精度、模切版的精度、模切刀片同材料的匹配情况，此外，模切质量还与不干胶材料的特性有关，如面纸、黏合剂和底纸性能不同，各种不干胶材料的模切特性也不一样。 2.4.1 面材对模切的影响，

1 ）模切纸张类材料是刀具切削和纸张受力断裂的综合结果，即刀刃向下切削的同时也将纸张向两侧挤压，所以，相对而言，纸张类材料的模切精度不是很高。在分析样品时经常会看到一些标签有毛边，这就是由于材料纤维较粗，自然断裂形成的现象。

2 ）薄膜类材料的模切，是完全切穿的过程。因为薄膜类材料大多具有韧性，不会自然断裂，必须完全切穿或者切穿五分之四的厚度，否则排废时会连同标签一同剥离。因此，模切薄膜材料的刀刃要锋利，硬度要高，要采用小角度模切刀，刀刃角度通常为 30° ～ 42° 。如果使用大角度的模切刀，不仅模切困难，而且如果刀刃不锋利还会出现面材切不穿，底纸断裂的情况，或者使成品标签的边缘出现翻边现象，造成渗胶。总之，模切薄膜的精度要高于纸张类材料，所以模切薄膜材料对设备精度、模切版的精度和底纸都有一定的要求 2.4.1 面材的强度对模切的影响，面材的强度同面材的厚度、纤维（高分子）结构和自身的湿度有关。在不干胶材料的模切过程中，与面材关联最大的因素是排废速度。环境湿度越大，材料受潮后自身的强度就越弱，从而容易拉断。

2.4.2 面材对模切的影响，材料的厚度直接影响模切的深度，材料越厚，越容易模切。因为材料越厚，模切的公差越大，切穿底纸的几率就越小。相对而言，材料薄，容易出现切穿底纸的故障。

第 26 页共 61 页

2.4.3 黏合剂对模切的影响。水乳胶容易分离，热熔胶的胶膜之间很难分离。所以在模切时，如果是水乳胶材料 , 在黏合剂层未被切断或完全没有切断的情况下，标签照样排废，因为排废时的拉力很容易拉断胶层。而在模切热熔胶型不干胶材料时，如果模切不到位，不是标签连同废纸边一齐剥下，就是底纸切穿。因为热熔胶层只有完全切断（或大部分切断）才能正常排废，否则未被切穿的胶膜会连同标签一同剥下，提高了模切难度。 3 瓦楞纸箱和彩盒

3.1 瓦楞纸箱，瓦楞纸箱是由瓦楞纸板制作而成，是目前使用最为广泛的纸包装容器。

3.1.1 按国际瓦楞纸箱协会推荐的标准来分，有标准型瓦楞纸箱和非标准型瓦楞纸箱两大类。

按加工工艺或箱型结构来分，有普通型瓦楞纸箱，异型瓦楞纸箱和瓦楞纸板结构件三大类。

按结构形式来分主要有开槽型纸箱、套合型纸箱、折叠型纸箱三种。按组成瓦楞纸箱纸板种类分，有单瓦瓦楞纸箱 ) 、双瓦瓦楞纸箱或七层纸板瓦楞纸箱。

3.1.2 具有缓冲性能好、轻便、牢固、外形尺寸小、原料充足、成本低、便于自动化生产、包装作业成本低、能包装多种物品、印刷性能好，易于回收等优点。

3.1.3 瓦楞纸箱抗压强度是指在压力试验机均匀施加动态压力下至箱体破损的最大负荷及变形量。

3.1.4 纸板线生产纸箱是通过涂胶、加热瞬间粘合、烘干后成型的。

第 27 页共 61 页

3.2 瓦楞彩盒．

3.2.1 大部分包装企业生产彩盒采用的是以下两种工艺： :

（ 1 ）先印刷彩色面纸后覆膜或上光，之后再手工裱胶或机械自动贴合瓦楞成型。

（ 2 ）将彩色图文印在塑料膜上，再覆膜到白卡纸上，然后裱贴成型。 3.2.2 彩盒其承压力和抗压强度均大大低于同材质的普通水印纸箱（纸板线生产），遇到阴雨天就难以保证质量，主要是因为裱贴的彩盒纸板是不加热烘干的，胶液中的水分渗透到纸张里面，加之彩面上光油和塑料薄膜的阻隔，箱坯内的水分长时间得不到散发，自然就回软降低了强度。

3.2.3 增强彩箱的承压力、抗压强度必须增强芯纸的承压能力，只要面纸裱胶后不显瓦楞痕迹就应尽量采用低克重纸张。芯纸、瓦纸最好使用挺力好、环压强度高的草浆或木浆纸。不要使用中强、或普强瓦纸，因其多为生浆和再生浆的混合物，吸水快、环压强度低、韧性虽好但挺度低。 3.3 瓦楞纸箱和彩盒成型工艺

3.3.1 目前使用的瓦楞纸箱和彩盒成型工艺，其平面展开结构由轮廓裁切线和压痕线组成，模切和压痕是其主要的工艺特点。对于非直线的异形轮廓和功能性结构，只有采用模压方法，才便于成型。

模压工艺流程主要有分模，切版，设计制图，切割木版，安装刀、线、粘贴海绵，打样，起鼓线，模切等步骤。

3.3.2 印刷开槽．在印刷开槽机组中，模压部分主要由上、下滚线轮，上、下开槽刀，上、下切角刀和分切刀等组成。

3.3.3 开槽工艺常见问题有开槽尺寸不准确，深度不一致，刀口不洁，压线

第 28 页共 61 页

深度不够，折痕不一致、压痕处断裂，压线破裂等问题。

3.3.4 纸箱生产使用的粘合剂大都是自制或购买的玉米淀粉胶。优质的玉米胶不但粘合强度好，而且还能增强纸板的承压力，挺力等，且箱体不易变形。 3.3.5 涂胶量，无论是手工还是自动机械裱贴彩面，涂胶量不宜过大，实际生产中有些员工为了避免脱胶人为增加涂胶量，这是不足取的。 4 版式设计

4.1 字符．文字是用来记录和传达语言的书写符号。印刷上用的字符可以分为字种、字体、

字号等。字种主要有汉字、外文字、民族字等。汉字包括如宋体、楷体、黑体等。外文字又可以依字的粗细分为白体和黑体，或依外形分为正体、斜体、花体等等。民族字是指一些少数民族所使用的文字，如蒙古文、藏文、维吾尔文、朝鲜文等。 4.1.1 字体

（ 1 ）宋体宋体字是印刷行业应用得最为广泛的一种字体，根据字的外形的不同，又分为书宋和报宋。宋体字的字形方正，笔画横平竖直，横细竖粗，棱角分明，结构严谨，整齐均匀，有极强的笔画规律性，从而使人在阅读时有一种舒适醒目的感觉。在现代印刷中主要用于书刊或报纸的正文部分。（ 2 ）楷体楷体又称活体，是一种模仿手写习惯的一种字体，笔画挺秀均匀，字形端正，广泛地用于学生课本、通俗读物、批注等。

（ 3 ）黑体黑体字又称方体或等线体，是一种字面呈正方形的粗壮字体，字形端庄，笔画横平竖直，笔迹全部一样粗细，结构醒目严密。黑体适用于标题或需要引起注意的醒目的按语或批注，因为字体过于粗壮，所以不适用于

第 29 页共 61 页

排印正文部分。

（ 4 ）仿宋体仿宋体是一种采用宋体结构、楷书笔画的一种较为清秀挺拔的字体，笔画横竖粗细均匀，常用于排印副标题、诗词短文、批注、引文等，在一些读物中也用来排印正文部分。

（ 5 ）美术体美术体是指一些非正常的特殊的印刷用字体，一般是为了美化版面而采用。美术体的笔画和结构一般都进行了一些形象化，常用于书刊封面或版面上的标题部分，应用适当，可以有效地增强印刷品的艺术品味。这类字体的种类非常广泛，如汉鼎、文鼎等字库中的字体。

（ 6 ） ARIAL ARIAL 字形端庄，笔画全部一样粗细，结构严密，字迹端正。但笔迹全部一样粗细显得缺少变化和灵活性。

（ 6 ） Lucida Sans Unicode 字体秀丽端庄 , 笔画挺秀均匀，字形端正，从而使人在阅读时有一种舒适醒目的感觉。

4.1.2 字号是区分文字的大小的一种衡量标准，国际上通用的是点制，在国内则是以号制为主，点制为辅。

（ 1 ）点制又称为磅制（ P ），是通过计算字的外形的 “ 点 ” 值为衡量标准。根据印刷行业标准的规定，字号的每一个点值的大小等于 0.35mm ，（ 2 ）号制是采用互不成倍数的几种活字为标准的，根据加倍或减半的换算关系而自成系统，可以分为四号字系统、五号字系统、六号字系统等。字号的标称数越小，字形越大，如四号字比五号字要大。

（ 3 ）字号的大小除了号制和点制外，在传统照排文字时的大小。则以 mm 为计算单位，称为 “ 级（ J 或 K ） ” 。每一级等于 0.25mm ， 1mm 等于 4 级。照排文字能排出的大小一般由 7 级到 62 级，也有从 7 级到 100 级的。

第 30 页共 61 页

4.2 版面设计与排版．

4.2.1 排版时应该根据印刷版面要求进行版面设计。比如一本说明书的印制，制作时需要注意开本的大小，排版的形式（横排或竖排），正文的字体字号，每页的行数及每行的字数，字与字及行与行之间的空隙，页面的栏数及每栏的字数，栏与栏之间的间距，页码及页码的摆放位置，页眉页脚的位置及大小等。 5 印刷常用后加工技术

5.1 过胶（也叫过膜）有过光胶、亚胶之分。 5.2 烫金，见后面塑胶后处理烫金部分介绍。 5.3 过 UV ：有正、反面、局部过 UV 之分。 5.4 凹凸，就是在纸张需要的地方冲压凹凸效果。 5.5 磨光、压纹、折页、压线。

5.6 粘贴，用于双面胶粘贴或其他粘贴，如是双面胶有宽度和条数的要求

5.7 裱纸：有同纸对裱和不同纸对裱。同纸对裱是指相同纸、相同规格进行裱纸。

5.8 凹凸，就是在纸张需要的地方冲压凹凸效果。 6 图纸设计 6.1 总的要求。

6.1.1 结构部分：新机型结构描述及附件配置要与结构工程师确认。 6.1.1 软件部分：同一机型设置按照与软件工程师确认的通用设置描述，状态有特殊要求需与软件工程师特别确认。

6.1.1 电子部分：功能设置、线路连接、规格参数与硬件工程师确认。

第 31 页共 61 页

6.1.1 认真核对状态书，明确状态要求，有疑问立即同业务员、工程师反馈、确认。

6.1.1 客户提供资料，需要认真核对功能、尺寸，是否满足印刷要求。图片、内容能调整的自行修正，并知会客户。 6.1.1 合理成本，高效、快捷。 6.2 说明书设计及注意事项。

6.2.1 图纸需要明确数量、加工工艺、材质、物料号、颜色、比例、机型号等信息。有图纸更改版本和内容记录。 6.2.2 各大功能设计模块化，标准化。

6.2.3 确认客户要求的特殊标识，如 CE 、 EMARK 。并确认那些标识需要许可方可使用，如： DTS 、 DUBY 。

6.2.4 确认语言种类、顺序、装订要求线装、胶粘，骑马订。波斯文装订要求从右向左。

6.2.5 说明书目录部分页码是否与实际内容相符。

6.2.6 采用标准规格的纸张及版面，并尽量减少页数，控制设计成本。 5.1.7 核对随机附件数量、内容与实际一致。

6.2.8 内容拼写检查，字体、字号尽量统一，内容排放美观，指示正确。 6.2.9 注意说明书的厚度、宽度、长度，保证可以装进彩盒。 6.2.10 注意复合键的功能描述，不要遗漏。 6.2.11 客户免责信息是否添加。 6.3 彩盒、卡通箱图纸设计及注意事项。

6.3.1 图纸需要明确数量、加工工艺、材质、物料号、颜色、比例、机型

第 32 页共 61 页

号等信息。

6.3.2 有图纸更改版本和内容记录。

6.3.3 减少彩盒、卡通箱印刷的颜色数量，彩盒不宜超过 5 色，卡通箱不超过 3 色。

6.3.4 彩盒确认实底颜色底下是否掏空，避免颜色叠加出现透色。 6.3.5 明确客户的装订要求，如卡通箱是胶粘，还是打钉。

6.3.6 彩盒、卡通箱核对尺寸，如与状态书不一致，需要沟通业务员，彩盒、卡通箱设计人员相互沟通，保证尺寸相符。

6.3.7 彩盒后加工工艺尽量采用覆膜，并确认是光胶，还是亚胶，避免采用 UV 光油出现爆线。 6.3.8 确认产地标识。

6.3.9 确认客户要求的特殊标识，如 CE EMARK 。并确认那些标识需要许可方可使用，如： DTS 、 DUBY 。 6.3.10 新设计彩盒采用小尺寸。

5.2.11 核对随机附件数量、内容与实际一致。 6.3.12 避免使用 RGB 色和 RGB 位图。

6.3.13 条码需要明确工业标准，注意控制大小，底色白色，并试扫描。 6.3.14 同一国家和地区的不同客户的彩盒设计需要采用不同的设计风格，避免雷同。

6.4 不干胶贴纸及遥控器胶皮图纸设计及注意事项。

6.4.1 图纸需要明确数量、加工工艺、材质、物料号、颜色、比例、机型号等信息。有图纸更改版本和内容记录。

第 33 页共 61 页

6.4.2 颜色采用标准颜色标注，如 PANTONE 、 CMYK 等。 6.4.3 控制印刷的颜色数量。

6.4.4 确认客户要求的特殊标识，如 CE EMARK 。并确认那些标识需要许可方可使用，如： DTS 、 DUBY 。

6.4.5 贴纸确认后加工是否要覆膜，还是过胶，过油。 6.4.6 贴纸注意尺寸大小，确认是否有足够的位置粘贴。 6.4.7 采用标准规格的纸张。

6.4.8 条码需要明确工业标准，注意控制大小，底色白色，并试扫描。 6.4.9 主机标贴确认连线正确，颜色与实物一致。

6.4.10 注意文字、图案笔画的大小，避免过细的笔画和过小的文字、图案。 6.4.11 分色正确，符合量产要求，并能提高生产效率、降低成本。 6.4.12 遥控器胶皮控制并尽量减少颜色的数量，避免明度差别不大的颜色。

6.4.13 同一国家和地区的不同客户的遥控器胶皮需要采用不同的设计风格，避免雷同。

6.4.14 纸卡类图纸需明确尺寸、加工工艺、材质、物料号、颜色、比例、折页方式等信息。

6.4.15 特殊序列号标贴：图纸需明确尺寸、材质、颜色、工艺处理、条码工业标准、注明基本信息及相关编码规则。 6.5 文件发放及菲林输出要求

6.5.1 按规定流程审核批准后方可输出菲林，图纸按公司流程发放，杜绝私自发邮件给供应商做货。

第 34 页共 61 页

6.5.2 有特效的矢量图，发排前转位图。 6.5.3 注意印刷标记、裁切定位及出血标记。

6.5.4 文字转曲线，并核对转曲后是否出现乱码或内容缺失。 6.5.5 打印样稿清晰正确，方便供应商核对。

6.5.6 签发文件标识清晰明确，能正确指导供应商排版装订。 6.5.7 避免存在 RGB 色和 RGB 位图。

6.5.8 输出前检查文件是否有图标移位、文字乱码。

6.5.9 核对最终产品状态要求，以及机型、效果图、料号是否正确。 6.5.10 认真核对菲林，避免缺漏字符、破损等。减少因菲林问题导致反复打样。

6.5.11 需要供应商参考的色稿样板，需要随同文件发放。需要借鉴的样板，如果无法随同发放，需要提供物料编号。

6.5.12 遥控器胶皮、贴纸分色正确，并有利于批量生产。

6.5.13 A I 格式的文件，发放时需要检查是否有链接图，链接图要同文档一起发放。 6.6 样品检查

6.6.1 彩印颜色、套印准确，版面清洁，内容正确。 6.6.2 尺寸、装订、材质、后加工符合要求。

6.6.3 说明书裁切定位准确，页面裁切偏差控制在 2mm 范围内。 6.6.4 说明书胶装产品粘性良好，书脊封面不能有明显褶皱。 6.6.5 贴纸必要时进行高温、低温、酒精、附着力、 ROHOS 等试验。 6.6.6 条码贴纸进行扫描测试。

第 35 页共 61 页

6.6.7 卡通箱、彩盒试装核对尺寸，彩盒和卡通箱实装检验。 6.6.8 遥控器贴皮需要贴装到塑胶壳上确认手感。

6.6.9 遥控器胶皮确认分色正确，丝印颜色、功能、字符正确。 6.6.10 样品标签填写完整、正确，粘贴牢固。第二章塑胶后加工处理 1 塑料常用后加工处理方法

1.1 电镀．电镀是镀液中主盐金属离子在直流电场作用下，因扩散、对流、电迁移等传质手段到达作为阴极的工件表面，得到电子而还原为金属原子，并进一步结晶排列为金属层的过程。当镀层特别厚或用电沉积方法来制造制品时，又特称为电铸。 1.1.2 电沉积 ,

（ 1 ）根据镀层所需组分，可分为单金属电镀与合金电镀。

单金属电镀所需镀层金属仅一种，例如镀锌、铜、镍、铬、金、银、锡、铁等。所需镀层组分为两种或两种以上的称为合金电镀。如需 2 种金属时称为二元合金，需 3 种则为三元合金，需 3 种以上时为多元合金。如，二元合金有黄铜 ( 铜 — 锌 ) 、青铜 ( 铜 — 锡 ) ，镍合金中的镍 — 铁、镍 — 磷，锌合金中的锌 — 铁、锌 — 镍等；三元合金有铜 — 锌 — 锡三元仿金、镍 — 钴 — 磷、锌 — 铁 — 镍等。

（ 2 ）根据镀液酸度不同，可分为强酸性 ( 如镀铬、光亮酸铜 ) 、弱酸性 ( 如镀锌、镍、镍 — 铁、镍 — 磷 ) 与碱性 ( 如氰化镀、锌酸盐镀锌 ) 三大类。

（ 3 ）从基体本身导电与否又分为非金属 ( 如塑料、陶瓷、玻璃等 ) 电镀

第 36 页共 61 页

与金属电镀。

（ 4 ）根据镀层的用途，可分为防蚀性电镀 ( 如铁上镀锌 ) 、装饰防护性电镀 ( 如多层镍，装饰铬，仿金镀，多种古铜色、色电镀等 ) 、功能性电镀等。功能性镀层又可分为耐磨、减摩、导电、导热、焊接、反光、消光等镀层。

1.1.2 无电解镀 , 不用电源而获得金属、合金、复合镀层的方法称为无电解镀。其主要有两大类：化学镀和置换镀。

（ 1 ）以还原剂 ( 如甲醛、次磷酸盐 ) 本身被氧化来提供主盐金属离子还原为金属原子所需电子时的无电解镀称为化学还原镀，简称化学镀。（ 2 ）利用置换反应在金属制件表面获取薄层的、电位比基体金属更正的金属层的方法叫置换镀，又称为浸镀。

1.1.3 转化膜形成 , 这是基体或镀层金属参与形成其它形式膜层的一种加工方式。形成转化膜可以用电解方法 ( 如铝件的各种阳极氧化、交流氧化、微弧氧化、硬质氧化等，镀银层的电解钝化，不锈钢电解着色等 ) ，也可以用化学方法 ( 如钢铁件的发蓝、磷化、室温发黑，铜件钝化，镀锌、镀锡后的钝化等等 ) 。转化膜形成有时作为单一的加工，有时用做电镀后的处理工序。 1.1.4 工件表面洁净化处理，指除去制件表面油污、锈蚀物等而使制件表面清洁，无异物。一般包括酸洗、水洗、碱洗、水洗等工序。 1.1.5 工件表面粗糙度、光亮性的转变 ,

（ 1 ）微粗化处理，如用于消光或装饰性铝件的化学砂面处理，钢件喷砂后镀无光硬铬，获取哑光镀层的镀前处理，锉刀等的电解切削翻新处理等。（ 2 ）光亮平整化处理，分为机械处理、化学处理、电解处理等。它们可

第 37 页共 61 页

以是单纯的加工，也可以是镀前或镀后处理 ( 如镀锌后的出光 ) 工序。 1.2 烫金．也称为热转印，指通过高温将特定金属纹理溶化后转移到其他物体上。使物体具有很强的金属质感。烫印工艺可以大大的增加产品的附加价值，它广泛地应用于印刷、塑料企业的生产过程中。 1.2.1 烫金可分为圆压圆烫金与平压平烫金两种。

（ 1 ）圆压圆烫金，亦称作滚烫，圆压圆烫金是一种线接触的烫印方式。一般圆压圆方式的烫金既可适用于大面积烫金，又可适用于小面积烫金，烫印速度高。

（ 2 ）平压平烫印属于面接触，不易将空气排出，容易发生烫印不实的故障。平压平烫金方式适合烫印小面积图案、线条或文字，且烫印速度低。 1.3 立体曲面披覆．也称为多彩表面装饰、水转印。原理是将特殊处理的印有纹路的高分子薄膜平放于水槽，利用水压原理将色彩纹路均匀地披覆在产品表面，经清洗烘干后上保护漆，产品即呈现新的视觉效果。

1.3.1 能将各种天然图案，如核桃木、青玉石、木榴、几何图案均匀的披覆在 “ 任何材质 ” 物体表面，特别是在凹凸复杂表面及不规则面，可以克服印刷、喷漆、涂装、热转印、移印、网印等所不能克服的造型图案及死角问题，让产品更美观，提高产品的附加价值。

1.3.2 适应多种材质：塑胶类（ ABS 、 PC 、 PVC 、 PU 、 PP ）、金属类（如铁、铝、铜）、木质、玻璃、陶瓷、碳件等。

1.4 扫金．扫金是在产品需要扫金的部位印涂胶黏性底墨，然后直接传送到扫金机，将特制金粉擦涂压入底胶，并经过抛光、揩金等过程，就完成了扫金。借此实现金光闪烁的仿金效果

第 38 页共 61 页

1.4.1 与烫金方法相比，扫金工艺操作比较简单，生产速度较高，成本较低，有着逼真的金属质感，而且光泽度好，装饰效果好。无论图文粗细、面积大小都能获得较精细的效果。

1.5 丝网印刷．也称为漏网印刷，简称丝印。

1.5.1 丝网印刷按其版式、印机品种、油墨性质及承印物的类型分成许多种类。但就其印刷方式而言，可分为以下几种 :

（ 1 ）平面丝网印刷平面丝网印刷是用平面丝网印版在平面承印物上印刷的方法。印刷时，印版固定，墨刀移动。

（ 2 ）曲面丝网印刷曲面丝网印刷是用平面丝网印版在曲面印物 ( 如球、圆柱及圆锥体等 ) 上进行印刷的方法。印刷时，墨刀固定，印版沿水平方向移动 , 承印物随印版移动 .

（ 3 ）轮转丝网印刷轮转丝网印刷是用圆筒形丝网印版，圆筒内装有固定的刮墨刀，圆筒印版与承印物作等线速同步移动的印刷方法，亦称圆网印刷 . （ 4 ）间接丝网印刷前面三种方法均由印版对印件进行直接印刷，但它们只限于一些规则的几何形体。如平、圆及锥面等，对于外形复杂，带棱解及凹陷面等异形物体，则须用间接丝印法来印刷。其工艺常由两个部分组成；间接丝印 = 平面丝印 + 转印即丝印图像不直接印在承印物上，而先印在平面上，再用一定方法转印到承印物上。丝印花纸 + 热转印丝印花纸 + 压敏转印丝印花纸 + 溶剂活化转印间接丝印已成为丝印业的重要领域。

（ 5 ）静电丝网印刷静电丝网印刷是利用静电引力使油墨从丝印版面转移至承印面的方法。这是一种非接触工的印刷法，是用导电的金属丝网作印版，

第 39 页共 61 页

与高压电源正极相接，负极是与印版相平行的金属板，承印物介于两极之间，印刷时，印版上的墨粉穿过网孔时带正电荷，并受负电极的吸引，布落到承印面上，再用加热等方法定影成印迹，此法目前主要用于高温承印物，如出炉钢板等的印刷。

1.5.2 丝网印刷的精度由网眼决定，网眼专业名词为目。常用的丝网有 400 目、 600 目、 800 目等。数字越大精度越高。

1.5.3 不同属性的材质对应不同属性的油墨，如塑料应该采用有机的油墨，如果采用无机油墨就会出现脱落。金属材料要选用对应的油墨。

1.6 喷油．喷油是指将油墨喷涂在物体表面的一种外观处理方式。喷油具有美化产品外观，弥补产品注塑的缺陷的作用。

1.6.1 油漆的类型可以分为导电漆、高光 ( 镜面 ) 黑色漆、 UV 漆、橡胶绒毛漆、 PU 油、五金烤漆、电镀漆等。

（ 1 ）电镀漆适用于 ABS 、 PS 、 HIPS 、 PC 等基材。喷涂后可以获得金属的质感。有亮光、半光、亚光等光泽效果。可以有不同的颜色。

（ 2 ）五金烤漆适用于钢、铁、铜、铝等金属基材。有亮光、半光、亚光等光泽效果。可以有不同的颜色。喷油完成放置 10 分钟后，需要在 150 O C 的烤箱烤 15~20 分。

（ 3 ） PU 油适用于 ABS 、 PS 、 HIPS 、 PC 等基材。喷油需要在无尘的环境，最好是无尘的环境下自然干燥。可以形成饱满高光的光泽效果。需要在无尘的环境喷油。具有相同效果的还有 PE 、 NC 、 UV 漆。

（ 4 ）橡胶绒毛漆适用于 ABS 、 HIPS 、 PC 等基材。喷涂后可以获得独特柔软和无光泽的外观效果，橡胶感强、平滑细腻、丝绸触感、划伤恢复性好。

第 40 页共 61 页

最好是无尘的环境下 24 小时自然干燥。

（ 5 ） UV 漆是 ULTRAVIOLET CURING PAINT 的英文缩写，即紫外光固化漆，适用于 ABS 、 PS 、 HIPS 、 PC 、金属等基材。漆膜坚硬光滑、高光泽、高耐磨、耐各种溶剂。有高光、平光、亚光等不同的光泽效果的 UV 漆。表面是平面的物件会在边缘形成积油的现象，结构设计应予以避免。需要在无尘的环境下喷油。具有类似效果的有 PE 、 NC 、 PU 漆等，虽然光泽效果比 UV 稍逊，但价格比 UV 漆低廉很多。

（ 6 ）高光（镜面）黑色漆适用于 ABS 、 PS 、 HIPS 、 PC 等基材。漆膜坚硬光滑、高光泽、高耐磨、耐各种溶剂。表面是平面的物件会在边缘形成积油的现象，结构设计应予以避免。需要在无尘的环境下喷油。不需要像 PE 、 NC 、 PU 漆等先喷底漆，而直接获得高光镜面效果。最好是无尘的环境下 24 小时自然干燥。

（ 7 ）导电漆，导电漆适用于 ABS 、 PS 、 PC 等基材。具有导电性能，可用作电波屏蔽、无线电和电视天线等。有金色、银色、银包铜、导电镍等颜色。 1.6.2 常用的喷油方法有：手工喷涂、静电喷涂、自动喷涂等。

1.6.3 根据不同油漆的特性，有不同的检验要求。常用的检验方法有：盐雾、酒精、苯、硬度、耐磨度、附着力、高温、低温等。 1.6.4 喷油常见质量问题：

泪油 —— 油膜向下流动聚集的泪滴状突起。油泡 —— 喷油涂层表面泡状突起。油滴 —— 喷溅到制品表面的油点。杂质 —— 被喷油涂层包覆的尘点、尘丝。

第 41 页共 61 页

2 塑胶后加工处理图纸设计

2.1 效果图设计．喷油是指将油墨喷涂在物体表面的一种外观处理方式。喷油可以美化产品外观，弥补产品注塑的缺陷的作用。 2.1.1 外观部分

（１）明确：客户、客户型号、基础机型、面板颜色（面壳、按钮、旋钮、ＬＥＤ灯光），是否带ＲＤＳ。

（ 2 ）参照客户原已生产过的机型做设计，尽量减少确定效果图前的修改。（ 3 ）在能令客户满意的情况下尽量减少产生新物料。

（ 4 ）要能方便量产、低成本，例如面板丝印颜色一般不能超过三种。 2.1.2 结构部分：新机型向结构工程师需求１：１正视图、 3D 轴测图。 2.1.3 电子部分：新机型向电子工程师、软件工程师确认功能定义。 2.2 图纸设计．

2.2.1 核对最终产品状态书要求，以确定资料状态上的工艺图相符、 2.2.1 颜色标注明确，先按照 PANTONE 标准标注，没有 PANTONE 标准的要采用供应商标准色。新颜色需要建立标准色板。 2.2.3 核对各物料对应的物料编号和描述是否有误。 2.2.4 资料有保证正确易看，一般图纸要求为１：１，

2.2.5 注意字符的粗细，容易出问题的字符图案得特殊处理，例如用 \" Ａ rial\" 字体时，当Ａ字母小于４号字时，＂Ａ＂字字母的中间部分得加大， 2.2.6 所有字符图案填充１００％的黑。

2.2.7 喷油要注明需要喷油零件的面，和不能喷油的面。喷两种不同的油，需要注明先后顺序。

第 42 页共 61 页

2.2.7 烫金要注明需要烫金的区域，和不能烫金的区域。喷油和烫金的颜色要尽可能一致。

2.2.8 电镀、喷油的零件需要注明底材颜色。 2.3 图纸发放及菲林输出．

2.3.1 按规定流程审核批准后方可输出菲林。

2.3.2 有镭雕的，在发放资料同时需提供转曲线后的电子文档。 2.3.3 有客户样板的随资料提供样板。 2.3.4 保证输出为１：１，位置合适。

2.3.5 分色合理，符合加工要求，降低报废率。如蓝牙标志，需要分为：白色蓝色两种颜色。 2.3.6 文字必须转曲线。

2.3.7 认真核对菲林，避免缺漏字符、破损等。减少因菲林问题导致反复打样。

2.4 样品检查． 2.4.1 检查喷油：

（１）喷油颜色－根据样板或色卡核对颜色。

（２）是否存在飞油、流油、积油、油渍、砂孔、走位、起牙边、漏喷油、刮花、哑色或称无光泽、拉丝等问题。

（３）进行高低温、耐磨、酸碱、附着力、硬度、 ROHS 等测试。（４）是否漏光检查（利用光电鼠标可进行简单有效的检查） 2.4.2 检查丝印或移印：

（１）丝印 / 移印字符是否正确，丝印 / 移印颜色是否按要求，

第 43 页共 61 页

（２）是否异物：丝印后 , 涂膜附着灰尘、点状或丝状异物（３）是否露底：由于丝印 / 移印位置丝印太薄露底色（４）是否漏印：要求丝印 / 移印位置未丝印到

（５）是否模糊 / 断线；丝印不良致丝印 / 移印线条和图案粗细不均，模糊不清，字线局部不相连

（６）是否丝印厚薄不均匀：由于丝印 / 移印操作不当，造成点线或图案的丝印层厚薄不均

（７）是否擦伤 / 划痕：丝印 / 移印后保护不善造成（８）是否针孔：涂膜表面能看见针眼状小孔

（９）是否错位：由于丝印 / 移印位置不准，丝印位偏移（１０）进行高低温、耐磨、酸碱、附着力、硬度、 ROHS 等测试 2.4.3 检查镭雕

（１）镭雕字符或图案是否正确，位置是否正确

（２）镭雕后底色是否正确，注意要求要不要喷白油或是先注塑成奶白色，（３）透光效果检查（利用光电鼠标可进行简单有效的检查）（４）镭雕字符图案是否起牙边 2.4.4 检查烫印：

（１）烫印字符（区域）是否正确，颜色是否按要求。（２）是否产生变形。（３）是否起泡。

（４）是否附着力差（见ＩＱＣ测试表）一般不能在喷光油的面板上进行烫印，物别是 UV 光油。

第 44 页共 61 页

（５）进行高低温、耐磨、酸碱、附着力、硬度、百格、 ROHS 等测试。（６）是否漏光检查（利用光电鼠标可进行简单有效的检查）

（７）必要时检查喷油后零件的装配尺寸，特别是喷 UV 油后，避免太厚影响装配。

2.4.5 检查电镀

（１）进行高低温、耐磨、酸碱、附着力、硬度、 ROHS 等测试。（２）颜色是否符合要求。（３）是否变形。

（４）镀层的厚度是否太厚，覆盖住表面的肌理。镀层的厚度是否太薄，导致透光等问题。第三章其他设计 1 包装指引

1.1 收集结构资料：结构包装爆炸图。 1.2 收集彩盒、卡通箱、各类贴纸图纸。

1.3 从 SAP 系统中收集 BOM ，进行物料核对及确认。

1.4 从 PDM 系统中核对及确认各相关包材是否符合状态要求，如遇状态确认书要求与图纸设计不符合需与业务员及相关设计师核对及确认；必要时提醒业务员更新状态确认书。

1.5 主机包装方式：依据状态确认书要求 ( 纸托／珍珠棉／发泡胶／其他 ) 。

发泡胶包装：由结构工程师提供相关资料。

\" 珍珠棉包装：各平台机型使用不同珍珠棉 , 分类如下：

第 45 页共 61 页

（１） 700 平台珍珠棉： 127040030005(1pcs) +127045030035/127045020036(2pcs) ；

（１） DMT737/739 平台珍珠棉： 127015000041(2pcs) ；（１） 428 平台珍珠棉： 127045000172( 2pcs)

1.6 \" 纸托包装：各平台机型根据彩盒尺寸来决定纸托包装型号及用量。（１） 700/128/100 平台小彩盒：纸托 127015000050( 2pcs) （１） 700/128/100 平台大彩盒：纸托 127015000050( 2pcs) + 纸托 127015000051(1pcs)

（１） 700R 平台小彩盒：纸托 127015000090( 2pcs) （１） 428 平台：纸托 127015000058( 2pcs) \" 1.7 核对包装指引物料编号与 BOM 对应物料编号一致。 1.8 核对包装指引物料数量与 BOM 物料数量一致。

1.10 对有关联性的物料进行特别的标注说明。如 PHILIPS 各贴纸的序列号生产周数需要对应。

1.11 包装指引需相关业务员确认， PDM 流程确认必须经过结构工程师确认。 1.12 图纸有版本号，及变更记录。 1.13 包装指引需在生产前提供。 2 维修手册

2.1 收集 BOM 资料（结构、电子） 2.2 收集结构资料：结构爆炸图。

2.3 收集电子资料：方框图、原理图（主板、 KB 板、伺服板及其他小板）、各线路板顶层、底层丝印图。

第 46 页共 61 页

2.4 检查客户型号、商标、文字拼写正确。

2.5 如电子 / 结构资料变更需注明更新版本和内容记录。 2.6 排版注意整洁美观 , 页码清晰。

2.7 同一国家和地区的不同客户采用不同的版面设计风格，避免雷同。 2.8 图纸有版本号及变更记录。

2.9 文件制作完毕后、发往电子审核确认，合格后发邮件至业务员、完成。第四章 UI 设计 1 UI 设计前准备

1.1 收集软件平台资料：屏显示分辨率大小、屏驱动方式、色彩显示方式、图片格式、图片色位及深度等。

1.2 收集交互设计规范资料： UI tree 、功能列表等。

1.3 旧平台 UI 参考：如果是旧平台改进需对已有 UI 熟悉和分析。 1.4 综合判定：在需要的资料收集好以后需对设计作出综合判定（在现有技术条件下最大程度达到易用性、实用性、美观性）。 2 UI 设计规范 2.1 确定整套 UI 色调：

2.1.1 根据产品外观匹配可选色调风格范围（需 2 套色彩方案以上），并测试和筛选方案。

2.1.2 依据车规二审色调风格方案，并确定色调方案。 2.2 确定布局方式：

2.2.1 交互方式的延续性，布局方式的设计必须在已有的 UI 交互习惯上延续（除非功能的增减）。

第 47 页共 61 页

2.2.2 必须考虑车规的因素，一切以驾驶者的可操作性和易用性为依据来设计界面的布局。

2.2.3 做布局黑白图在机器上测试可操作性。确定布局方案。 2.3 界面 GD 文档制作（坐标和布局黑白图，每一个交互画面）

2.3.1 制作 GD 文档，要求按确定的布局方式画出每个交互画面的示意图。 2.3.2 黑白图制作规范：按一个 GUI 画面的 ICON 层次来由黑到白的方形色块制作示意图。如：背景为第一层（用 100 ％黑）、直接放在背景图上的 ICON 为第二层（用 80 ％黑）、 ICON 上的字符为第三层（用 60 ％黑）等如此类推。 2.3.3 GD 文档审核：此文档必须要求软件参加评审，其他人员可以选择要求参加。评审通过后，将做为 UI 和软件之间的依据性文档之一并走流程归档。 2.4 GUI 制作（所有 UI 规范确定后方可开始 GUI 制作），专指一套全新的 UI 设计。

2.4.1 主菜单图标设计（源图标设计）。（ 1 ）寓意明晰

（ 2 ）造型美观、简洁、大方

（ 3 ）形式可三维、二维等，无特需要求（ 4 ）评审（ 5 ）归档

2.4.2 交互画面方案设计。

（ 1 ）效果图设计（用 PS 制作并以 PSD 格式保存）

（ 2 ）效果图评审（代表性的三个画面评审，评审确定后才能进行下面所有画面的制作）。

第 48 页共 61 页

（ 3 ）效果图制作规范： 1 、 PSD 分层文件格式保存 2 、文件名需对应功能名称

3 、 PSD 分层名需对应每个 ICON 的名称和状态。 2.4.3 ICON 切割。

（ 1 ） ICON 切割需严格按照 GD 图的坐标切割，此关系到软件针对 UI 的实现工作。

（ 2 ） ICON 文件命名需严格按照和软件商定的命名规则命名。 2.5 GUI 文档制作 3 UI 相关文件归档

3.1 一套 UI 设计完成后必须即刻执行归档流程，并采用版本号控制方式。 3.2 所需归档文件： 1 GD 文档 2 （ GUI ） ICON 文档 3 UI 交互文档（专指平台性的）

4 UI 相关专利申请（参考公司相关文件）第五章工业设计 1 工业设计前准备

1.1 收集技术资料：结构运动方式、拟采用的关键部件、功能、价格、销售区域等。

1.2 收集、分析主要竞争对手同类型产品的功能、价格、设计风格、加工工艺，目前最新的技术、最新的加工工艺等。

1.3 清晰了解设计的目的和意图：替代性产品、差异化产品、低价产品。 1.4 综合判定：在需要的资料收集好以后需对设计做出综合判定（在现有技术条件下最大程度达到易用性、实用性、美观性）。

第 49 页共 61 页

2 工业设计规范

2.1 图纸设计，一个完整的设计方案图纸应该包括：效果图、工艺图、外形控制图、细部图等，有时候工艺图可以和细部图合并。

2.1.1 概念构思，设计人员根据前期收集的资料进行方案构思。徒手或电脑绘制预想图。

2.1.2 效果图设计，运用手绘、电脑、打印机等工具，将构思概念进行表达，真实及艺术地体现设计意图。常用的电脑绘图软件有： CorelDraw 、 Photoshop 、 Rhino 、 Illustrator 、 3dsmax 、 Pro-e 、 UG 、 Solid works 等，这些设计软件各具优点，以清晰、准确、快捷为目的，设计师灵活选用。 2.1.3 模型制作，为了进一步验证效果图是否满足设计的意图而制作模型。模型分外观模型和结构模型两种。外观模型不含结构，纯粹是检验外观。结构模型是为了验证结构可行性而制作的模型。

2.1.4 工艺设计，在效果图的各个零件的材质、注塑色彩、表面肌理、灯光、后加工方法等进行设计说明。工艺设计是结构设计、产品报价的依据之一。 2.1.5 细节设计，也称细部设计。在效果图确定以后，对产品表面的文字、符号设计，包括内容、大小、位置、色彩等。细节是对产品进行最后的画龙点睛，所以非常重要。

2.2 设计评审在产品设计方案完成后，由项目负责人组织召开评审会议，参与人员包含但不局限于：总经理、副总经理、技术部负责人、项目负责人、市场部负责人、结构工程师、电子工程师、软件工程师、策划部人员等。 2.2.1 评审根据需要进行方案评审和技术评审。并根据需要进行一次或多次的评审。

第 50 页共 61 页

（ 1 ）方案评审，是指客户或公司评审人员在不考虑技术可行性的情况下对工业设计部门提交的设计方案进行评审。

（ 2 ）技术评审，是指对客户或公司评审人员确认的设计方案进行技术可行性评审。技术评审人员为跨技术部门的技术骨干。

（ 3 ）评审报告，技术评审后，形成技术评审报告，并通过 PDM 系统备份。 2.2.2 方案评审对象包括但不限于：效果图、工艺图、模型等。

2.2.2 功能、结构、材料、比例、色彩、格调等是否符合传统美学和时代特征。

2.2.3 价格成本、环境、运营效益、市场操作水平是否具有竞争力。 2.2.4 消费者心理、承受能力、传统喜好和竞争布局的集中等方面具有一定的优

2.2.5 是否符合公司企业规划的长远要求，符合商业美学的客观规律等方面具有生命力。

2.3 产品设计方案经评审通过后，工业设计师将产品的 2D 或 3D 外型图、表面加工工艺图、最终效果图提供给结构工程师进行结构设计。

2.4 设计验证在结构设计、模具制造、试模、后加工等阶段密切跟进，让设计的意图得到真实的实现，并在必要的时候对效果图、后加工工艺图进行修正。在产品上市后及时听取市场部关于顾客对产品色彩、造型、工艺、风格等方面的意见，为下一次设计积累资料，在必要的时候对效果图、后加工工艺图进行修正满足客户的要求。 3 工业设计文件管理

3.1 图纸存档产品设计方案经市场部、开发部、项目负责人审核和确认后，

第 51 页共 61 页

发放文件于相关部门及人员。技术部将最终确认的效果图、工艺图、评审报告通过 PDM 系统在文控中心备案。

3.2 图纸更改确认后的产品设计方案可能由于技术、成本、客户要求、生产需要而进行更改。更改后的设计方案经市场部、开发部、项目负责人审核和确认后，发放文件于相关部门及人员。技术部将最终确认的效果图、工艺图、评审报告通过 PDM 系统在文控中心备案。 4 工业设计专利申请和奖励

第 52 页共 61 页

篇三：UI设计规范说明书

一. APP 设计规范 ( ios )

———— 设计稿一般不使用 Android 的尺寸（因为 Android 的五花八门） 1.iphone 界面的设计尺寸（设计稿默认 iphone 6 ）（ 1 ） iphone 6 plus 设计版 [iPhone7 plus ] （ @3x ）

分辨率 1242x 2208px ppi:401 状态栏： 60px 导航栏： 132px 标签栏： 146px

（ 2 ） iphone 6 plus 放大版（ @3x ）

分辨率 1 125 x 2001 px ppi:401 状态栏： px 导航栏： 132px 标签栏： 146px

（ 3 ） iphone 6 plus 物理版（ @3x ）

分辨率 1 080 x 1920p x ppi:401 状态栏： px 导航栏： 132px 标签栏： 146px

（ 4 ） iphone 6 [ iPhone7 ] （设计稿默认）（ @2x ）

分辨率 750 x 1334 px ppi:326 状态栏： 4 0px 导航栏： 88 px 标签栏： 98 px

（ 5 ） iphone 5 - 5c -5s （ @2x ）

分辨率 0x1136 px ppi326 状态栏： 40 px 导航栏： 88 px 标签栏： 98 px

（ 6 ） iphone 4 – 4s （ @2x ）

分辨率 0 x 960 px ppi:326 状态栏： 40 px 导航栏： 88 px 标签栏： 98 px

第 53 页共 61 页

（ 1 ） iphone & ipod Touch 第一、二、三代（ @1x ）

分辨率 320 x 480 px ppi:163 状态栏： 20 px 导航栏： 44 px 标签栏： 49 px

2 . iphone 图标设计尺寸（ 1 ） iphone 6 plus （ @3x ）

A pp store ： 1024x1024px 程序应用： 180x 180 主屏幕： 152x 152 Spotlight 搜索： 87x 87px 标签栏： 75x 75px 工具栏和导航栏： 66x 66px （ 2 ） iphone 6 （ @2x ）

A pp store ： 1024x1024px 程序应用： 1 2 0x 120 主屏幕： 152x 152 Spotlight 搜索： 58 x 58px 标签栏： 75x 75px 工具栏和导航栏： 4 4x 44px （ 3 ） iphone 5-5c-5s （ @2x ）

A pp store ： 1024x1024px 程序应用： 1 2 0x 120 主屏幕： 152x 152 Spotlight 搜索： 58 x 58px 标签栏： 75x 75px 工具栏和导航栏： 44 x 44px

第页共 61 页

（ 4 ） iphone 4-4s （ @2x ）

A pp store ： 1024x1024px 程序应用： 1 2 0x 120 主屏幕： 1 14 x 114 Spotlight 搜索： 58 x 58px 标签栏： 75x 75px 工具栏和导航栏： 44x 44px （ 5 ） iphone & ipod Touch 第一、二、三代（ @1x ）

A pp store ： 1024x1024px 程序应用： 1 2 0x 120 主屏幕： 57 x 57 Spotlight 搜索： 29 x 29px 标签栏： 38x38px 工具栏和导航栏： 30x30px

3 . i pad 界面设计尺寸

（ 1 ） ip ad 3 – 4 - 5 – 6 – Air – Air2 – mini2

分辨率 2048x1536 px ppi:2 状态栏： 40px 导航栏： 88px 标签栏： 98px （ 2 ） ip ad 1 – 2

分辨率 1024x768 px ppi:132 状态栏： 20px 导航栏： 44px 标签栏： 49px （ 2 ） ip ad Mini

分辨率 1024x768 px ppi:163 状态栏： 20px 导航栏： 44px 标签栏： 49px

第 55 页共 61 页

4 . i pad 图标设计尺寸

（ 1 ） ip ad 3 – 4 - 5 – 6 – Air – Air2 – mini2

A pp store ： 1024x1024px 程序应用： 1 8 0x 180 主屏幕： 144x 144 Spotlight 搜索： 100 x 100px 标签栏： 5 0 x 50px 工具栏和导航栏： 4 4x 44px

（ 2 ） ip ad 1 – 2

A pp store ： 1024x1024px 程序应用： 90x 90 主屏幕： 72x 72 Spotlight 搜索： 50 x 50px 标签栏： 25x 25px 工具栏和导航栏： 22 x 22px （ 3 ） ip ad Mini

A pp store ： 1024x1024px 程序应用： 90x 90 主屏幕： 72x 72 Spotlight 搜索： 50 x 50px 标签栏： 25x 25px 工具栏和导航栏： 22 x 22px

第 56 页共 61 页

5 . ios 字体大小规范

iPhone 上的字体英文为： HelveticaNeue 至于中文， Mac 下用的是黑体 - 简， Win 下则为华文黑体，所有字体要用双数字号。字体舒适度（ 1 ）长文本

可接受： 26px 见小值： 30px 舒适值： 32px -34px （ 2 ）短文本

可接受： 2 8 px 见小值： 30px 舒适值： 32px （ 3 ）注释

可接受： 2 4 px 见小值： 24 px 舒适值： 28px 二. App 设计规范（ Android ） ———— Android 采用的单位为 dp

———— 一般很少使用 andrid 尺寸作为设计稿 1 . Android 界面设计尺寸

android 的尺寸众多，一般使用分辨率为720x1280 的尺寸设计。这个尺寸720x1280中显示完美，在 1080x1920 中看起来也比较清晰（ 1 ）屏幕尺寸： 720x 1280

状态栏： 50 px 导航栏： 96 px 标签栏： 96 px 虚拟键： 96px 这个尺寸是万用形的

第 57 页共 61 页

2 . Android 图标设计尺寸

（ 1 ）屏幕尺寸： 320x 480px （ mdpi ）

启动图标： 48x 48px 操作栏图标： 32x32px 上下文图标： 16x 16px 系统通知图标： 24x 24px 最细画笔：不小于 2px

（ 2 ）屏幕尺寸： 480x800px—480x8px—0x960px （ hdpi ）

启动图标： 72 x 72px 操作栏图标： 48 x 4 8px 上下文图标： 24 x 24px 系统通知图标： 36 x 36px 最细画笔：不小于 3 px （ 3 ）屏幕尺寸： 720x1280px （ xhdpi ）

启动图标： 108 x 108px 操作栏图标： 72 x 72 px 上下文图标： 36 x 36px 系统通知图标： x px 最细画笔：不小于 5 px （ 4 ）屏幕尺寸： 1080x192 0px （ xxhdpi ）

启动图标： 144 x 144px 操作栏图标： 96 x 96 px 上下文图标： 48 x 48px 系统通知图标： 72 x 72px 最细画笔：不小于 6 px

第 58 页共 61 页

3 . Android 字体大小规范

Android 上的字体为： Droid sans fallback ，是谷歌自己的字体，与微软雅黑很像。

480* 800 字体舒适度（高分辨率）（ 1 ）长文本

可接受： 21px 见小值： 24 px 舒适值： 27px （ 2 ）短文本

可接受： 2 1 px 见小值： 24 px 舒适值： 27 px （ 3 ）注释

可接受： 18 px 见小值： 18 px 舒适值： 21px 320 * 480 字体舒适度（低分辨率）（ 1 ）长文本

可接受： 14 px 见小值： 16 px 舒适值： 18-20px （ 2 ）短文本

可接受： 14 px 见小值： 14 px 舒适值： 18 px （ 3 ）注释

可接受： 12 px 见小值： 12 px 舒适值： 14-16px 三. 网页设计规范（ web ） ———— 网页设计规范比较自由 ———— 网页有字体的规范 1 . 宽度控制

Fierfox 和 Opear 当内容不超出页面高度时将不会显示滚动条

第 59 页共 61 页

（ 1 ） IE 6.0 ：宽度减少 [ 21 ] （ 2 ） Firefox ：宽度减少 [ 19 ] （ 3 ） Opear ：宽度减少 [ 23 ] 2 . 尺寸规范（ 1 ）常见尺寸：

● 1024x768 （常用尺寸） ● 1366x768 ● 1280x800 ● 1280x1024 ● 1440x900 ● 1600x900 ● 1920x1080

第 60 页共 61 页

一般网站宽为 996px ；国内网站大部分还是以 1000 个像素为界限，因超过 1000 像素适合在大屏幕上浏览，小屏幕会显得拥挤。国内尺寸设置比较保守，这样可以保证大部分用户舒适的浏览网页 3 . 字体规范（ 1 ）常用字体 :

中文：宋体、微软雅黑、黑体（ 2 ）字号 :

网页正文 / 导航字体： 12px -18px 之间

网页正文 / 导航字体（英文）： 1 0 px -16px 之间标题文字： 18px -32px 之间（双数）网页正文 / 导航字体： 12px -18px 之间

第 61 页共 61 页

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文