[0001] 本发明涉及海报布局设计技术领域，特别涉及一种基于网格树形的海报布局设计工具。

[0002] 海报设计在现代生活中无处不在，包括包装，广告，活动邀请和个人网站等等。在海报的设计过程中，由于有不同的目标用户，同样海报需要设计来适用于各种尺寸的显示屏，而在应用于不同尺寸的显示屏前，海报通常需要进行内容布局调整以进行适配呈现，保证海报视觉一致性，如当海报从横向变为纵向时，几乎需要调整所有海报元素位置和大小，反之亦然。

[0003] 目前，对于设计师已经设计好的海报，当需要调整海报内容，或者调整海报中视觉元素之间的位置时，由于海报的内容之间具有的关联性，设计师需要花费大量的时间去手动协调调整几乎所有的元素，大大的加重了重复工作量，劳动强度大，工作效率低。

[0022] 现结合附图和具体实施例对本发明进一步说明。

[0023] 实施例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};
SplitNumber:2;
SplitDirection:horizontal;
};
Node
{
ID:6;
Parent:Node3;
RelativeOrder:1;
Relativesize:70%;
Padding:{0,0,0,0};
SplitNumber:0;
};
Node
{
ID:7;
Parent:Node3;
RelativeOrder:2;
Relativesize:30%;
Padding:{0,0,0,0};
SplitNumber:0;
};
Node
{
ID:8;
Parent:Node5;
RelativeOrder:2;
Relativesize:50%;
Padding:{0,0,0,0};
SplitNumber:0;
};
Node
{
ID:9;
Parent:Node5;
RelativeOrder:1;
Relativesize:50%;
Padding:{0,0,0,0};
SplitNumber:0;
};
步骤（3）、定义同级元素的自由换位规则，同级元素为具有相同父元素的子元素，在自由换位规则下，同级元素之间的位置可以互换，并且同级元素位置互换时，所有同级子元素随对应的同级元素同时换位，同级子元素为具有相同的同级元素的子元素；同级元素的自由换位规则具体为运用TransSeq算子组合进行同级元素的顺序调整：
；
；
；
其
中，K1表示需要进行顺序调整的网格元素的父元素ID；PeerEleLevel表示同级元素的级数，即同级元素的父元素ID；Node-n.Parent表示第n个网格元素的父元素ID；m表示具有同样PeerEleLevel的元素数目；其中，通过length函数得到具有同样PeerEleLevel的元素的数目；通过unique函数得到所有PeerEleLevel的可能取值；则通过不同的K1的取值可以生成不同的顺序布局。

[0024] 当K1取值为1，即同级元素的自由换位规则为{ TransSeq（1）} ，执行过程、布局示意和布局效果如图6-8所示。

[0025] 实施例2实施例2所述基于网格树形的海报布局设计工具与实施例1基本一致，差别在于，实施例2中在步骤3定义同级元素的自由旋转的规则，同级元素为具有相同父元素的子元素，在自由旋转规则下，同级元素能够进行旋转，并且同级元素旋转时，所有同级子元素随对应的同级元素同时旋转，同级子元素为具有相同的同级元素的子元素；同级元素的自由旋转的规则为运用TransAngel算子进行同级元素的横纵旋转：
；
其中，K2表示需要进行旋转调整的网格元素的父元素ID； 
PeerEleLevel.newSplitDirection表示同级元素新分割方向，PeerEleLevel. SplitDirection表示同级元素原分割方向；同时定义若网格元素为文字元素，在执行同级元素的横纵旋转后，文字元素的排列设置会发生如下转化：左对齐转换为上对齐；右对齐转换为下对齐；上对齐转换为左对齐；下对齐转换为右对齐；水平居中和垂直居中则不发生变化；则通过不同的K2的取值可以生成不同的旋转布局。

[0026] 当K2取值为1，即同级元素的自由换位规则为{ TransAngel（1）} ，执行过程、布局示意和布局效果如图9-11所示。

[0027] 实施例3实施例3所述基于网格树形的海报布局设计工具与实施例1基本一致，差别在于，实施例3中在步骤3执行{ TransSeq（K1），TransAngel（K2）}的多组合规则，布局效果可如图12所示的多种布局可能。

[0028] 综上所述设计的基于网格树形的海报布局设计工具，可以根据一张海报生成其顺序和角度变化的多张海报，可以极大减轻设计师的重复劳动，实用性强。

[0029] 以上所记载，仅为利用本创作技术内容的实施例，任何熟悉本项技艺者运用本创作所做的修饰、变化，皆属本创作主张的专利范围，而不限于实施例所揭示者。