欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
将会是最齐面的部件化开发设计与设计方案手册
时间: 2021-02-28 12:47 浏览次数:
部件化实际上是一个很早以前就会有的定义了,其实不多新奇,都不难了解。特别是在是针对程序编写开发设计工作人员来讲,对于此事应当也是了解。如今天本文,我做为一个UI设计
\
部件化实际上是一个很早以前就会有的定义了,其实不多新奇,都不难了解。特别是在是针对程序编写开发设计工作人员来讲,对于此事应当也是了解。如今天本文,我做为一个UI设计方案师来谈一谈我针对部件化开发设计与设计方案的一些念头,进而协助设计方案师们掌握程序猿是怎样开展部件化开发设计的,如何的设计方案才可以更强的便捷程序猿迅速落地式完成,你又应当出示什么设计方案文档,帮助程序猿部件化开发设计。难道说仅仅实际效果图和网页切图吗?毫无疑问并不是。 什么叫部件化? \ 部件化在我的了解看来,有点儿相近于积木游戏,如圖所显示,每一块积木便是一个部件,是既单独又统一的。由于单独,因此它能够随意组成,还可以随便更换和删掉在其中一个部件,其实不会危害总体。可是它又统一于总体,例如上边的积木全是六边形的,你没将会拿一个三角形放入去啊。而部件化便是说,一个总体新项目便是由成千上万个单独的部件构建起來的。部件化的工作中方法信仰单独、详细、随意组成。总体目标便是尽量把设计方案与开发设计中的原素单独化,使它具有详细的部分作用,根据随意组成来组成全部商品。 设计方案师为何还要有部件化逻辑思维呢? 我先来讲说,部件化对设计方案师有哪些益处? 1. 合乎商品作用逻辑性;做为一个UI设计方案师,设计方案最大要的一点便是要合乎商品作用逻辑性,决不是说白了的“漂亮”。而部件化的设计方案核心理念刚好是最能协助设计方案合乎商品作用逻辑性的。 从实践活动认证来说,特殊种类的信息内容,就会有特殊的最佳呈现方法和互动方法,这称为设计方案方式。设计方案方式就应当获取出去做为部件。例如要从好几个层面迅速查找和比照很多数据信息,沒有甚么能比报表方式高效率高些。想像一下,下边这一页面的报表数据信息,制成卡牌式层叠在一起,划一张换一条。或是像淘宝网产品目录那般,一行4列平铺平。那还比照个P啊,客户必须摔电脑鼠标了。 \ 2. 有利于于维持互动一致性;例如说,在一个新项目里,挑选时间应当是统一的互动方法,在全部商品中就应当仅有一种存有方式。因此時间挑选器便是一个部件,一个能够重复使用的部件。假如你沒有部件化逻辑思维,极可能出現很多不一样的時间挑选器,一会儿是滚轮拨盘,一会儿是日历,一会儿也是往下拉目录,那样的设计方案肯定不是能发布的。自然,该统一的地区也有许多,例如:不正确提醒的方式,进展条的互动方法,导航栏栏和按键的款式,表格,往下拉莱单这些。 \ 3. 维持视觉效果设计风格的统一;这一部分关键是视觉效果层面的考虑到,大量款式上的差别,不一样的款式会给商品产生不一样的特性。 就拿到图按键来讲。圆头造型设计主要表现出一种温和亲近的个性特征,同时有益于将留意力聚焦点到在其中內容上。而直角则呈现出一种棱角明晰的结实,界限更为清楚。想想三星手机上和锤子手机上的外型造型设计,二种迥然不一样的觉得。以便维持商品视觉效果设计风格统一,设计方案师应当寻找最好的计划方案,并随处维持统一,不能以太随心所欲所欲。例如说,在相近的页面中,有的按键是方的,有的按键确是圆的,这如何能行呢?乃至于同一商品中,不一样页面的往下拉莱单款式也不一样,这也肯定不是行的。 \ 4. 有利于多设计方案师合作;部件化设计方案是大中型设计方案新项目的必需标准。 例如俩位设计方案师合作,一个在设计方案申请注册页面,一个在设计方案改动登陆密码页面,或是在设计方案某一问卷调查调研的弹出窗口。这在其中都是有表格,2个人设计方案出去不一样如何办?一个外框色调深一点,一个外框色调浅一点?表格的点一下意见反馈实际效果一个是灰黑色表明开启键入,一个是基本色表明开启键入?实际上不理由不一样,应当维持一致。口头上承诺太不便,并且无法确保实行及时,部件化便是最好的处理方法。 \ 5. 有利于改动设计方案;设计方案一直必须改动提升的,一些修改牵涉全局性,声响十分大。 例如管理方法后台管理的页面,左边的核心航是整站通用性的。某一天决策要给它换一套浅色系的设计方案,难道说每一个源代码都改一遍吗?假如商品逻辑性繁杂,源代码有上一百多个呢?你提前准备一个个的改到何时呢?三天?五天?乃至好多个星期,時间便会都花在这里种不经意义的反复劳动者到了。可是假如你一刚开始就按照部件化设计方案,那麼针对设计方案的改动便会是是非非常便捷的,你只必须将核心航这一个部件改成浅色系就可以。改那么一个部件的色调,你乃至一分鐘也不用就拿下了。剩余的時间,能够用于干什么呢?用于设计构思思索设计方案款式,互动方法,提升你的设计方案,这才算是设计方案师应当做的。 \ 开发设计工作人员为何还要有部件化逻辑思维呢? 下边讲下部件化两开发的实际意义。实际上开发设计同学们从这当中获益会比设计方案师大量。由于部件化开发设计肯定能够大大的提升工作中高效率,降低加班加点時间的。不用班了,开发设计同学们们,大家总算能够玩游戏撩妹出来浪啦。 1. 减少藕合度;减少藕合度,坚信它是大中型新项目都会追求完美的。 举个案子,假如要把网页页面的body地区扩宽。內部很多原素由于波动、固定不动总宽、百分数总宽、文本行数降低这些,合理布局会乱套。如同下面的图里那样,它是由于內部控制模块的款式对网页页面父级原素存有依靠和承继。 \ 将会有些人会感觉其实不存有依靠关联,但实际上固定不动总宽自身便是一种依靠关联。倘若说网页页面行为主体一部分总宽1000px,左边边栏200px,右边800px。没有错,它是按设计方案图来做的。那这一800px宽是如何得到的?更是由于网页页面行为主体总宽1000px,才找了个适合的上下占比,设计方案成那样的。因此没法防止,从设计方案这一阶段刚开始就造成了依靠关联。像这类状况,我宁愿在控制模块外边好几套一层器皿,控制模块自身的总宽写出100%,外边那层器皿归属于架构合理布局,实际总宽写在它上边。尽管DOM树变繁杂了,但內外的合理布局逻辑性被分离出来了。 2. 降低数据冗余;网页页面中常有标识,都可以令其用同一套css,无须每一个网页页面独立界定。

\ 比如说要增加一个带报表的页面,开发设计同学们依照设计方案的实际效果图一行行写网页页面。可是假如在某一现有页面中就存有报表?也许那时候是另外一位开发设计同学们做的。对比再次写一遍,把编码要回来立即用更便捷一点吧?假如报表款式以后又要改呢,不是是2个地区都得改。这般一来,采用报表的网页页面越大,就会越非常容易漏改。并且静态数据資源网络服务器上存了过多份有关报表的款式,在其中內容本来是一样,这便会造成编码越来越越数据冗余。

3. 提升特性;提升特性恰好能够然后上一条说。那麼好几份报表的款式,顾客端每开启一个新的报表网页页面,就得载入一次。占有网络带宽,消耗了缓存文件資源。尽管一2个的危害基本上体会不上,但这类状况一多,便会对客户感受造成显著的危害。慢,是客户感受的一等大忌,沒有之一。应当是按需载入資源,一个简易的登陆网页页面,沒有必需载入整站源码的css与js编码,拖慢速度度。

\ 4. 有利于多开发设计合作;这和设计方案师合作的大道理同样。假如2个开发设计同学们都会制作含有往下拉莱单的网页页面,这一部职责分工作要是交到在其中一人就可以了了。TA搞好以后封裝组合件,另外一位开发设计在自身的网页页面里加载就可以了了。

\ 5. 有利于查错;这有利于查错,是藕合性减少的一个副商品。它能够大大的加速不正确清查的速率。假如网页页面上出現难题,能够找到每一个将会相关的部件,逐一拔除,直至修复一切正常。那样就可以快速锁住不正确产生的部位。同时部件内还可以产生详细的测试模块,也便捷了检测工作中。

以下图,忽然出現某一弹出窗口款式紊乱。假如选用部件化开发设计,要是查验弹出窗口这一部件的编码,假如是这一部分编码出現难题了,只必须处理这一部分编码就可以了了,假如弹出窗口部件沒有难题,则表明并不是弹出窗口编码造成的bug,不用处理弹出窗口,只是去清查别处的编码,那样就可以大大的变小清查范畴。

\ 6. 有利于改动;倘若设计方案师每一个网页页面改同一个地区要花一个钟头,那开发设计做一样的事儿最少要花一个早上,最少!封裝组合件,能够把这一時间减少到10分鐘。终究无需去改几十个网页页面的HTML、CSS和JS,改一个部件便可以了。比如说,来啦一个新要求,规定全部网页页面的题目字体大小必须增加,开发设计同学们假如不依照部件化开发设计,那么就要一个个网页页面的改了。我觉得这便是其他开发设计能够出来浪,但你却要不断地加班加点的缘故之一吧。

\ 设计方案师要懂的网页页面合理布局基本原理 讲了部件化的实际意义,原本名正言顺应当讲部件化的实际作法。但在这里以前实际上必须插进这一块內容,协助沒有前端开发基本的设计方案师掌握,开发设计是怎样把网页页面构建起來的。大伙儿能够先有一个粗略地的想像,如同是作用力朝上的乌克兰方块。网页页面原素全是从下往上那样一行一行搭出去的,但是这一游戏玩家有逼迫症,他一定会从左上方、右上方或是正中间部位搭起。自然……搭满一行其实不会清除。 ¯\_( ツ )_/¯

\ 合理布局基本原理: 1. 内行人原素与块原素;这网页页面合理布局中有2个定义:内行人原素和块原素。他们是是非非此即彼的关联,网页页面里要是就是你可以看见的物品,一定并不是内行人原素便是块原素。

这二种原素的主要表现略微不一样。图上虚线框意味着一行,但具体上它是不能见的,仅仅我来了表明合理布局方法绘制来的,在其中的翠绿色矩形框才算是网页页面上真正由此可见的原素。

\ 如圖,大家看第一行,这儿有3个内行人原素。內容长短不一样,他们主要表现出去的总宽也不同,它是一种会随內容转变而更改规格的合理布局模块,并且他们一直从左往右横着排序,要是一行里排得下。再看第二行,这儿仅有一个块原素。你看看它內容很短,就三个字,却占了一整行。没有错,块原素便是那么骄纵。如同自习室一卷厕纸占一排坐位那般。最终看第三行。淡绿色是一个块原素,墨绿色是它內部的原素。因此原素中间是能够嵌套循环的,不管多么的繁杂的网页页面,全是那样一逐层嵌套循环产生的。可是要留意,块原素内能够置入内行人原素和块原素,内行人原素只有置入内行人原素。可以看在其中的墨绿色一部分,第二行是一个块原素,设置了总宽,而且垂直居中排序。实际上前2个内行人原素的右侧本来有时间间,并且右侧还放得下一个内行人原素。但即便这般,它還是要占一整行。自然,块原素这一占有一行的特点有列外,大家接下去便会说。

2. 波动;刚刚讲的是基本的合理布局方法,大家如今讲二种摆脱基本的方法。

以下图所显示,波动有2个方位,向左和向右。被再加了波动特性的原素,主要表现都是越来越相近于内行人原素,依据內容转变规格。第一行的上下波动原素都可以因此块原素,但他们却排到了一行里。第二行和第三行是一校核比,主要表现了非波动原素与波动原素混和排序时的标准。第二行的文本是一个基本合理布局的原素,能看到上下波动的原素各就诸位,基本合理布局的文本很灵便地添充间隙,如同报刊排版设计一样。而第三行里的状况,文本文章段落也再加左波动特性,而且限制总宽,它便会跟在左波动原素的右边。自然,假如文本不限制总宽,它還是会占有一行,由于文本充足多。这和块原素占有一行的大道理不一样,它依然含有波动特性,本应当跟在左波动原素的右侧。仅仅由于本身总宽很大,一行挤不下了。

\ 3. 肯定精准定位;另外一种摆脱基本的合理布局方法是肯定精准定位。

这就没什么章法可谈了,像狗皮膏药一样想贴哪儿贴哪儿,还能够像下面的图里那样堆叠着贴。总而言之,肯定精准定位的原素不容易占有基本合理布局和波动合理布局中的一切室内空间,只是立即遮挡它身后的內容。但是即然能够堆叠,就会有谁在前谁在后的难题。这和设计方案专用工具里的涂层是一样的,自然有方法能够操纵。

\ 一个网页页面是怎样构建出去的? 以便让大伙儿看得更清晰,我干了一个动漫演试,大伙儿体会一下网页页面构建的大概基本原理:动漫演试—线上播发—优酷视频网

合理布局基本原理的宏观经济定义 如今要讲的是2个更宏观经济的定义:流式的合理布局与延展性合理布局。大家前边有提及基本合理布局,哪个定义与这二者不可以一概而论。实际上这二种合理布局全是根据前边提及的基本原理完成的,仅仅差别取决于看待响应式难题上采用了不一样的对策。

1. 流式的合理布局;

\ 看图中中的App store页面,在iPhone 7和7 plus上略微不一样。尽管合理布局方式相近,但7上边只有见到一张banner,而7 plus则可以看到上下两侧banner外露来。并且App展现地区里,7可以见到3列多一点,7 plus则可以看到4列多。显示屏大则视线更大,能显示信息大量內容,它是流式的合理布局的观念。

2. 延展性合理布局;

\ 延展性合理布局则是另外一种构思。依据显示屏规格转变,让页面上全部原素等占比变大变小。因此不管在甚么规格的机器设备上,见到的界面全是一样的,信息内容容积同样。仅仅来到大屏幕幕上,能变得像老年人手机上那般硕大非常。

这二种响应式方法都是有各有的主要用途,不可以说哪样一定更强。但大家在设计方案时能够考虑到一下这一难题,甚么种类的设计方案合适哪样合理布局。

设计方案部件化 补完后基本专业知识,如今便可以讲部件化设计方案的实际方式了,设计方案师怎样应用部件化逻辑思维?

一、获取商品中的同用一部分; 最先要获取商品中的同用一部分。我例举了一些,这种全是极其普遍的部件。

1. 导航栏

\ 2. 按键

\

3. 表格

\ 4. Tab

\ 5. 换页

\ 这一换页实际上是有点儿难题的,少了个当今选定情况,不知道道如今是第两页啊。因此说部件的获取要考虑到全面,全部将会的情况必须设计方案。

6. 报表

\ 7. 进展条

\ 8. 弹出窗口、目录、不正确提醒……这些,也有许多。这种全是我前边说的历经实践活动认证的设计方案方式,是饱经磨练的呈现与互动方法,彻底言之有理由统一设计方案,获取组合件。

二、制作成通用性部件 寻找了这种同用原素,下边到实际制作阶段,有关专用工具的应用我不会会讲过多,都没有必需讲,关键是构思与意识。我用Sketch录了3段实际操作演试,有益于协助大伙儿了解。

下边这一段视頻关键是讲,我是怎样在具体设计方案全过程中开展部件化的实际操作。

1. Sketch Symbol;大家把这一目录项获取为一个部件,如今看实际上没有什么转变。大家先拷贝好多个出去,让它变成一个目录。随后大家到部件网页页面去,发觉刚刚获取的部件就在这里里。大家试着把圆形的头像改为正方形,嗯,除掉外框。返回目录页面来,发觉全部目录的头像都变为正方形了,但大家只在部件里干了一次改动,就做到那样的实际效果。这也便是前边常说的,部件化有利于改动设计方案。

Sketch symbol—线上播发—优酷视频网

2. Sketch Overrides;下边这一段视頻是讲怎样把部件的款式与內容分离出来开。

還是刚刚的部件,但是我将头像右侧意味着二行文本的矩形框换为了真实的文本,我想把它作为通信录页面设计制作。如今大家返回目录页面,发觉目录里每一项都变为了名字+电話号码。随后大家在每一项的Overrides选择项中键入数据信息,由于它是在部件以外键入的信息内容,它总是危害那一条內容。用这类方法把每一个目录项都填入数据信息。如今大家再进入部件里,做些款式改动,例如把电話号码色调改为深灰色。返回目录,全部电話号码都变灰了,內容维持不会改变。那样就完成了款式与內容的分离出来,减少藕合度对设计方案一样可用。

Sketch Overrides—线上播发—优酷视频网

3. Sketch Symbol 的嵌套循环;下边这一段视頻是讲部件的嵌套循环。

部件小的能够仅有一个按键,大的能够是一个互动极为繁杂的多步挑选项。因此繁杂部件内再置入简易部件,它是很普遍的事儿。

我给刚刚的部件又提升了一个按键,大家把这一按键也获取组合件,能看到它出現在了目录项部件的右边。返回目录页面,每一个目录项都是有了按键,大家选定全部目录项,把按键文本成呼唤。随后右侧也有另外一个页面,这儿也必须一个按键。大家在此插进以前获取的按键部件,把按键文本改成定阅。这般一来,按键部件就既存有于页面中,也存有于别的部件中。这时候候假如想对按键的款式做些调节,大家再进到按键部件,改为灰底白字。返回页面中,发觉各部按键都一起发生变化。

部件化的观念不仅限于设计方案专用工具,尽管Sketch很优秀,很有利于完成这类工作中方法。但PS也是有相对的作用,可以以另外一种方式完成部件化。因此能够说设计方案几乎也不会被专用工具所局限性。

Sketch Symbol嵌套循环—线上播发—优酷视频网

一个部件便是一个详细的商品 设计方案部件并不是把它搬到另外一个地区,随后各部集中化引入那么简易。开始大家便说过,部件化逻辑思维的精粹是单独、详细、随意组成。刚刚大家保证了单独,同时也必须保证详细。

把每一个部件作为一个单独商品设计制作,考虑到空情况、极端化状况、规格转变,尽量灵便适应各应用情景。

就拿到图按键来讲,大家务必考虑到它的各种各样情况、极端化状况、规格转变,也有全部附加的互动实际效果。这才可以称作一个单独详细的部件,考虑别的部件对一个按键的全部规定。除开最规范的默认设置、按住、禁止使用情况,也要考虑到按键的规格转变,产生网络服务器互动时每一个情况的款式,也有独特按键內容的展现实际效果。

\ 思索部件互相间的组成方法 部件內部详细了,接下去便是随意组成了。但其实不是确实那麼随意,大家要明确一些常见的组成方法。

1. 统一部件与部件、部件与单件中间的组成方法;

以下图,像那样一个后台管理管理方法页面,网页页面的总体情况色,主莱单与右边导航栏的间距,键入框中间的间距……这种也必须有章法,而并不是每个网页页面这种间隔全是随心所欲所欲的。

\ 产生标准文本文档 之上这种工作中,沉定出来,就变成设计方案标准。这套文本文档对新项目中的别的设计方案师是非常大的协助,也是开发设计工作人员关键的材料,部件化的标准文本文档是能够帮助开发设计部件化开发设计的。

\ 部件化设计方案是一切的根源,假如大家设计方案一部分的部件化工厂作做无法得到位,自身定的标准自身不遵循,开发设计同学们的部件化工厂作是没法开展的。

开发设计部件化 说完设计方案部件化,如今大家来说一下开发设计的部件化,关键讲的是前端开发怎样应用部件化逻辑思维。

1. 按部件,而并不是网页页面来开发设计;最大要的一点,是必须变化一个意识。大家应当以部件为企业,而并不是以网页页面为企业开展开发设计。

\ 2. 轻微部件化;

部件化开发设计有二种不一样水平的作法。先讲下轻微部件化。它的关键观念是同一个部件应用同样的html构造和特殊的class名,而且用同一段css编码界定款式,用同一个js涵数而定义互动。

以下图,大家看来看看面这一登陆框,下边3个编码块是它大概的编码构造。键入框在别的网页页面毫无疑问也用到到,那麼只必须与左侧框里的html构造维持一致。各部网页页面编码中引入同一个css和js文档,最少保证了在一处集中化管理方法款式与互动。但假如部件的html构造产生转变,改动的工作中量還是会较为大。

\ 3. 中重度部件化;中重度部件化的方法能够处理所述说的,假如部件的html构造产生转变,改动的工作中量会较为大这一难题。但是这也不只是滞留在观念方面,对新项目的编码构造都是有一定的规定。每一个部件的html构造、css款式、js互动都单独封裝管理方法,界定好架构和载入方法,內容在载入时由外部添充。

在中重度部件化的新项目中,每一个部件都保证了完全的单独封裝。例如下面的图,这一页头部件,它的编码存有于单独的文件目录下,这一文件目录包括了它的html构造、css款式、js互动、資源图、乃至测试试控制模块。那麼各部网页页面时要载入页头部件,通常仅仅一条句子,将数据信息传到这一已存有的构造中就可以了了。部件假如要与外界开展数据信息传送,也应当以插口方式对外开放对外开放。部件內部是个黑盒,外界只必须掌握数据信息的键入与回到,无须关注部件内的工作中基本原理。

\ 部件化逻辑思维管理方法开发设计新项目 用这类构思管理方法新项目,也会更改开发设计的合作方法。大伙儿已不是按网页页面职责分工,只是按部件来职责分工。以下图,页头和tab由一人承担,目录和页脚由另外一本人承担,减弱了互相间的依靠关联。直至将部件组装成网页页面,才必须解决部件中间互相功效的一部分,但这时候候工作中量早已被大大的消化吸收了。

\ 大家能够来体会一下部件化管理方法的新项目,应当是个哪些的构造。

一个运用由很多网页页面构成,一个网页页面的绝大多数全是部件。部件內部早已界定好啦详细的构造,能够单独运作。纵览全部新项目,将会便会是那样一个构造。部件的编码占了大多数数,能同用的都尽可能同用,每个网页页面的独特编码则能变得十分轻。各作用控制模块的区划清楚确立,一目了然。

\ 关键在于维护保养 尽管前边讲过那么多么好处,但部件化并不是一件轻轻松松的工作中。在新项目前期的提前准备工作中会提升一定工作中量,但伴随着時间变化会充分发挥出极大的优点。

想像一下,像windows实际操作系统软件这类航空母舰级的开发设计新项目,假如无需部件化的方法来管理方法,它有将会变成实际吗?

大家设计方案师要做的,便是要有专职人员承担维护保养设计方案部件库。部件产生了一切设计方案改动,或是添加了新部件,必须立即体现在设计方案标准上。

\ 开发设计同学们也必须特定工作人员来承担维护保养实际的部件。她们要做的,我也不太好多讲了,终究我不会是技术专业的。

但能够举个案子,像Google Ara新项目的这个控制模块化手机上一样:拍摄头控制模块只承担照相,解决相片得交到计算控制模块;而GPS控制模块只承担精准定位有关作用,导航栏视频语音广播则必须发音控制模块来解决。一切控制模块的拆卸,对其他控制模块的运行没什么危害。

\ 立即沟通交流意见反馈 彼此的维护保养工作中虽然关键,更关键的是沟通交流互换信息内容。有一切转变必须立即告之另一方,部件的高宽比同歩,是这类工作中方法足以长期性持续的重要。

部件化逻辑思维 实际上部件化逻辑思维不但仅可用于UI设计方案中,它能够围绕到全部的设计方案中,乃至于日常生活中。

以下图,元旦节刷大红包html5网页页面,用的也是部件化逻辑思维,把单独原素单独出去,作为一个总体设计方案,全部的单独部件设计方案进行后,再像积木游戏一样,将其拼凑为一个详细的网页页面。

\ 部件化逻辑思维不但能用于设计方案中,也有日常生活中。它的精粹实际上就那么3点:单独、详细、随意组成。而大家日常生活中看到的绝大部分工业生产商品,便是那么造出去的,例如轿车工业生产,例如富士康的iPhone生产制造线。乃至军队的定编也是遵照这一基本原理。

最终,我觉得给大伙儿看一段一分钟的视頻。它是宜家餐厅厨房的宣传策划片,宜家是一家高宽比青睐部件化的企业。不但仅是用在生产制造步骤中,也把部件化逻辑思维从台前幕后引向了台前,变成了自身知名品牌的一种語言。大家来形象化体会一下,让部件化的观念在你脑海中中留有一个具象的界面:宜家餐厅厨房—线上播发—优酷视频网

贵阳市APP开发设计,贵阳市企业网站建设

下一篇:没有了


Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园