UI设计系统界面画架技术方案

本实用新型专利技术涉及互联网产品原型设计工具，尤其涉及一种UI设计系统界面画架；本实用新型专利技术的UI设计系统界面画架，包括支架、画板托架和画板，画板托架安装在支架上，画板固定安装在画板托架上，画板包括铁质层以及覆盖在铁质层表面的书写面层；画板的四周突起、并将中间围成UI设计区，UI设计区分隔为至少4个系统界面区，每个系统界面区的边缘标注有用于表示像素的刻度；本实用新型专利技术的UI设计系统界面画架，便于展示页面跳转状况、具有多种UI设计方式、可快速设计、展现低保真原型。

UI design system interface easel

The utility model relates to an Internet product prototype design tool, in particular to a UI design system interface easel; the UI design system interface easel of the utility model includes a bracket, a picture board bracket and a picture board, the picture board bracket is installed on the bracket, the picture board is fixed on the picture board bracket, the picture board includes an iron layer and a writing surface layer covered on the surface of the iron layer; the four sides of the picture board are protruding The UI design area is divided into at least four system interface areas, and the edge of each system interface area is marked with a scale to represent pixels; the UI design system interface easel of the utility model is convenient to display the page Jump status, has a variety of UI design methods, can be designed quickly and display low fidelity prototype.

【技术实现步骤摘要】
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之间具有不同形状、和/或不同表面图案，同一模块组的元素颗粒的形状和表面图案相同、并用于表示不同像素的相同设计元素，而同一模块组内包括不同尺寸的多个、以及同一尺寸的多个元素颗粒。以搜索栏和表格为例做进一步说明，其是不同模块组中的元素颗粒，因而需要将不同尺寸的搜索栏和表格元素颗粒分别集中放在一起收纳以便使用；由于互联网产品原型设计时，不同页面对于搜索栏或表格的尺寸要求不同，因而同一模块组中需要准备多个不同尺寸的元素颗粒，而同一页面上也本文档来自技高网...

【技术保护点】
1.一种UI设计系统界面画架，其特征在于：包括支架、画板托架和画板，所述画板托架安装在支架上，所述画板固定安装在画板托架上，所述画板包括铁质层以及覆盖在铁质层表面的书写面层；所述画板的四周突起、并将中间围成UI设计区，所述UI设计区分隔为至少4个系统界面区，每个系统界面区的边缘标注有用于表示像素的刻度。

【技术特征摘要】
1.一种UI设计系统界面画架，其特征在于：包括支架、画板托架和画板，所述画板托架安装在支架上，所述画板固定安装在画板托架上，所述画板包括铁质层以及覆盖在铁质层表面的书写面层；所述画板的四周突起、并将中间围成UI设计区，所述UI设计区分隔为至少4个系统界面区，每个系统界面区的边缘标注有用于表示像素的刻度。2.根据权利要求1所述的UI设计系统界面画架，其特征在于：所述画板托架可拆卸连接在支架上，并且画板托架与支架之间的位置可相对调节。3.根据权利要求1所述的UI设计系统界面画架，其特征在于：所述铁质层包括柔软的铁性材料、或者为薄铁片。4.根据权利要求1所述的UI设计系统界面画架，其特征在于：所述画板的四周设置有滑槽，并在所述滑槽内设置有滑块，相对的两个滑块间连接有弹性绳。5.根据权利要求1所述的UI设计系统界面画架，其特征在于：所述画板上设置有笔...

【专利技术属性】
技术研发人员：崔碧苔，辛向阳，
申请(专利权)人：江南大学，
类型：新型
国别省市：江苏,32