用于图形设计的可变尺寸版本编辑制造技术

技术编号:12854959 阅读:65 留言:0更新日期:2016-02-11 19:29
提供用于允许用户指定交互式图形设计的计算机实现的方法。图形设计可以包括多个尺寸版本,诸如平板尺寸版本或电话尺寸版本。一些方法涉及将设计的第一尺寸版本定义为设计的第二尺寸版本的孩子的继承结构。根据继承规格,将图形设计中的小配件的属性的规格应用于设计。一些方法涉及确定跨越不同尺寸版本的继承结构如何影响小配件的属性的继承特征化。一些方法小配件的存在属性。

【技术实现步骤摘要】
【国外来华专利技术】【专利说明】用于图形设计的可变尺寸版本编辑相关申请交叉引用本申请要求于2013年9月12日提交的第14/025,745号美国申请的优先权,该美国申请是于2013年5月7日提交的第13/889,329号美国申请以及于2013年5月7日提交的第13/889,331号美国申请的部分继续申请案;通过引用将它们的全部内容并入本文。
技术介绍
随着被普通公众用于呈现和消耗图形媒体的不同屏幕大小的激增,响应式(responsive)图形设计工具的重要性也已经提升。对于网页和网站的设计,响应式设计工具和技术特别重要。由于几乎每个电子设备现在都能够访问因特网,并且人们变得不太容忍小屏幕大小成为他们的网络浏览体验的阻碍,所以网络设计流程必须从头至尾地考虑变化的屏幕大小。此外,媒体消耗者期待能够在屏幕上操纵个体窗口的大小以基于它们的相对重要性来对不同的窗口分配屏幕实际情况的所期望的量。因此,即使设计旨在用于单个设备上的消耗,也必须考虑图形设计的响应性。最后,某些设备能够在诸如纵向定向和横向定向这样的不同的定向上呈现设计。因此,期望具有针对这些定向中的每一个所指定的设计的不同版本。响应式网络设计一般包含两个主要步骤。首先,由设计者提供一组尺寸规格(dimens1n specificat1n)。这些尺寸规格将用于定义将呈现设计的特定版本的目标尺寸,或者用作设计将从一个版本切换到另一个版本的触发点。例如,设计者可以对具有3.5英寸对角线的智能电话屏幕指定设计的一个版本,而对具有10英寸对角线的平板屏幕指定设计的另一个版本;或者设计者可以指定设计在浏览器窗口中的呈现空间的大小减小到10英寸的宽度以下时从一个版本切换到另一个版本。图1示出针对处于纵向定向100和横向定向101的智能电话屏幕所指定的响应式设计。纵向定向100和横向定向101各自显示单个响应式设计的不同尺寸版本。注意,处于纵向定向100的主角图像102、标题文本103和链接列表104以与处于横向定向101的主角图像105、标题文本106和链接列表107完全不同的配置来布局。不管如何选择或描绘不同尺寸,响应式设计的所需设计工作量的增加与必须对其指定设计的不同的大小的数量成比例地上升。例如,指定以纵向定向100和横向定向101示出的响应式设计所需的工作可能几乎是指定单个非响应式设计所需工作的两倍。图形设计者和开发者已经发现自己面临制作针对不同呈现空间而优化的相同设计的不同版本的艰巨任务。响应式图形设计工具寻求减轻指定所有这些不同版本的负担。响应式图形设计的相关方法已经包括用于修改设计的自动化例程,诸如在提供给设计的呈现空间减少时自动减少设计元件之间的空白处、减小字体大小以及减小图像大小。其它方法关注于通过将设计从一个尺寸版本自动地复制到用于指定设计的不同尺寸版本的区域中来减轻手动指定处理。例如,一旦设计者请求了定义设计的横向版本的能力,处于图1中的纵向定向100的设计元件就自动地被工具自动复制到横向定向设计窗口中。结果将略似于以横向定向108所示出的。然后,图形设计者将能够对新设计窗口中的复制元件重新布置和调整大小以创建以横向定向101示出的版本。
技术实现思路
在本文中公开一种用于允许用户指定响应式网页设计的计算机实现的方法。该方法包括为用户生成网页的第一尺寸版本的呈现。该呈现包括交互式小配件(widget)。该方法还包括从用户接收继承结构规格。继承结构规格定义将网页的第二尺寸版本定义为第一尺寸版本的孩子(child)的继承结构。该方法还包括在用户正在编辑第一尺寸版本的同时从用户接收交互式小配件的第一属性的小配件属性规格。该方法还包括在用户正在编辑第一尺寸版本的同时对第一尺寸版本和第二尺寸版本存储小配件属性规格。如果在用户正在编辑第二尺寸版本的同时已经接收到小配件属性规格,则对第一尺寸版本,将不存储交互式小配件属性规格。在本文中还公开另一种用于允许用户指定交互式图形设计的计算机实现的方法。该方法包括从用户接收继承特征化(characterizat1n)规格。该方法还包括呈现交互式图形设计的第一尺寸版本。根据继承结构,第一尺寸版本与交互式图形设计的第二尺寸版本具有父子关系(parent-child relat1nship)。该方法还包括在用户正在编辑第一尺寸版本的同时从用户接收小配件的小配件属性规格。该方法还包括根据继承结构和继承特征化,对第一尺寸版本和第二尺寸版本存储小配件属性规格。在本文中还公开另一种用于允许用户指定交互式图形设计的计算机实现的方法。该方法包括生成出现小配件的交互式图形设计的第一尺寸版本的呈现。小配件具有存在属性。存在属性具有针对第一尺寸版本的放置值(placed value)。该方法还包括对第二尺寸版本中的小配件的存在属性存储未放置值(unplaced value) ο【附图说明】图1例示在相关技术中存在的响应式图形设计的不同版本。图2例示根据本专利技术的实施例的图形设计工具的图形用户界面。图3例示根据本专利技术的实施例的用于允许用户指定响应式设计的方法的流程图。图4a_b例示图形设计工具的图形用户界面以例示本专利技术的实施例的某些方面。图5例示根据本专利技术的实施例的用于显示设计的响应性的方法的流程图。图6例示根据本专利技术的实施例的用于使用具有响应式小配件的母版(master)来指定设计的方法的流程图。图7a_d例示响应式图形设计的不同版本以例示本专利技术的实施例的某些方面。图8例示根据本专利技术的实施例的用于使用母版中的容器(container)小配件来指定设计的方法的流程图。图9a_f例示响应式图形设计的不同版本以例示本专利技术的实施例的某些方面。图10例示根据本专利技术的实施例的用于使用不同的编辑模式来指定设计的方法的流程图。图11例示根据本专利技术的实施例的用于对交互式图形设计指定和应用继承结构的方法的流程图。图12例示根据本专利技术的实施例的用于指定交互式图形设计的尺寸版本和继承结构的图形用户界面。图13例示根据本专利技术的实施例的具有尺寸版本和继承结构工具栏的图形设计工具的图形用户界面。图14例示根据本专利技术的实施例的用于对交互式图形设计指定和应用继承结构和继承特征化的方法的流程图。图15例示根据本专利技术的实施例的用于指定带有具有存在属性的小配件的交互式图形设计的方法的流程图。图16例示根据本专利技术的实施例的具有存在属性界面的图形设计工具的图形用户界面。图17例示根据本专利技术的实施例的具有尺寸版本选择器的响应式图形设计的导出的实例化(instantiat1n)的不同部分。图18例示根据本专利技术的实施例的用于导出和显示响应式图形设计的实例化的方法的流程图。图19例示根据本专利技术的实施例的用于呈现响应式图形设计的方法的流程图。图20例示根据本专利技术的实施例的可以使用的计算机系统的框图。【具体实施方式】现在更详细地参照所公开的本专利技术的实施例,其中的一个或多个例子在附图中例示。每个例子用于对本技术进行说明的方式,而不是作为对本技术的限制。事实上,对于本领域技术人员将显而易见的是,在不脱离本技术的精神和范围的情况下,可以在本技术中进行修改和改变。例如,被例示或描述为一个实施例的一部分的特征可以与另一个实施例一起使用,以得到又一实施例。因此,意图是本主题涵盖在所附权利要求及其等同物的范围内的所有这本文档来自技高网
...

【技术保护点】
一种用于允许用户指定响应式网页设计的计算机实现的方法,包括:为用户生成所述网页的第一尺寸版本的呈现,所述呈现包括交互式小配件;从所述用户接收继承结构规格,所述继承结构规格定义将所述网页的第二尺寸版本定义为所述第一尺寸版本的孩子的继承结构;在所述用户正在编辑所述第一尺寸版本的同时,从所述用户接收所述交互式小配件的第一属性的小配件属性规格;以及在所述用户正在编辑所述第一尺寸版本的同时,对所述第一尺寸版本和所述第二尺寸版本存储所述小配件属性规格;其中,如果在用户正在编辑所述第二尺寸版本的同时已经接收到所述小配件属性规格,则对所述第一尺寸版本,将不存储所述交互式小配件属性规格。

【技术特征摘要】
【国外来华专利技术】...

【专利技术属性】
技术研发人员:V许M史密斯I加德纳B弗雷泽
申请(专利权)人:阿克硕尔软件解决方案股份有限公司
类型:发明
国别省市:美国;US

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1