CN107015793A - 设计稿适配方法、装置及系统 - Google Patents
设计稿适配方法、装置及系统 Download PDFInfo
- Publication number
- CN107015793A CN107015793A CN201611142430.2A CN201611142430A CN107015793A CN 107015793 A CN107015793 A CN 107015793A CN 201611142430 A CN201611142430 A CN 201611142430A CN 107015793 A CN107015793 A CN 107015793A
- Authority
- CN
- China
- Prior art keywords
- original text
- design original
- layer element
- source
- adaptation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 230000006978 adaptation Effects 0.000 title claims abstract description 101
- 238000000034 method Methods 0.000 title claims abstract description 30
- 230000003044 adaptive effect Effects 0.000 claims description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 5
- 108010014173 Factor X Proteins 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000005303 weighing Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明提供了一种设计稿适配方法、装置及系统，通过对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子之后，获取用于描述所述源设计稿中各个图层元素调整需求的适配属性，进而根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。由于用户仅需要确定目标设计稿的尺寸，以及各个图层元素的适配属性，便可以实现设计稿的适配过程，无需手动进行缩放，节省了人力，提高了设计稿的适配效率。
Description
技术领域
本发明涉及信息处理技术，尤其涉及一种设计稿适配方法、装置及系统。
背景技术
随着终端设备和互联网技术的不断发展，移动客户端产品的视觉设计越来越多地受到重视。对移动客户端产品进行开发过程中，有专门的设计人员对用户界面(UserInterface，UI)进行设计。但由于不同的终端设备具有不同的屏幕尺寸和分辨率，因而，还需要针对UI设计稿，依据不同终端设备的屏幕参数进行适配，以在各种终端设备上都能够获得较好的呈现效果。
现有技术中，往往需要设计人员采用手动调节方式，进行设计稿适配，也就是将设计稿中所有元素，通过手动方式进行缩小或放大，从而生成多种尺寸的设计稿。显然，采用这种方式设计稿的适配效率较为低下。
发明内容
本发明提供一种设计稿适配方法、装置及系统，用于解决现有技术中需要手动调节方式进行设计稿适配所导致的适配效率较低的技术问题。
为达到上述目的，本发明的实施例采用如下技术方案：
第一方面，本发明实施例提供了一种设计稿适配系统，包括：设计软件和插件，所述插件通过应用程序接口与所述设计软件连接；
所述设计软件，用于生成源设计稿；
所述插件，用于对目标设计稿的尺寸和所述源设计稿的尺寸之间的比例关系进行计算得到比例因子；获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到所述目标设计稿。
第二方面，本发明实施例提供了一种设计稿适配方法，包括：
对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子；
获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；
根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。
第三方面，本发明实施例提供了一种设计稿适配装置，包括：
计算模块，用于对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子；
获取模块，用于获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；
调整模块，用于根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。
本发明实施例所提供的设计稿适配方法、装置及系统，通过对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子之后，获取用于描述所述源设计稿中各个图层元素调整需求的适配属性，进而根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。由于用户仅需要确定目标设计稿的尺寸，以及各个图层元素的适配属性，便可以实现设计稿的适配过程，无需手动进行缩放，节省了人力，提高了设计稿的适配效率。
附图说明
本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：
图1为本发明实施例提供的一种设计稿适配系统的结构示意图；
图2为本发明实施例所提供的设计稿适配方法的流程示意图；
图3为输入界面的示意图之一；
图4为输入界面的示意图之二；
图5为适配属性的示意图；
图6为输入界面的示意图之三；
图7为设计稿的适配示意图；
图8为本发明实施例提供的一种设计稿适配装置的结构示意图。
具体实施方式
下面结合附图对本发明实施例提供的设计稿适配方法、装置及系统进行详细描述。
图1为本发明实施例提供的一种设计稿适配系统的结构示意图，如图1所示，设计稿适配系统包括：设计软件和插件。
其中，设计软件和插件，插件通过应用程序接口(API)与设计软件连接。
具体地，设计软件，用于生成移动客户端产品的源设计稿。例如，这里的设计软件可以为Sketch软件。
插件，用于对目标设计稿的尺寸和所述源设计稿的尺寸之间的比例关系进行计算得到比例因子；获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到所述目标设计稿。
设计人员可以通过设计软件设计源设计稿，在完成源设计稿的设计之后，可以通过该插件，与多种类型的终端设备进行适配，得到分别与对应终端设备匹配的多个目标设计稿。从而可以将所获得的多个目标设计稿应用于所适配的终端设备，保证在各个终端设备上，UI设计都能够获得较好的呈现效果。
本实施例中的插件，支持用户通过在输入界面上输入的方式，自定义各个图层元素的适配规则，从而能够在依据比例因子进行缩放过程中，增加图层元素的缩放灵活性，使得缩放得到的目标设计稿在终端设备上具有较好的呈现效果。具体来说，插件通过对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子之后，获取用于描述所述源设计稿中各个图层元素调整需求的适配属性，进而根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。由于用户仅需要确定目标设计稿的尺寸，以及各个图层元素的适配属性，便可以实现设计稿的适配过程，无需手动进行缩放，节省了人力，提高了设计稿的适配效率。
为了清楚说明插件所执行的设计稿适配过程，本实施例还提供了一种设计稿适配方法，图2为本发明实施例所提供的设计稿适配方法的流程示意图，如图2所示，插件所执行的设计稿适配方法包括：
步骤201，对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子。
具体地，用户已通过设计软件在源画板上获得了源设计稿，为了在与终端设备匹配的目标画板上呈现目标设计稿，可以通过API接口调用本实施例中的插件。插件在运行过程中，通过图3所示的输入界面获取用户所选定的目标设计稿所需适配的终端设备，插件可以通过计算该终端设备的逻辑尺寸与该终端设备的屏幕缩放因子的乘积，得到目标设计稿的物理像素尺寸，也可以直接查询得到该终端设备的物理像素尺寸。进而，插件通过计算目标设计稿的物理像素尺寸与源设计稿的物理像素尺寸之间的比值，得到比例因子。
其中，源设计稿的物理像素尺寸等于源设计稿的逻辑尺寸与源设计稿所适配的源屏幕的屏幕缩放因子的乘积。
为了便于用户对目标设计稿的尺寸进行输入，可以预先设定一些常用终端设备的选项以便用户进行选择，若选项中不存在所需的尺寸，用户可以手动进行输入。例如：图3中预先设定了一些常用终端设备的型号，供用户进行选择。插件在通过如图3所示的输入界面，获取到用户所选定的目标设计稿所需适配的终端设备之后，插件在设计软件上生成匹配该终端设备的目标画板，通常目标画板的尺寸与终端设备的屏幕尺寸相同，以便在该目标画板上呈现与该终端设备适配的目标设计稿中各个图层元素。
需要说明的是，一般情况下，这里所提及的尺寸为宽度或者高度。在图3所示的输入界面中所标识的尺寸具体为逻辑尺寸，还是物理像素尺寸，可以与用户进行约定，一般来说，图3中所标识的尺寸为物理像素尺寸。
为了便于读者理解，下面将对物理像素尺寸和逻辑尺寸进行简要介绍。
在衡量屏幕尺寸时，可以采用两种不同的尺寸类型，一种是指开发时使用的逻辑尺寸，另一种是设计时习惯使用的物理像素尺寸，也称为像素尺寸。逻辑尺寸的单位为逻辑分辨率(point)，物理像素尺寸的单位为像素分辨率(pixel)，逻辑尺寸和设备尺寸之间符合一定的比例关系，这个比例关系称为屏幕缩放因子，也就是图3中“@”后的取值，一般情况下，屏幕缩放因子的取值为1、2或3。
步骤202，获取用于描述源设计稿中各个图层元素调整需求的适配属性。
其中，用户可以在设计软件的画板上添加绘制各种图层元素，或者说，画板是由各种图层元素构成的，根据图层元素的内容不同，可以划分为不同类别，例如：内容为文字的，可以作为文本(Text)图层；内容为图片的可以作为图片(Bitmap)图层，另外，还可以有内容为控件的控件图层等等。
具体地，如图4所示的输入界面用于输入各图层元素的适配属性，由于适配属性用于进行缩放处理，从而也称为缩放属性。其中，适配属性用于指示尺寸属性和/或页边距属性所对应的缩放状态。用户可以手工定义图层元素的6种属性所对应的缩放状态，这里的属性可以包括尺寸属性和/或页边距属性。具体来说，如图5所示，尺寸属性至少包括高和宽，页边距属性至少包括上边距、下边距、左边距和右边距，而缩放状态可以包括固定、缩放以及保持宽高比例缩放。通过用户所定义的适配属性，可以确定在适配设计稿时，源设计稿的高宽和上下左右边距是否固定、缩放、保持宽高比例缩放。
进一步，适配属性还用于指示图层元素的对齐方式，在图4所示的输入界面中，用户也可以选择一些图层元素的类型，比如文本图层元素、控件图层元素等，指定这些图层元素所需执行的对齐方式，例如：左、右、上和/或下对齐，插件会自动定义6种属性的状态值。比如，若用户的图4所示的输入界面中勾选“Alignment Left”，则左边距尺寸不变，高宽上下右边距尺寸缩放。
进一步，在用户在图4所示的输入界面中输入适配属性之前，还可以在图6所示的输入界面中输入适用于目标画板中的通用规则，通用规则可以包括：
字体是否随源设计稿各图层元素进行缩放；和/或，各图层元素垂直方向的间距是否变化；和/或，用于呈现目标设计稿的目标画板，与所述目标设计稿所适配的终端设备屏幕的仿真程度。
作为一种可能的实现方式，在用户自定义适配属性之后，可以针对每一个图层元素，根据对应的适配属性，生成具有一定含义的后缀，以便在目标画板中生成目标设计稿的过程中，依据各个图层元素的后缀，采用后缀指示的适配属性进行缩放处理。
步骤203，根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。
具体地，针对源设计稿中各图层元素，在满足所述通用规则的条件下，所述插件按照所述图层元素的适配属性，以所述比例因子进行缩放得到所述目标设计稿。
在一种可能的实现方式中，在满足通用规则的条件下，插件对源设计稿中的每一图层元素，依据所述比例因子进行缩放；插件按照所述图层元素的适配属性，对缩放后的图层元素进行调整；插件根据调整后的图层元素，生成目标设计稿。
进一步，在插件对源设计稿中的每一图层元素，依据所述比例因子进行缩放之前，还可以对源设计稿中的各个图层元素进行预处理，以解决不同版本设计软件之间的兼容问题对缩放所造成的影响。
为了清楚说明适配效果，图7为设计稿的适配示意图，如图7所示，针对源画板上的源设计稿中的各个图层元素，分别依据对应的适配属性，以比例因子X进行缩放，得到了目标画板中的目标设计稿。如图7所示，从源画板至目标画板中，源设计稿中的一些图层元素发生了缩放，而另一些则未进行缩放，同时，针对图层元素执行了上对齐或者固定上边距的方式，使得目标画板中的目标设计稿比例协调，呈现了较为美观的效果。
在插件实际运行过程中，图3、图4和图6所示的输入界面的显示顺序可以进行适当调整，本实施例中对于输入界面的显示顺序不做限定。
可见，本实施例所提供的设计稿适配方法，通过对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子之后，获取用于描述所述源设计稿中各个图层元素调整需求的适配属性，进而根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。由于用户仅需要确定目标设计稿的尺寸，以及各个图层元素的适配属性，便可以实现设计稿的适配过程，无需手动进行缩放，节省了人力，提高了设计稿的适配效率。
本发明实施例还提供了一种设计稿适配装置，用于执行前述设计稿适配方法，图8为本发明实施例提供的一种设计稿适配装置的结构示意图，如图8所示，装置包括：计算模块81、获取模块82和调整模块83。
计算模块81，用于对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子。
获取模块82，用于获取用于描述所述源设计稿中各个图层元素调整需求的适配属性。
调整模块83，用于根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。
作为一种可能的实现方式，计算模块81，具体用于通过输入界面获取用户所选定的所述目标设计稿所需适配的终端设备；计算所述终端设备的逻辑尺寸与所述终端设备的屏幕缩放因子的乘积，得到所述目标设计稿的物理像素尺寸；计算所述目标设计稿的物理像素尺寸与所述源设计稿的物理像素尺寸之间的比值，得到所述比例因子。
获取模块82，具体用于获取用户所输入的各图层元素的适配属性；所述适配属性用于指示尺寸属性和/或页边距属性所对应的缩放状态。适配属性还用于指示所述图层元素的对齐方式。
调整模块83，具体用于对所述源设计稿中的每一图层元素，依据所述比例因子进行缩放；按照所述图层元素的适配属性，对缩放后的所述图层元素进行调整；根据调整后的图层元素，生成所述目标设计稿。
进一步，在调整模块83对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿之前，获取模块82还用于获取用户所选择的通用规则。
其中，所述通用规则包括：
字体是否随源设计稿各图层元素进行缩放；
和/或，各图层元素垂直方向的间距是否变化；
和/或，用于呈现目标设计稿的目标画板，与所述目标设计稿所适配的终端设备屏幕的仿真程度。
基于此，调整模块83针对所述源设计稿中各图层元素，在满足所述通用规则的条件下，按照所述图层元素的适配属性，以所述比例因子进行缩放得到所述目标设计稿。
本实施例所提供的设计稿适配装置，通过对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子之后，获取用于描述所述源设计稿中各个图层元素调整需求的适配属性，进而根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。由于用户仅需要确定目标设计稿的尺寸，以及各个图层元素的适配属性，便可以实现设计稿的适配过程，无需手动进行缩放，节省了人力，提高了设计稿的适配效率。
本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (17)
1.一种设计稿适配系统，其特征在于，包括：设计软件和插件，所述插件通过应用程序接口与所述设计软件连接；
所述设计软件，用于生成源设计稿；
所述插件，用于对目标设计稿的尺寸和所述源设计稿的尺寸之间的比例关系进行计算得到比例因子；获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到所述目标设计稿。
2.根据权利要求1所述的设计稿适配系统，其特征在于，所述插件根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿，包括：
所述插件对所述源设计稿中的每一图层元素，依据所述比例因子进行缩放；
所述插件按照所述图层元素的适配属性，对缩放后的所述图层元素进行调整；
所述插件根据调整后的图层元素，生成所述目标设计稿。
3.根据权利要求1所述的设计稿适配系统，其特征在于，所述插件对目标设计稿的尺寸和所述源设计稿的尺寸之间的比例关系进行计算得到比例因子，包括：
所述插件通过输入界面获取用户所选定的所述目标设计稿所需适配的终端设备；
所述插件计算所述终端设备的逻辑尺寸与所述终端设备的屏幕缩放因子的乘积，得到所述目标设计稿的物理像素尺寸；
所述插件计算所述目标设计稿的物理像素尺寸与所述源设计稿的物理像素尺寸之间的比值，得到所述比例因子。
4.根据权利要求1-3任一项所述的设计稿适配系统，其特征在于，所述输入界面用于输入各图层元素的适配属性；所述适配属性用于指示尺寸属性和/或页边距属性所对应的缩放状态。
5.根据权利要求4所述的设计稿适配系统，其特征在于，所述适配属性还用于指示所述图层元素的对齐方式。
6.根据权利要求1-3任一项所述的设计稿适配系统，其特征在于，所述插件对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿之前，还包括：
所述插件通过输入界面获取用户所选择的通用规则；
其中，所述通用规则包括：
字体是否随源设计稿各图层元素进行缩放；
和/或，各图层元素垂直方向的间距是否变化；
和/或，用于呈现目标设计稿的目标画板，与所述目标设计稿所适配的终端设备屏幕的仿真程度。
7.根据权利要求6所述的设计稿适配系统，其特征在于，所述插件根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿，包括：
针对所述源设计稿中各图层元素，在满足所述通用规则的条件下，所述插件按照所述图层元素的适配属性，以所述比例因子进行缩放得到所述目标设计稿。
8.一种设计稿适配方法，其特征在于，包括：
对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子；
获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；
根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。
9.根据权利要求8所述的设计稿适配方法，其特征在于，所述根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿，包括：
对所述源设计稿中的每一图层元素，依据所述比例因子进行缩放；
按照所述图层元素的适配属性，对缩放后的所述图层元素进行调整；
根据调整后的图层元素，生成所述目标设计稿。
10.根据权利要求8所述的设计稿适配方法，其特征在于，所述对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子，包括：
获取用户所选定的所述目标设计稿所需适配的终端设备；
计算所述终端设备的逻辑尺寸与所述终端设备的屏幕缩放因子的乘积，得到所述目标设计稿的物理像素尺寸；
计算所述目标设计稿的物理像素尺寸与所述源设计稿的物理像素尺寸之间的比值，得到所述比例因子。
11.根据权利要求8-10任一项所述的设计稿适配方法，其特征在于，所述获取用于描述所述源设计稿中各个图层元素调整需求的适配属性，包括：
获取用户所输入的各图层元素的适配属性；所述适配属性用于指示尺寸属性和/或页边距属性所对应的缩放状态。
12.根据权利要求11所述的设计稿适配方法，其特征在于，所述适配属性还用于指示所述图层元素的对齐方式。
13.根据权利要求8-10任一项所述的设计稿适配方法，其特征在于，所述对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿之前，还包括：
获取用户所选择的通用规则；
其中，所述通用规则包括：
字体是否随源设计稿各图层元素进行缩放；
和/或，各图层元素垂直方向的间距是否变化；
和/或，用于呈现目标设计稿的目标画板，与所述目标设计稿所适配的终端设备屏幕的仿真程度。
14.根据权利要求13所述的设计稿适配方法，其特征在于，所述根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿，包括：
针对所述源设计稿中各图层元素，在满足所述通用规则的条件下，按照所述图层元素的适配属性，以所述比例因子进行缩放得到所述目标设计稿。
15.一种设计稿适配装置，其特征在于，包括：
计算模块，用于对目标设计稿的尺寸，以及源设计稿的尺寸之间的比例关系进行计算得到比例因子；
获取模块，用于获取用于描述所述源设计稿中各个图层元素调整需求的适配属性；
调整模块，用于根据所述各个图层元素的适配属性，对所述源设计稿中的对应图层元素，依据所述比例因子进行缩放得到目标设计稿。
16.根据权利要求15所述的设计稿适配装置，其特征在于，所述调整模块，具体用于对所述源设计稿中的每一图层元素，依据所述比例因子进行缩放；按照所述图层元素的适配属性，对缩放后的所述图层元素进行调整；根据调整后的图层元素，生成所述目标设计稿。
17.根据权利要求15所述的设计稿适配装置，其特征在于，
所述计算模块，具体用于通过输入界面获取用户所选定的所述目标设计稿所需适配的终端设备；计算所述终端设备的逻辑尺寸与所述终端设备的屏幕缩放因子的乘积，得到所述目标设计稿的物理像素尺寸；计算所述目标设计稿的物理像素尺寸与所述源设计稿的物理像素尺寸之间的比值，得到所述比例因子。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611142430.2A CN107015793A (zh) | 2016-12-12 | 2016-12-12 | 设计稿适配方法、装置及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611142430.2A CN107015793A (zh) | 2016-12-12 | 2016-12-12 | 设计稿适配方法、装置及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107015793A true CN107015793A (zh) | 2017-08-04 |
Family
ID=59439643
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611142430.2A Pending CN107015793A (zh) | 2016-12-12 | 2016-12-12 | 设计稿适配方法、装置及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107015793A (zh) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108415754A (zh) * | 2018-03-15 | 2018-08-17 | 万帮充电设备有限公司 | Android UI适配方法及装置 |
| CN108537220A (zh) * | 2018-03-21 | 2018-09-14 | 李荣陆 | 一种使原平面设计在新尺寸下自动适配的装置 |
| CN108829474A (zh) * | 2018-05-28 | 2018-11-16 | 深圳市共进电子股份有限公司 | 移动端界面的适配方法、装置、移动终端及存储介质 |
| CN109408165A (zh) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | 数据可视化系统的多终端自适应方法及系统 |
| CN111540033A (zh) * | 2019-01-18 | 2020-08-14 | 北京京东尚科信息技术有限公司 | 图像制作方法、装置、浏览器、计算机设备及存储介质 |
| CN111857703A (zh) * | 2020-07-31 | 2020-10-30 | 北京爱奇艺科技有限公司 | 一种界面中图层的匹配方法、装置及电子设备 |
| CN111881049A (zh) * | 2020-07-31 | 2020-11-03 | 北京爱奇艺科技有限公司 | 一种应用程序界面的验收方法、装置及电子设备 |
| CN113961158A (zh) * | 2021-09-08 | 2022-01-21 | 北京房江湖科技有限公司 | 一种跨平台的画笔同步方法及装置 |
| CN107918648B (zh) * | 2017-11-09 | 2022-03-25 | 上海欣兆阳信息科技有限公司 | 一种平面设计模板库的建立和模板查找方法 |
| CN114647393A (zh) * | 2022-03-04 | 2022-06-21 | 北京达佳互联信息技术有限公司 | 屏幕适配方法、装置、服务器及存储介质 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103885755A (zh) * | 2012-12-19 | 2014-06-25 | 腾讯科技（深圳）有限公司 | 自绘控件的屏幕适配实现方法及实现装置 |
| CN104239326A (zh) * | 2013-06-17 | 2014-12-24 | 腾讯科技（深圳）有限公司 | 一种对网页字体进行缩放的方法、装置和系统 |
-
2016
- 2016-12-12 CN CN201611142430.2A patent/CN107015793A/zh active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103885755A (zh) * | 2012-12-19 | 2014-06-25 | 腾讯科技（深圳）有限公司 | 自绘控件的屏幕适配实现方法及实现装置 |
| CN104239326A (zh) * | 2013-06-17 | 2014-12-24 | 腾讯科技（深圳）有限公司 | 一种对网页字体进行缩放的方法、装置和系统 |
Non-Patent Citations (3)
| Title |
|---|
| MATT CURTIS: "Fluid for Sketch 1.7.4", 《HTTPS://GITHUB.COM/MATT-CURTIS/FLUID-FOR-SKETCH/BLOB/V1.7.4/README.MD》 * |
| 没故事的卓同学: "细说sketch 39新必杀：Resizing，创建响应式UI", 《HTTPS://WWW.JIANSHU.COM/P/492C386E06AE》 * |
| 空中海: "iOS 屏幕尺寸、逻辑分辨率、物理分辨率之间的相互关系", 《HTTPS://BLOG.CSDN.NET/LIUYINGHUI523/ARTICLE/DETAILS/51658461》 * |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107918648B (zh) * | 2017-11-09 | 2022-03-25 | 上海欣兆阳信息科技有限公司 | 一种平面设计模板库的建立和模板查找方法 |
| CN108415754A (zh) * | 2018-03-15 | 2018-08-17 | 万帮充电设备有限公司 | Android UI适配方法及装置 |
| CN108537220A (zh) * | 2018-03-21 | 2018-09-14 | 李荣陆 | 一种使原平面设计在新尺寸下自动适配的装置 |
| CN108829474A (zh) * | 2018-05-28 | 2018-11-16 | 深圳市共进电子股份有限公司 | 移动端界面的适配方法、装置、移动终端及存储介质 |
| CN109408165A (zh) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | 数据可视化系统的多终端自适应方法及系统 |
| CN111540033A (zh) * | 2019-01-18 | 2020-08-14 | 北京京东尚科信息技术有限公司 | 图像制作方法、装置、浏览器、计算机设备及存储介质 |
| CN111857703A (zh) * | 2020-07-31 | 2020-10-30 | 北京爱奇艺科技有限公司 | 一种界面中图层的匹配方法、装置及电子设备 |
| CN111881049A (zh) * | 2020-07-31 | 2020-11-03 | 北京爱奇艺科技有限公司 | 一种应用程序界面的验收方法、装置及电子设备 |
| CN111881049B (zh) * | 2020-07-31 | 2024-03-08 | 北京爱奇艺科技有限公司 | 一种应用程序界面的验收方法、装置及电子设备 |
| CN111857703B (zh) * | 2020-07-31 | 2024-06-04 | 北京爱奇艺科技有限公司 | 一种界面中图层的匹配方法、装置及电子设备 |
| CN113961158A (zh) * | 2021-09-08 | 2022-01-21 | 北京房江湖科技有限公司 | 一种跨平台的画笔同步方法及装置 |
| CN114647393A (zh) * | 2022-03-04 | 2022-06-21 | 北京达佳互联信息技术有限公司 | 屏幕适配方法、装置、服务器及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107015793A (zh) | 设计稿适配方法、装置及系统 | |
| Panozzo et al. | Robust image retargeting via axis‐aligned deformation | |
| CN111984351B (zh) | 页面适配方法、电子设备、计算机可读存储介质 | |
| US10388045B2 (en) | Generating a triangle mesh for an image represented by curves | |
| US11341324B2 (en) | Automatic template generation with inbuilt template logic interface | |
| US20160275054A1 (en) | Webpage display method and device | |
| KR101494844B1 (ko) | 메타 데이터를 이용한 차트 변환 시스템 및 그 방법 | |
| CN111428457A (zh) | 数据表的自动格式化 | |
| WO2015089477A1 (en) | Techniques for programmatic magnification of visible content elements of markup language documents | |
| CN108241505A (zh) | 一种页面适配方法及装置 | |
| CN109683895A (zh) | 基于css预处理器的网页适配多种浏览器尺寸的方法及系统 | |
| CN105335445A (zh) | 布局显示方法和装置 | |
| CN106933887A (zh) | 一种数据可视化方法及装置 | |
| US8898561B2 (en) | Method and device for determining a display mode of electronic documents | |
| CN109213480B (zh) | 一种开发后台管理页面的方法、存储介质、设备及系统 | |
| CN107592334A (zh) | 一种信息推广方法、装置及设备 | |
| KR20150016565A (ko) | 애플리케이션의 문자를 조절하는 방법, 장치, 단말기, 프로그램 및 기록매체 | |
| AU2019200269B2 (en) | An interactive user interface and its corresponding engine for improving image completion quality | |
| US20160232151A1 (en) | Responsive course design system and method | |
| US7337393B2 (en) | Methods and systems for providing an editable visual formatting model | |
| US11144717B2 (en) | Automatic generation of document layouts | |
| US20180046600A1 (en) | Method and apparatus for generating a font of which style is changeable | |
| JP2016095501A (ja) | 電子表示装置の文書配置 | |
| US10482173B2 (en) | Quality distributions for automated document | |
| CN116193159A (zh) | 一种图像数据调整方法、装置、电子设备及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20201016 Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands Applicant after: Innovative advanced technology Co.,Ltd. Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands Applicant before: Advanced innovation technology Co.,Ltd. Effective date of registration: 20201016 Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman, British Islands Applicant after: Advanced innovation technology Co.,Ltd. Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands Applicant before: Alibaba Group Holding Ltd. |
|
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170804 |