一种基于网格树形的海报布局设计工具制造技术

本发明专利技术涉及海报布局设计技术领域，提供一种基于网格树形的海报布局设计工具，通过所述基于网格树形的海报布局设计工具，依据各元素之间的树形父子关系设定，能够在保证海报视觉一致性的情况下，自动将海报重新设计为任意尺寸，自由调整元素之间的位置，并且自由旋转海报中的元素，以大大降低设计师的重复工作，免去重复调整尺寸和参数的麻烦，提高出图效率。

A Poster Layout Design Tool Based on Grid Tree

The invention relates to the technical field of poster layout design, and provides a poster layout design tool based on grid tree. By using the poster layout design tool based on grid tree and setting according to the tree parent-child relationship among the elements, the poster can be automatically redesigned to any size and the position of the elements can be freely adjusted under the condition of ensuring the visual consistency of the poster. And the elements in the freely rotating poster can greatly reduce the repetitive work of designers, avoid the trouble of repeatedly adjusting the size and parameters, and improve the efficiency of drawing.

【技术实现步骤摘要】
一种基于网格树形的海报布局设计工具
本专利技术涉及海报布局设计
，特别涉及一种基于网格树形的海报布局设计工具。
技术介绍
海报设计在现代生活中无处不在，包括包装，广告，活动邀请和个人网站等等。在海报的设计过程中，由于有不同的目标用户，同样海报需要设计来适用于各种尺寸的显示屏，而在应用于不同尺寸的显示屏前，海报通常需要进行内容布局调整以进行适配呈现，保证海报视觉一致性，如当海报从横向变为纵向时，几乎需要调整所有海报元素位置和大小，反之亦然。目前，对于设计师已经设计好的海报，当需要调整海报内容，或者调整海报中视觉元素之间的位置时，由于海报的内容之间具有的关联性，设计师需要花费大量的时间去手动协调调整几乎所有的元素，大大的加重了重复工作量，劳动强度大，工作效率低。
技术实现思路
因此，针对上述的问题，本专利技术提出一种基于网格树形的海报布局设计工具，通过所述基于网格树形的海报布局设计工具，依据各元素之间的树形父子关系设定，能够在保证海报视觉一致性的情况下，自动将海报重新设计为任意尺寸，自由调整元素之间的位置，并且自由旋转海报中的元素，以大大降低设计师的重复工作，免去重复调整尺寸和参数的麻烦，提高出图效率。为实现上述技术问题，本专利技术采取的解决方案为：一种基于网格树形的海报布局设计工具，包括如下步骤：步骤（1）、根据用户的划分设定对已设计好的海报进行n个网格元素的逐级划分，同时对各个网格元素之间的树形父子关系进行设定；步骤（2）、获取各个网格元素的数据结构，网格元素的数据结构表示为Node;Node中包括有如下属性：元素ID、父元素ID、元素尺寸、相对尺寸、边距、同级元素顺序、可分割数目、分割方向；其中，分割方向属性依赖于可分割数目属性，当可分割数目为0时，分割方向无效；当父元素ID为None时，元素尺寸不能为None；所述海报整体的树形布局表示为Tree，Tree={Node-1，Node-2，……，Node-n，n∈（1,2,……，n）}，Node-n表示第n个网格元素；步骤（3）、定义同级元素的自由换位规则，同级元素为具有相同父元素的子元素，在自由换位规则下，同级元素之间的位置可以互换，并且同级元素位置互换时，所有同级子元素随对应的同级元素同时换位，同级子元素为具有相同的同级元素的子元素；定义同级元素的自由旋转的规则，同级元素为具有相同父元素的子元素，在自由旋转规则下，同级元素能够进行旋转，并且同级元素旋转时，所有同级子元素随对应的同级元素同时旋转，同级子元素为具有相同的同级元素的子元素；则通过自由换位规则和自由旋转规则的组合执行实现动态布局调整。进一步的是，同级元素的自由换位规则为运用TransSeq算子组合进行同级元素的顺序调整：；；；其中，K1表示需要进行顺序调整的网格元素的父元素ID；PeerEleLevel表示同级元素的级数，即同级元素的父元素ID；Node-n.Parent表示第n个网格元素的父元素ID；m表示具有同样PeerEleLevel的元素数目；其中，通过length函数得到具有同样PeerEleLevel的元素的数目；通过unique函数得到所有PeerEleLevel的可能取值；则通过不同的K1的取值可以生成不同的顺序布局。进一步的是，同级元素的自由旋转的规则为运用TransAngel算子进行同级元素的横纵旋转：；其中，K2表示需要进行旋转调整的网格元素的父元素ID；PeerEleLevel.newSplitDirection表示同级元素新分割方向，PeerEleLevel.SplitDirection表示同级元素原分割方向；则通过不同的K2的取值可以生成不同的旋转布局。进一步的是，若网格元素为文字元素，在执行同级元素的横纵旋转后，文字元素的排列设置会发生如下转化：左对齐转换为上对齐；右对齐转换为下对齐；上对齐转换为左对齐；下对齐转换为右对齐；水平居中和垂直居中则不发生变化。通过采用前述技术方案，本专利技术的有益效果是：如上所述设计的基于网格树形的海报布局设计工具，依据各元素之间的树形父子关系设定，能够在保证海报视觉一致性的情况下，自动将海报重新设计为任意尺寸，自由调整元素之间的位置，并且自由旋转海报中的元素，以大大降低设计师的重复工作，免去重复调整尺寸和参数的麻烦，提高出图效率。附图说明图1是已设计好的海报图样。图2是本专利技术实施例的网格元素划分示意图。图3是图2简化的网格元素划分示意图。图4是本专利技术实施例的树形布局示意图。图5是图4简化的树形布局示意图。图6是本专利技术实施例1自由换位的执行过程示意图。图7是本专利技术实施例1自由换位的执行布局示意图。图8是本专利技术实施例1自由换位的执行效果示意图。图9是本专利技术实施例2自由旋转的执行过程示意图。图10是本专利技术实施例2自由旋转的执行布局示意图。图11是本专利技术实施例2自由旋转的执行效果示意图。图12是本专利技术实施例3进行自由换位和自由旋转组合的执行效果示意图。具体实施方式现结合附图和具体实施例对本专利技术进一步说明。实施例1一种基于网格树形的海报布局设计工具，包括如下步骤：步骤（1）、根据用户的划分设定对已设计好的海报进行9个网格元素的逐级划分，同时对各个网格元素之间的树形父子关系进行设定，如图1-5所示；步骤（2）、获取各个网格元素的数据结构，网格元素的数据结构表示为Node;Node中包括有如下属性：元素ID（ID）、父元素ID（Parent）、元素尺寸（Size）、相对尺寸（Relativesize）、边距（Padding）、同级元素顺序（RelativeOrder）、可分割数目（SplitNumber）、分割方向（splitDirection）；其中，分割方向属性依赖于可分割数目属性，当可分割数目为0时，分割方向无效；当父元素ID为None时，元素尺寸不能为None；所述海报整体的树形布局表示为Tree，Tree={Node-1，Node-2，……，Node-n，n∈（1,2,……，9）}，Node-n表示第n个网格元素；图1-5中所呈现的树形布局的数据结构具体表示为：Node{ID:1;Parent:None;Size:{500,700};Padding:{5,5,5,5};SplitNumber:2;splitDirection:horizontal;};Node{ID:2;Parent:Node1;RelativeOrder:1;Relativesize:45%;Padding:{0,0,0,0};SplitNumber:2;splitDirection:vertical;};Node{ID:3;Parent:Node1;RelativeOrder:2;Relativesize:55%;Padding:{0,0,0,0};SplitNumber:2;splitDirection:vertical;};Node{ID:4;Parent:Node2;RelativeOrder:1;Relativesize:70%;Padding:{0,0,0,0};SplitNumber:0;};Node{ID:5;Parent:Node2;RelativeOrder:2;Relativesize:30%;Padding:{0,0,0,0};Split本文档来自技高网...

【技术保护点】
1.一种基于网格树形的海报布局设计工具，其特征在于，包括如下步骤：步骤（1）、根据用户的划分设定对已设计好的海报进行n个网格元素的逐级划分，同时对各个网格元素之间的树形父子关系进行设定；步骤（2）、获取各个网格元素的数据结构，网格元素的数据结构表示为Node; Node中包括有如下属性：元素ID、父元素ID、元素尺寸、相对尺寸、边距、同级元素顺序、可分割数目、分割方向；其中，分割方向属性依赖于可分割数目属性，当可分割数目为0时，分割方向无效；当父元素ID为None时，元素尺寸不能为None；所述海报整体的树形布局表示为Tree，Tree={Node‑1，Node‑2，……，Node‑n，n∈（1,2, ……，n）}，Node‑n表示第n个网格元素；步骤（3）、定义同级元素的自由换位规则，同级元素为具有相同父元素的子元素，在自由换位规则下，同级元素之间的位置可以互换，并且同级元素位置互换时，所有同级子元素随对应的同级元素同时换位，同级子元素为具有相同的同级元素的子元素；定义同级元素的自由旋转的规则，同级元素为具有相同父元素的子元素，在自由旋转规则下，同级元素能够进行旋转，并且同级元素旋转时，所有同级子元素随对应的同级元素同时旋转，同级子元素为具有相同的同级元素的子元素；则通过自由换位规则和自由旋转规则的组合执行实现动态布局调整。...

【技术特征摘要】
1.一种基于网格树形的海报布局设计工具，其特征在于，包括如下步骤：步骤（1）、根据用户的划分设定对已设计好的海报进行n个网格元素的逐级划分，同时对各个网格元素之间的树形父子关系进行设定；步骤（2）、获取各个网格元素的数据结构，网格元素的数据结构表示为Node;Node中包括有如下属性：元素ID、父元素ID、元素尺寸、相对尺寸、边距、同级元素顺序、可分割数目、分割方向；其中，分割方向属性依赖于可分割数目属性，当可分割数目为0时，分割方向无效；当父元素ID为None时，元素尺寸不能为None；所述海报整体的树形布局表示为Tree，Tree={Node-1，Node-2，……，Node-n，n∈（1,2,……，n）}，Node-n表示第n个网格元素；步骤（3）、定义同级元素的自由换位规则，同级元素为具有相同父元素的子元素，在自由换位规则下，同级元素之间的位置可以互换，并且同级元素位置互换时，所有同级子元素随对应的同级元素同时换位，同级子元素为具有相同的同级元素的子元素；定义同级元素的自由旋转的规则，同级元素为具有相同父元素的子元素，在自由旋转规则下，同级元素能够进行旋转，并且同级元素旋转时，所有同级子元素随对应的同级元素同时旋转，同级子元素为具有相同的同级元素的子元素；则通过自由换位规则和自由旋转规则的组合执...

【专利技术属性】
技术研发人员：李荣陆，
申请(专利权)人：上海沐传工业设计有限公司，
类型：发明
国别省市：上海,31