UI设计拼接模板的制作方法

本实用新型涉及互联网产品原型设计工具，尤其涉及一种UI设计拼接模板。

背景技术：

目前，UI设计师在进行互联网产品原型设计时，通常采用电脑软件，如Mockplus、Axure、Balsamiq等，这些电脑软件在进行高保真原型设计时，具有快捷、仿真度高等优点，但是在进行低保真原型沟通、讨论、方案确定环节，则具有使用不便、修改不易、时间和使用成本高等问题。因而，目前在进行低保真原型设计时，通常采用普通纸笔绘图的方式，纸上原型具有容易构建、轻松修改、容易操作、关注流程、抛弃成本低的特点。

纸上原型设计，通常在多张纸和卡片上手绘或标记，用以显示不同的目录、对话框和窗口等元素，然后将它们组合拼凑，构建成模拟真实产品界面的原型。使用时，设计者代替电脑或系统对用户的点击和按键操作给出反应，即时修改，书写反馈，以达到仿真产品交互的目的。然而，这种简易的操作模式由于需要手动绘制很多图形且难以修改原型，使用时并不方便。

技术实现要素：

为解决上述技术问题，本实用新型的目的是提供一种将符合UI设计规格的常用设计元素模块化，通过模块拼接的方式即可快速设计、展现低保真原型的UI设计拼接模板。

本实用新型的UI设计拼接模板，包括底板、以及可磁吸附在底板上的用于表示不同设计元素的多个模块组，不同的所述模块组之间具有不同形状、和/或不同表面图案，同一模块组内包括不同尺寸的多个、以及同一尺寸的多个元素颗粒，同一模块组的元素颗粒的形状和表面图案相同、并用于表示不同像素的相同设计元素；所述底板包括铁质层，所述元素颗粒包括磁性材料层和面层。

具体的，所述磁性材料层为橡胶磁体层。橡胶磁体由磁粉(SrO6、Fe2O3)、氯化聚乙烯(CPE)和其它添加剂(EBSO、DOP)等组成，通过挤出、压延制造而成。橡胶磁可以是同性的或异性的，可弯、可捻、可卷。它无需更多机械加工即可使用，可以按所需尺寸修整形状，也可以根据要求覆PVC，背胶，上UV油等，磁能积为0.60～1.50MGOe。

具体的，所述面层为PP膜、或PVC膜、或PET膜。

进一步的，所述元素颗粒的磁性材料层和面层之间还设置有铁质的夹层。

具体的，所述夹层包括柔软的铁性材料、或者为薄铁片。由于设置有夹层，可以将不同的元素颗粒更为牢固的相互叠加贴覆。

进一步的，同一元素颗粒的磁性材料层和夹层由分隔为多片、尺寸相同并相互粘连的磁性材料片和夹层片组成。

具体的，相邻的磁性材料片之间和夹层片之间连结有软硅胶。

具体的，所述软硅胶的宽度至少为磁性材料层和夹层厚度之和的2倍。

具体的，所述铁质层包括柔软的铁性材料、或者为薄铁片。铁质层具有被磁性物质吸附的特点，使得所有磁性产品可以吸附在这种底板上。

进一步的，所述底板上标注有用于表示像素的刻度。

进一步的，所述底板上设置有笔槽和板擦槽。

借由上述方案，本实用新型至少具有以下优点：1)将符合UI设计规格的常用设计元素模块化，通过模块拼接的方式，可快速设计、展现低保真原型；2)通过油性笔、粉笔等形式，可以对低保真原型进行快速修改；3)模块化的设计元素间可相互叠加，尽可能还原设计原型；4)可折叠的元素颗粒，一方面可以降低对收纳空间的要求，另一方面可以扩展有限的元素颗粒的使用场景。

上述说明仅是本实用新型技术方案的概述，为了能够更清楚了解本实用新型的技术手段，并可依照说明书的内容予以实施，以下以本实用新型的较佳实施例并配合附图详细说明如后。

附图说明

图1是本实用新型的主视图；

图2是本实用新型的侧视图；

图3是图2中A部的局部放大图。

具体实施方式

下面结合附图和实施例，对本实用新型的具体实施方式作进一步详细描述。以下实施例用于说明本实用新型，但不用来限制本实用新型的范围。

参见图1至图3，本实用新型的UI设计拼接模板，包括底板1、以及可磁吸附在底板上的用于表示不同设计元素的多个模块组2，以互联网软件或网页为例，常见设计元素可包括：如LOGO、顶部导航菜单、侧边菜单、搜索栏、筛选项、列表、图表、页码、用户中心、copyright等页面元素，如放大缩小、保存、帮助、撤销、导入导出、配置、折叠等按钮。其中，页面元素的尺寸通常较大，而按钮的尺寸通常较小，如搜索栏呈长条状，列表页或图表为尺寸较大的方形，保存按钮等即使在真实软件中，通常也只有20-40像素的长宽。

为了方便保存，通常将相同设计元素的模块组放在一起收纳，因而，以形状和表面图案来区分，不同的模块组2之间具有不同形状、和/或不同表面图案，同一模块组的元素颗粒3的形状和表面图案相同、并用于表示不同像素的相同设计元素，而同一模块组2内包括不同尺寸的多个、以及同一尺寸的多个元素颗粒3。以搜索栏和表格为例做进一步说明，其是不同模块组中的元素颗粒，因而需要将不同尺寸的搜索栏和表格元素颗粒分别集中放在一起收纳以便使用；由于互联网产品原型设计时，不同页面对于搜索栏或表格的尺寸要求不同，因而同一模块组中需要准备多个不同尺寸的元素颗粒，而同一页面上也可能存在同一尺寸的多个搜索栏，如表格检索，因而，即便是同一尺寸的元素颗粒，也需要准备多个，以便UI设计人员使用。

具体使用场景中，需要将底板固定在某个位置，将元素颗粒自由贴覆在底板上，以便快速完成低保真原型的设计，较为方便的，底板1包括铁质层11，元素颗粒3包括磁性材料层31和面层32，铁质层包括柔软的铁性材料、或者为薄铁片。铁质层具有被磁性物质吸附的特点，使得所有磁性产品可以吸附在这种底板上。这样，元素颗粒即可通过磁吸附的方式固定在底板上。底板为了便于安装，可以在底部设置背胶层12，这样就可以直接贴在墙面上使用了，或者设置一个固定的底板，放在架子上亦可。

由于具体使用过程中，UI设计人员不可避免地要在底板上书写、绘图或标注，因而在底板的表面还设置有致密的书写面层13，如金属烤漆、树脂、玻璃、PP膜、PVC膜或PET膜，对于金属烤漆、树脂、玻璃而言，常用于油性笔的书写，对于PP膜、PVC膜或PET膜而言，可用于粉笔的书写。

磁性材料层31为橡胶磁体层。橡胶磁体由磁粉(SrO6、Fe2O3)、氯化聚乙烯(CPE)和其它添加剂(EBSO、DOP)等组成，通过挤出、压延制造而成。橡胶磁可以是同性的或异性的，可弯、可捻、可卷。它无需更多机械加工即可使用，可以按所需尺寸修整形状，也可以根据要求覆PVC，背胶，上UV油等，磁能积为0.60～1.50MGOe。

面层32为树脂、PP膜、PVC膜或PET膜。对于元素颗粒的面层32而言，并不像底板的书写面层使用那么频繁，但是如表格、侧边栏等尺寸较大的元素颗粒，UI设计人员也有可能在其表面进行书写以标注。面层可设置为树脂，以便用于油性笔的书写，也可设置为PP膜、PVC膜或PET膜，可用于粉笔的书写

由于在使用过程中，不同的元素颗粒存在相互叠加的情况，例如侧边菜单，有些网页下需设计为不可折叠，也有些网页需设计为可折叠，因而对于侧边菜单元素颗粒4，其表面图案并没有折叠的标示，设计时，可在其上进一步贴覆一个折叠按钮元素颗粒5。为了便于元素颗粒之间的相互磁吸附，提高磁吸附效果，元素颗粒的磁性材料层和面层之间还设置有铁质的夹层33。夹层33可以使用柔软的铁性材料、或者使用硬质的薄铁片。由于设置有夹层，可以将不同的元素颗粒更为牢固的相互叠加贴覆。

由于元素颗粒存在问题：1)相互间尺寸差异较大，收纳不便；2)固定的尺寸难以满足UI设计人员不同的像素要求。为此，同一元素颗粒的磁性材料层和夹层由分隔为多片、尺寸相同并相互粘连的磁性材料片和夹层片组成；这样，收纳时可以将大尺寸或长条状的元素颗粒多次折叠起来，另外，设计时，若没有刚好满足像素尺寸要求的元素颗粒，可以将更大尺寸的元素颗粒折叠，以变为接近尺寸的元素颗粒。

为了便于折叠，相邻的磁性材料片和夹层片不可避免会存在较大间隙，为了避免面层32受力导致撕损，相邻的磁性材料片31之间和夹层片33之间连结有软硅胶34，软硅胶34的宽度至少为磁性材料层和夹层厚度之和的2倍。

UI设计人员在进行原型设计时，通常会遇到多种分辨率的设计要求，如800*600、1366*768、1440*1280或1920*1080像素，为了真实反映原型的样式，元素颗粒和底板均按照相同比例设置，同时在底板上还标注有用于表示像素的刻度。

为了方便UI设计人员放置油性笔、粉笔或板擦，底板1上还设置有笔槽6和板擦槽7。

以上所述仅是本实用新型的优选实施方式，并不用于限制本实用新型，应当指出，对于本技术领域的普通技术人员来说，在不脱离本实用新型技术原理的前提下，还可以做出若干改进和变型，这些改进和变型也应视为本实用新型的保护范围。