UI设计系统界面画架的制作方法

本实用新型涉及互联网产品原型设计工具，尤其涉及一种UI设计系统界面画架。

背景技术：

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

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

技术实现要素：

为解决上述技术问题，本实用新型的目的是提供一种便于展示页面跳转状况、具有多种UI设计方式、可快速设计、展现低保真原型的UI设计系统界面画架。

本实用新型的UI设计系统界面画架，包括支架、画板托架和画板，所述画板托架安装在支架上，所述画板固定安装在画板托架上，所述画板包括铁质层以及覆盖在铁质层表面的书写面层；所述画板的四周突起、并将中间围成UI设计区，所述UI设计区分隔为至少4个系统界面区，每个系统界面区的边缘标注有用于表示像素的刻度。

具体的，所述画板托架可拆卸连接在支架上，并且画板托架与支架之间的位置可相对调节。

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

进一步的，所述画板的四周设置有滑槽，并在所述滑槽内设置有滑块，相对的两个滑块间连接有弹性绳。

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

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

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

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

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

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

借由上述方案，本实用新型至少具有以下优点：1)便于展示页面跳转状况、具有多种UI设计方式、可快速设计、展现低保真原型；2)支持将符合UI设计规格的模块化的常用设计元素，通过模块拼接、磁吸附的方式，快速设计、展现低保真原型；3)通过油性笔、粉笔等形式，可以对低保真原型进行快速修改；4)模块化的设计元素间可相互叠加，尽可能还原设计原型。

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

附图说明

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

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

具体实施方式

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

参见图1和图2，本实用新型的UI设计系统界面画架，包括支架1、画板托架2和画板3，画板托架2安装在支架1上，画板3固定安装在画板托架2上，画板托架的作用在于固定画板，例如，通过螺丝钉固定安装，较为复杂的，画板托架与支架间，还可设置调整仰角的旋转机构。

画板3的四周突起、并将中间围成UI设计区31，由于UI设计系统界面时，大多会遇到设计界面切换的情况，因而需要多个放置页面原型的区域，因而，UI设计区31分隔为至少4个系统界面区32。

UI设计人员在进行原型设计时，通常会遇到多种分辨率的设计要求，如800*600、1366*768、1440*1280或1920*1080像素，为了真实反映原型的样式，每个系统界面区32的边缘标注有用于表示像素的刻度33。

具体使用过程中，UI设计人员可以将绘有原型的纸，通过磁铁吸附在画板上，也可直接在画板上书写、绘图或标注，因而画板3上设置有具有磁性吸附能力的铁质层、以及覆盖在铁质层表面的并可用于直接书写、擦拭的书写面层，书写面层如金属烤漆、树脂、玻璃、PP膜、PVC膜或PET膜，对于金属烤漆、树脂、玻璃而言，常用于油性笔的书写，对于PP膜、PVC膜或PET膜而言，可用于粉笔的书写。铁质层包括柔软的铁性材料、或者为薄铁片。铁质层具有被磁性物质吸附的特点，使得所有磁性产品可以吸附在这种画板上。

由于画板的使用场景不同，为了便于安装以及调整画板高度，画板托架设置为可拆卸连接在支架上，并且画板托架与支架之间的位置可相对调节，较为简单的，支架为管状，画板托架设置有套管，套装在管状的支架结构上，并通过螺丝等固定机构固定。

由于UI设计时，会遇到多种分辨率的设计要求，如800*600、1366*768、1440*1280或1920*1080像素，为了框定系统界面区32的尺寸，画板3的四周设置有滑槽，并在滑槽内设置有滑块34，相对的两个滑块间连接有弹性绳35。例如，当需要在1366*768像素区域内设计时，可以将横向上的滑块调整到1366像素的位置，将纵向上的滑块调整到768像素的位置。

为了方便UI设计人员放置油性笔、粉笔或板擦，画板上设置有笔槽和板擦槽36。

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

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

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

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

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

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