当前位置：文档之家› 『多级目录结构』在移动端的交互设计

『多级目录结构』在移动端的交互设计

3000字，闲了置，忙了用。来自小密圈朋友提问：如

何在移动端界面，表现出树形结构？需求内容：为油品销售员提供一个知识库，行业/工艺/设备/用油部件/品牌产品/，一个树形结构，共有5个层级！每个层级都对应的知识点。如果是web界面，左边展示树形导航，右边展示内容；但是在移动端怎么展示5级树形呢？同时每一级又要包含知识点，求解答。

Hozin认为：此乃典型的『多级目录结构』设计问题。

为什么Web设计中会流行树形导航？如图，在大屏幕设备

的界面中，使用树形导航的优势显而易见：A.直观查看各级目录之间的从属关系，长幼有序

B.为不同级别设置外观差异，容易辨识，轻松聚焦【当前选中项目】

C.统揽全局，较快速的找到目标分类，绝对不会迷路

D.增加【展开某节点，其他自动折叠】，可大幅节约屏幕

空间E.增加滚动条（横纵均可），实现无限扩展F.配合frameset及iframe等流氓代码，可以快速实现效果（牺牲SEO）G.配合checkbox快速实现多选、全选、选中某节点及其子孙节点树形导航如此犀利，不来一发等什么……且慢，你以为这就算完事儿了？No！No！No！以上只是它优势的60%而已，真正的【大杀器】是下面这条：用户可以完全扔

掉鼠标，用键盘操作树形导航！[↑]键：向上切换同级节点；从第一子节点，顺序返回父节点；

[↓]键：向下切换同级节点；顺序进入已展开的第一子节点；[←]键：关闭当前级别节点；返回父节点；

[→]键：展开子节点列表；顺序进入已经展开的第一子节点；以上方向键，若配合[Tab]键和[Enter]键，简直比玩超级马里奥还爽！Hozin说过：不会走，别想飞！没玩过web端的交互设计师根本就会“自动忽略”表单中的【Tab顺序】和各种【热键操作】。洒家亲眼见过50+岁的文案前辈全程热键玩Word，几千字文章排版，鼠标根本不碰。

追根溯源：可展开的树形结构，几乎与【图形化用户界面】同时诞生，所有目录系统都有它的参与（参考Windows资源管理器），甚至DOS时代的各种Telnet-BBS都有它的影子。

然并个卵……这么成熟、强大、犀利的交互组件，如果用在移动端，那可就……

树形导航移植到小屏幕，可能是场灾难！

如图，在小屏幕的移动设备界面中，滥用树形导航，悲剧就发生了：A.假如层级太深，节点标题太长，宽度不够用，难道左右移动界面？B.的确可以Spread手势放大，但是热区太密集，拖放位移时，误操作可能性很大！C.的确可以用Pinch手势缩小，但是热区太小，需要多应灵活的手指才能

操作啊？D.为了导航就要缩放界面，大动干戈，这违背了移动端交互的基本原则E.如果没有【物理方向键】，“超级马里奥式的酸爽”，荡然无存此刻，大家已经领悟：为什么各大主流“移动UI”设计指南/规范/规格中，都不会出现【树形导航】。（有经验的交互设计人员绝对不会干这种傻事！）彩蛋：移动端，请勿滥用『面包屑导航』！Web时代，面包屑导航是万金油，人人都要来一发；但是，Hozin劝告诸位：它绝对不适合移动端界面。即便PC浏览器端的Web交互界面，如果是非目录结构，使用『面包屑导航』也可能会引发各种设计问题。早在2008年，前辈Angela（翻译《用户体验要素》的那位美女姐姐）就已经写过《论“面包屑”的倒掉》。

滥用“设计Web的方法”搞APP；滥用“设计APP的方法”搞Web；滥用“大屏幕的交互组件”搞移动小屏幕界面；滥用“移动小屏幕的交互原则”设计大屏幕界面……这些现象普遍存在，并且心安理得、理直气壮；由此可见，在中国“交互设计师”真是个【低门槛职业】呀！区分『分类』与『多级目录』哎呦喂，难道“多级目录”不是一种“分类”？呃……这俩还真有区别。首先，聊聊“分类”。分类，人类最早的一种抽象思维。区分果实和花朵，区分小草和树木，区分兔子和山猫……科学就是从对“生物的分类”开始！发展至今，演化出【界】、【门】、【纲】、【目】、【科】、【属】、【种】共7个层级，如下图所示：比如本文作者Hozin就属于动物界、脊索动物门、脊椎动物

亚门、哺乳纲、灵长目、真猴亚目（区别于原猴亚目）、窄鼻猴次目（区别于宽鼻猴次目）、类人猿超科、人科、人属、蒙古人种。

然后，聊聊“多级目录”。目录，是对客观存在的描述。作者写了一本书，方便读者定位，提供一个目录进行定位；你的PC当中，某个文件就保存在某个位置，于是windows提供了资源管理器；此时此刻，你正位于地球的某个国家、地区、街道、楼宇、楼层、房间中查阅本文，地图上会标注的非常清楚……没错，【书籍目录】、【Windows资源管理器】、【行政区划地图】，统统都是“多级目录”！假如某书籍的章节有5个层级，如下图所示：

诚然，从外观上『分类』与『多级目录』几乎没区别，但如果读过《交互设计中的「同形异构」与「同构异形」》，那么便会理解这二者截然不同。生物界种类纷繁，某本书也不可能只有一个章节，假如把真实的情况展现出来，『分类』与『多级目录』的区别便可一目了然。

有关【抽象】和【具象】，请参考《赞雪不露雪，如何区分概念与实体》。A.“分类”的【叶子】只存在于“最末级分类”；“多级目录”每一级目录都可以有【叶子】。B.“分类”是抽象的，“被分类的事物”往往是具象的；“多级目录”完全是具象的。C.“分类”可以自由压缩层级之间的关系；“多级目录”层级之间是刚性存在，如果压缩，就会伤筋动骨。综上所述，『分类』虽

然是一种初级抽象思维，没有像『标签』那样贴近人脑神经系统的作用原理，但也远比『多级目录』更灵活和富于变化。分析问题的本体：拥有5个层级的『多级目录』一个树形结构，共有5个层级！每个层级都对应的知识点。Hozin相信：这个需求一定不是来自交互设计师本人！因为，哪怕有一点点抽象思维，或者一点点数学知识，都会明白5级目录意味着什么……

维基百科显示已知的生物有700多万种，未被发现的更多，几千年的人类文明，也只敢把生物分类规划为7层“分类”；中国拥有近960万平方公里的土地，近300万平方公里的领海，也只敢把行政区划分为6层“目录”；一个给油品销售员用的知识库，需要5级目录？

5级目录真的是5级么？按照【Root+层级】计算一共有6级结构，用户操作6次也只能看到最末级的列表，如果要到达某个详尽内容，可能最多需要操作7次！

如果每一级最多只有2个子级，可以生成一个有63个就节点的满二叉树，如下图：

呃，链式裂变，让Hozin缓口气……真的有必要这样做么？这需求难道不二逼么？真的呈现出来，扔给用户，难道不是【反人道】么？

解决问题：界面的进化

复习一下Reading#07《匠心体验》中法国大姐姐提供的移

动端导航设计贴士：必须简洁为简洁而隐藏

使用直观菜单，兼顾隐藏A．简单粗暴，反人道，也是一种解决方案。直接把树形结构扔上去，也未尝不可。

每个树形节点，包含两个操作【展开子节点】和【查看本节点叶子】两种操作；简单的树形在移动端很难满足几点包含两个操作，因此这个属性无法折叠，只能完全展开；如果树形结构很复杂，那么用户操作就非常麻烦。B.优化树形可折叠，进化出两种操作，点击箭头折叠/展开子节点，点击标题进入对应节点界面。同时在节点界面也设置了【子节点的可展开】结构。在该步骤优化过程中，曾经尝试把某个节点附属的【叶子数量】也加进去，但是感觉用户一定会混乱，请看下图：

C.独立一级入口，树形归入汉堡包菜单，让“树形结构”成为

附属，同时去掉节点界面的折叠/展开功能，简化界面。汉堡包菜单的劣势也显而易见，请参考文章《为什么要避免使用汉堡包菜单》。D.去掉树形，加搜索，彻底抛弃树形结构，

每个节点只考虑三个问题：如何返回上级？直属子节点有谁？直属叶子有谁？由于时间有限，以上不一定是最佳方案，但至少给大家提供了一些思路，解决『多级目录结构』在移动端的交互问题。Yes！各种云盘（多级目录结构），也是这么设计的，比如那什么云、那什么云、和那什么云……小结【界面进化】，如图：移动端，『多级目录结构』并没那么可怕真

正可怕的是：非常固执，且坚持使用『树形导航』进行设计『多级目录结构』！“那样做并没有错，但我们不会那样做！”《托马斯和他的朋友们》搜索、标签是破解『多级目录结构』设计的好方法！搜索，完全打破层级关系！标签，本质就是一种搜索。智能排序就更厉害了！设想一下，假如没有推荐算法，【今日头条】和【知乎】完全按照层级编排内容，谁愿意用呢？

------------------------------------------------------------BTW：文中图片使用Axure+Visio设计，无需再问。

移动端H5页面设计实战

移动端H5页面设计实战目录为什么要设计H5页面............................................................. 错误！未定义书签。赛程魔方3D旋转界面设计 ...................................................... 错误！未定义书签。双屏互动游戏设计................................................................... 错误！未定义书签。资讯与游戏的结合设计............................................................ 错误！未定义书签。刮刮乐在移动端互动游戏中的微创新 ........................................ 错误！未定义书签。互动调查小游戏的设计创新 ..................................................... 错误！未定义书签。设计小贴士 ............................................................................ 错误！未定义书签。

为什么要设计H5页面移动设备的普及给媒体和娱乐带来了一场革命。根据中国互联网信息中心（CNNIC）2014年7月的报告显示，中国网民中，手机使用率达83.4%，已经超过传统PC整体80.9％的使用率。其中，手机网络新闻的使用率为74.2%，仅次于即时通信和搜索，远超其他手机网络应用。在资讯移动化的趋势下，观察近期各大门户在重大事件报道中的表现，会发现移动优先、产品社会化、交互趣味化是三个重要的趋势。其中，基于HTML5技术的移动Web页面（以下简称H5页面），较完美地融合了上述三种属性，成为当下最受关注的内容报道形态，也引爆了社交平台上的大规模分享行为。就像CD取代磁带成为一种更高效的音乐播放方式一样，数字文件也将取代CD，依此类推，智能手机也将会替代PC的一部分重要功能。尽管仍有争议，但不可否认的是，移动互联网时代已经到来，随着用户从PC向移动端的迁移，从大屏到小屏，从鼠标键盘到多点触控，移动端逐渐成为媒体报道的前沿阵地。一提起移动端，大家首先想到的就是手机上安装的移动应用，比如微信、腾讯新闻客户端、QQ浏览器等。我们称这些应用为原生应用（Native App），因为它们是需要安装在用户设备上的软件，它们的代码和界面都是针对所运行的平台开发和设计的。这些原生应用能够最大程度地发挥用户设备的性能，例如使用存储空间实现离线阅读，利用图形加速实现界面动效，以及利用摄像头来上传图片，等等。但跟Web专题相比，移动应用的开发周期长，开发者需要将产品提交到应用商店供用户下载使用。以苹果的iOS应用开发为例，开发者在应用商店要发布应用，需要通过约耗时8天的人工审核。因此，把PC端的Web专题做成一个个移动应用是不现实的。除了原生应用之外，在移动端还有一种产品形态——移动Web页面。它源自于移动互联网诞生初期的WAP页面，有着和PC网页同样的优点：开发周期短、发布和更新方便。此外，用户只需要借助手机浏览器或者内嵌手机浏览器的应用就可以访问，比原生应用要方便得多。但在2014年前，因用户渠道和设备性能的原因，移动Web页面的形态通常都非常简单，也很少有用户互动。2014年，HTML5技术的普及、智能手机的更新换代和新闻客户端、微信等渠道用户的增长彻底改变了这一点。在移动端，要在网页上实现交互和动效需要借助HTML5技术（例如CSS3媒体查询、CSS3动画、Canvas等）。现在的手机浏览器大都支持HTML5的核心技术，例如对触摸事件和手势的响应、播放声音和视频、渲染CSS变换，以及获取设备的加速度传感器数据等。这些技术衍生了诸如互动小游戏、交互型动画页面、可视化新闻等，为市场营销、媒体报道等提供了大量不同形式的载体，同时为产品策划与视觉设计带来了更多的想象空间。

移动办公建设实施方案

移动办公建设方案一、建设背景总局“税务综合办公系统”目前已在全国全面推广，成为了各省税务干部文书流转及办公管理的重要平台，是日常工作中不可或缺的信息支撑平台。当前，随着智能移动终端应用的不断深入，通过手机、平板电脑处理日常办公事务能够大大提高办公效率，也为广大税务干部的日常工作提供了方便。二、设计理念设计目标移动办公平台的建设目标是在不影响现有综合办公系统的运行使用的基础上，基于移动通信网络建设移动办公系统，作为综合办公系统建设内容延伸和补充内容，实现移动办公，即解决现有综合办公系统碰到问题和存在瓶颈，又能够有效地保护原有投资和充分利用现有资源。做到真正的掌上办公，实现同步办公、协同办公、交互办公。遵循原则移动办公设计时主要遵循如下原则：一体化原则：要求内部办公、移动办公功能一体化、流程一体化、数据一体化安全性原则：要求做到数据安全、链路安全、访问安全、终端安全。

产品特点（1）税务干部可以随时处理公文和待办事宜，减少加班处理公文和事务的时间，避免因出差等原因不能及时批复。（2）单位人员可随时查阅文件信息，随时处理待办事宜，收发通知等。（3）在移动办公系统上的处理过程和处理意见系统自动记录，并与内部办公系统合并。三、建设范围按照总体架构设计的要求，移动办公系统解决方案的建设内容如下：一、后台服务 1、搭建综合办公移动应用服务器，部署在税务内网。 2、在构建DMZ前置服务区，搭建移动办公系统所需的前置访问服务器。 3、通过SwordESB实现在税务内网与DMZ前置服务区之间内的数据交换。 4、改造综合办公系统，提供对移动应用服务器访问的接口。二、移动终端开发智能终端的移动办公平台的客户端。四、建设内容后台服务综合办公系统（移动版）的建设，不仅仅是移动端的一个App应用，而是一整套的标准平台。从逻辑结构上划分，综合办公系统（移动版）可分为内网服务区、前置服务区、移动用户区三个部分。如下

原型设计-如何用aure实现复杂的tab切换效果

软件界面原型是交互设计师与需求工程师，产品经理，研发工程师沟通最直观的工具，在做一个产品成型的框架之前，先做一个简单的框架，这个框架包括产品的界面排版和布局，页面元素，业务流程，甚至可以表现最终产品需要实现的各种效果，一个完整的，优秀的界面原型能够帮助设计师，软件工程师等更好的了解产品需求，从而最大限度的实现预期的功能。能制作原型的工具有很多，一张纸一支笔就可以画草图，但是太粗糙，也可以用visio，excel 等，可是实现起一些复杂的交互操作就显得心有余力不足了，比如TAB标签的动态切换、定位页面锚点、全选效果，登陆框效果、图片轮播等等，因此，专业的axure原型设计工具在设计原型的过程中使用方便，效率高，而且能模拟的效果很多，目前我使用axure 版本由于AXURE入门比较简单，而且互联网上有很多基础教程，在这里，我主要写一些在日常工作中使用AXURE设计产品原型经常用到又有一些设计复杂度的，结合我的使用经历，介绍给大家如何实现TAB切换的动态效果 AXURE RP 软件一个首先想好一个需要tab切换效果的主题，这里我选择学生查看任课教师对他上交的作业的批改情况，需要查看的包括老师给自己作业的分数和评语，老师对全班作业的点评以及发布哪些同学的作业可以参考，最后能看到自己本次作业提交了什么内容，根据这个主题，进行三种内容的切换。拖拽三个矩形，调整成高35，宽110的按钮样式，并列排好，在按钮上分别写上“作业批阅结果”“作业总体点评”“我的作业内容”，然后在按钮的下方再拖拽一个矩形，我们将在矩形区域显示不同的内容，如下图：

1.在矩形区域添加第一个按钮要显示的内容，然后选中内容和矩形，右键转换为动态面板！注意：为什么不直接拖拽一个动态面板呢直接拖拽也是可以的，但是先添加动态面饭再往里面写内容的鼠标操作比这么做要麻烦，这里提供一种便捷方法，后面还会陆续提到其他的便捷方式来提高原型制作效率。

手机app的交互设计研究

龙源期刊网 https://www.doczj.com/doc/cb9068024.html, 手机app的交互设计研究作者：陈烨坤来源：《传播力研究》2019年第14期摘要：近些年来，随着移动互联网体系的普及率越来越高。智能手机的逐渐被普及，之前很多必须依靠电脑才能完成的事情，现在依靠智能手机的App就可以完成。App的种类和数量也在越来越多，App开发者逐渐将用户体验作为出发点，重视手机移动客户端的交互设计。本文主要针对某手机系统的功能设计、交互射击方式以及页面设计特点进行了深入分析，对手机App的交互设计方案进行了总结。关键词：手机App；交互设计；研究随着科学技术的进步与发展，智能手机的普及率越来越高。为了更好地满足人们对智能手机更高的应用需求，手机移动端应用程序即App的种类和数量也越来越多，人们对App的要求不仅仅是能用来干什么，更多的是将注意力集中在交互式的体验方面，也就是App在具备一定的功能的同时，也有一些人性化的设计，用户在使用产品时才能够有更高的满意度。很多智能手机程序的相关企业现在逐渐将目光转移到交互设计上，旨在设计出功能性强、用户满意度高的应用程序。本文结合某软件，对手机的交互设计进行了探究。一、研究的背景及其意义 App也就是应用程序，它是适用于智能手机客户端的应用程序，当前主要的App系统有苹果、谷歌、微软等公司系统下的App。交互设计的概念起源于上世纪80年代，它的重点核心在于交互式体验，是由比尔莫格里奇提出的。上世纪90年代，个人的计算机技术处于高速发展过程中，很多智能手机的企业开始将目光聚焦于交互设计。交互设计，从字面意思上，就是人和产品之间的互动体验过程，设计的原则在于重视用户的体验，最终目标是设计出用户满意的产品。交互设计是在人机工程学的基础上，加入了心理学、行为学等方面的知识，在这些理论基础上进行产品设计，随着互联网科技的快速发展，交互设计已经被应用到更多行业内，目前，国外有些公司进行交互设计研究时，已经不仅仅定位在智能手机客户端的应用程序方面，更多的是在硬件方面进行提升。国内对交互设计相关的研究起步相对较晚，近些年来，随着互联网技术的不断进步与发展，人们对App的需求已经不仅仅是能够实现某种既定的功能，更多的是注重互动式的体验。智能手机客户端是信息时代的固有产物，它于电脑的互动交流的方式不同，智能手机具有自身独特的交互特征，具有智能化、可移动性、不受到时间和地点的限制等特点，二、交互设计的研究（一）加载速度的研究

APP开发如何做原型设计

对于做小程序、微信公众号，APP开发的客户来说，第一步是做原型设计。无论客户采用原生开发，模板开发还是SAAS模式开发，都需要做原型设计。原型设计是产品开发中的一个相对比较专业的术语，是指将客户想要开发的产品的界面和功能流程用简单的原型图表示出来。下面我们分三方面分析：包括产品原型设计包含哪些部分，产品原型设计可以用哪些工具，产品原型设计有什么注意点。 1.产品原型设计有哪些内容根据产品针对的客户群体不一样，产品原型设计客可分为前端原型设计，后台原型设计。前端的原型设计主要包括产品展示，支付界面，订单购物车界面，图文资讯界面，用户个人中心界面等。后台原型设计主要包括用户管理界面，产品管理界面，订单管理界面，图文管理界面，操作员管理界面等。根据产品的内容属性不一样，产品原型设计可分为图片设计，文字设计，按钮设计，图标设计等。 2.产品原型设计工具产品原型设计的工具有很多，专业的工具有Axure，墨刀等，非专业的工具有PPT，图纸等。 Axure是目前应用最广泛的原型设计工具，功能强大，不但界面设计简单，多个工具方便使用，交互设计组件丰富。

墨刀是一款基于SAAS模式的在线原型设计工具，特点是简单灵活，在交互功能设计方面比Axure稍逊一筹，但其优点是可以实现多用户协同，云办公。对于不熟悉上述两款专业的原型设计工具的用户来说，PPT是一种替代工具，能够制作简单的界面和交互功能，如果用户有较好的PPT设计能力，也能做出比较优质的原型图。图纸也是一种原型设计工具，从初级设计人员到高级设计人员都实用，图纸设计的缺点是设计图管理困难，但优点是简单灵活，随时随地都可以设计，便于设计人员将瞬间的设计灵感表达出来。 3.产品原型设计注意点产品原型设计有很多的原则，包括一致性原则和重点性原则。一致性原则是要求产品的图片格式，按钮格式，字体格式符合一致性，让产品界面更加和谐和协调，让产品更具有美观性。重点性原则是要求产品设计要注重核心功能的提炼，对界面板块和功能顺序有主次排序，不能反客为主，让客户产生视觉与逻辑混乱。

html5页面设计

html5页面设计北京千锋互联科技有限公司是中国最早从事移动互联网研发和培训的机构之一,千锋集团旗下现有千锋教育、移动产业、项目研发、创业孵化业务，是国内最大的移动互联网人才培训和人才提供商。公司总部位于北京，目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安成立了分公司。千锋集团旗下的千锋教育一直秉承“用良心做教育，做真实的自己”的理念，是中国移动互联网研发培训领导品牌，全力打造移动互联网高端研发人才服务平台。千锋教育每年培训和输送近万名移动互联网研发人员，是唯一真正获得企业一致好评的移动互联网培训机构，从千锋走出的学员在业界得到了广泛认可。2014年，千锋教育集团成为教育部教育管理信息中心“移动互联网应用开发指定实训基地”。截止目前，千锋教育已与500多家高等院校建立深度合作关系，并携手教育部教育管理信息中心举办《高等院校骨干教师iOS/Android暑期培训班》，千锋讲师团队技术水平得到业界一致认可，好评如潮。千锋教育组织的技术研讨会名企云集，是千锋和企业之间紧密合作的桥梁。千锋讲师发布的免费培训视频、学习资料、源码下载等浏览量近千万，每年约有数百万研发人才从中获益。一、千锋教育八大优势 1、中国移动互联网研发培训领导品牌，专注iOS、Android 、HTML5、UI等技术研发培训，坚持“用良心做教育，做真实自己”的理念； 2、业内唯一一家敢推出“两周免费试听，不满意不缴费”的政策，让学员更真实的了解千锋、了解自己是否适合做开发； 3、零学费入学，工作后分期还款，业内学员毕业薪水最高，培训就业协议明确写出薪水保障，平均薪水专科5000、本科6000、硕士7000； 4、权威资深师资阵容，业内最具责任心、最懂教学、拥有最强技术、有大型项目经验实战派讲师授课，由业内知名专家及企业技术骨干组成； 5、自主研发QFTS 教学保障系统，拥有自主知识产权的开发培训课程体系，讲练学相结合，课程内容紧贴当前前沿实用技术和企业实际需求； 6、企业级项目实战训练，从千锋科技及合作企业项目中研发出几十个企业级教学项目，让学员参与真实的企业级项目研发，最后让学员能够独立设计开发自己的上线项目； 7、最严格、最科学、最负责的教学就业管理制度，班主任、职业规划师全程跟班，把握每个学员的学习状态，并有专业的职业素养课和就业指导课，保证教学及就业质量； 8、免费加入千锋开发者联盟，为会员提供免费技术支持及终身就业服务，免费参加千锋举办的各类技

移动端设计开发流程

移动端设计开发流程和pc端网站的设计和开发相比，移动客户端的开发工作，对绝大多数人来说，绝对是一个崭新的行当。那么当我们每天在iphone上，在各种安卓在各种pad上习以为常的刷着微博看着网文切着西瓜找着你妹的时候，当一大波人信心满怀的开始步入这个看似熟悉，或者说”简单”的工作中后,突然发现,悲催,完全不是那么回事嘛！ 1.前端工程师下岗啦!? 我们现在习惯于将某一个app叫做一个产品.相对于web端的产品开发流程.移动客户端的开发流程在某些流程上开始发生变化。 web端.我们做一个产品.从产品立项开始。产品经理提出需求(原型等)>讨论需求>通过需求>交付设计师设计layout>确认>页面制作(俗称切页面)>交付工程师开发>修改细节及bug>上线。移动客户端产品经理提出需求(原型等)>讨论需求>通过需求>设计layout(包括交互设计及ui设计)>确认>切图>交付工程师开发>后期修改>上线。哦?好像差别不是很大嘛? 我们主要谈一下一些职位分工的变化.前者和后者,在开发过程中,一些职位消失了.一些职位出现了.对于我本身的理解,设计师更加的细分,虽然交互设计师在web端也会存在(分工比较细的公司),但客户端开发来说,交互却作为一个非常重要的一环出现了.对于寸土寸金的手机屏幕来说,对于开发者逻辑能力的要求也越来越高,如何在这么小的屏幕里对各种功能进行合理有效的布局显得更加重要.虽然在某些创业型组织中,设计师人数上仍然处于弱势,但对于对体验要求越来越高的用户来说.这绝对是个不能忽略的要点.

另外,我们会发现,前端工程师这样的传统职位在移动开发的流程中,消失了!没错,是消失了!设计师设计完设计稿,一般会直接进行切图的步骤.因为,我们知道,绝大部分的安卓和ios客户端,以及其他客户端,并不基于html(是因为效果和性能太差了吗?自己体验下吧!).所以,为我们悲催的前端工程师稍微的默哀一下(请与时俱进的做出改变吧!干爸爹!). 还是前端工程师,真的消失了吗?不好意思,我错了!慢慢的发现,他们的工作被另一个”前端”代替了.这就是我们可爱的程序猿同学.虽然传统的前端工程师并不能在移动客户端开发中发挥作用,但,有一点是没有变化的.手机客户端里也是需要各种”布局”的,就像web页中的字体,图片等等的样式,各种对齐,这个还是要有人来做的.因此这部分工作,慢慢被开发人员所代替了.设计后期,对于各种细节的调整,转由这部分负责”界面”的工程师来和产品以及ui同学对接负责调整. 2.谁来设计原型? 前面提到,手机客户端设计过程中的逻辑性比web产品的设计强不只一点半点.按照一般的产品开发流程,产品经理会在前期会使用各种原型工具如visio,axure等等来做出线框图.然后交由设计师进行ui设计.可是,根据之前的开发经验,对于网页还好,可是对于逻辑性极强的手机页面来说,这种方法并不会有多方便快捷,至少,这种静态的页面无法表现各种交互和信息的层次.如下图这样的结构,我是会晕的,而且也不是非常爱看。当然,对于不同的团队来说,产品经理和设计师之间配合的方式都不尽相同.我们需要从中发现一种适合自己团队的配合方式.对于迭代速度很快的app,小团队,首次开发的情况下,产品经理或者ue可以只画出app的框架及流程稿,剩下的交由ui设计师来设计也未

2014年移动端界面设计分析

2014年移动端界面设计分析移动互联网时代的悄然袭来改变着我们的生活方式，因此有大批设计力量涌入了移动端的设计领域中，这也说明了大家越来越重视用户在各个设备终端层面的体验。在规划产品时，往往会把PC端和移动端的产品放在同等重要的地位进行思考。然而，设备的多样性和产品形态的多样性为设计师们带来的既是更多的发挥空间，也同样是更大的挑战。这些产品在设计之间有何不同？如何规划不同平台上产品的功能？设计时有哪些差异？2014移动端的界面设计是非常值得探讨的话题。 1.唯一主色调 2014年，追求极简设计风格，主色调可能只是选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，从而产生新的色彩，这样能够很好的表达界面层次、重要信息，并且展现良好的视觉效果。这样的页面看起来色彩统一，有层次感。当前上线的一些移动应用都采用极少的色彩，甚至放弃所有的颜色。仅仅用一个主色调就能展现良好的视觉效果。 2.多彩色风格设计 Metro引领的多彩色风格是与唯一主色调形成对照关系的设计风格，多彩撞色更多的表现于多种纯色块的使用，就是很简单的纯颜色，只需要注意多彩配色的方式，就能得到很好的视觉效果。多彩色拼接的设计风格，一屏式的页面排版布局，总体来说是时尚大气简洁的设计。“多彩撞色”的概念，在2014年手机端仍会继续发展。

3.信息框架扁平化在设计的表现形式上我们追求界面扁平，注重通过弱化视觉效果来强化应用的功能。在移动设备上，过多的层级会使用户失去耐心而放弃对产品的使用。而且移动端上页面小，没太多地方摆多层的tabs导航或者面包屑导航，就只剩下左上角的一个“返回”按钮作为导航了，可以一次接一次的深入，但跳转了三、四次后，再看左上角的“返回”按钮，你已经很难判断出将会返回到哪里了。应该从信息架构角度，再进一步的去应用扁平化的设计理念，信息框架扁平化的目的是减少信息层级，追求信息到达用户的最短距离，从根本上解决上述问题。扁平化思想是一种让设计者在界面设计过程中减少信息层级的思想。 4.动态数据可视化数据可视化设计是将枯燥繁琐的列表和文字转换为直观的饼图、扇形图、折线型、柱状图等丰富直观的设计元素，提高用户体验。而且现今数据可视化不只是静态展现数据，用户希望通过互动及时获取数据流，若以动态效果来呈现，能多维度呈现给用户实时信息，同时能与用户形成互动，提高数据表现的趣味性。动态数据可视化将更加强调数据转译实时更新的图形，以及动态的图形化表达。

【产品管理】软件产品原型设计工具

AxureRPPro5.6教程目录（一）Axure介绍2 （二）界面与功能4 （三）文档管理7 （四）模板复用11 （五）widgets工具-上14 （六）widgets工具-下17 （七）注释annotations18 （八）交互interactions（上）25 （九）交互interactions（中）29 （十）交互interactions（下）33 （一）Axure介绍互联网行业产品经理的一项重要工作，就是进行产品原型设计(PrototypeDesign)。而产品原型设计最基础的工作，就是结合批注、大量的说明以及流程图画框架图wireframe，将自己的产品原型完整而准确的表述给UI、UE、程序工程师，市场人员，并通过沟通会议，反复修改prototype直至最终确认，开始投入执行。进行产品原型设计的软件工具也有很多种，我写的这个教程所介绍的AxureRP，是taobao、dangdang等国内大型网络公司的团队在推广使用的原型设计软件。

同时，此软件也在产品经理圈子中广为流传。之所以AxureRP得到了大家的认同和推广，正是因为其简便的操作和使用，符合了产品经理、交互设计师们的需求。在正式谈AxureRP之前，我们先来看看做产品原型设计，现在大致有哪些工具可以使用，而他们的利弊何在。纸笔：简单易得，上手难度为零。有力于瞬间创意的产生与记录，有力于对文档即时的讨论与修改。但是保真度不高，难以表述页面流程，更难以表述交互信息与程序需求细节。 Word：上手难度普通。可以画wireframe，能够画页面流程，能够使用批注与文字说明。但是对交互表达不好，也不利于演示。 PPT：上手难度普通。易于画框架图，易于做批注，也可以表达交互流程，也擅长演示。但是不利于大篇幅的文档表达。 Visio：功能相对比较复杂。善于画流程图，框架图。不利于批注与大篇幅的文字说明。同样不利于交互的表达与演示。 Photshop/fireworks：操作难度相对较大，易于画框架图、流程图。不利于表达交互设计，不擅长文字说明与批注。 Dreamweave：操作难度大，需要基础的html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。以上这些工具，都是产品经理经常会使用到的，但是从根本上来说，这些工具都不是做prototypedesign的专门利器，需要根据产品开发不同的目的，不同的开

设计移动端报表,你不得不知道的五个原则

设计移动端报表，你不得不知道的五个原则随着移动互联的飞速发展，手机成为人们工作、生活中必不可少的工具，移动端报表被越来越多的企业所重视。数字化转型过程中，企业总少不了对移动端报表的需求。数钥分析云，除了支持PC端、大屏，也支持移动端查看，可以快速集成到企业微信、钉钉、致远M3中，让用户随时随地查看报表，实时掌握企业数据，辅助企业经营。我们在搭建或规划移动端报表时，常常会遇到一些问题： ?手机屏幕小，如何呈现核心业务指标？ ?布局固化，想要更多的布局交互模式… ?视觉效果不好，追求“高颜值”移动报表… ?指标太粗，看不出问题出在哪… ?指标太细，又看不到整体情况… 其实，我们仔细看这些问题，无非就是两点： 1、美观的需求：充分结合移动端的特点和产品优势，进行合理布局，凸显关键指标信息，合理美化，提高报表的美观度； 2、业务的需求：除了精美的外表外，更重要的是把控业务需求，在有限的屏幕范围内，呈现核心指标，指标粗细结合，全面展现业务状态。所以，在做移动端报表时，我们要综合移动端特点、业务诉求和分析云产品优势，做出一张符合需求的移动端报表。

设计移动端报表原则： 1、基本元素，简单明了移动端报表，主要以图表呈现，图形在信息的传递上具有更好的呈现效果。所以，合理使用图表，达到信息传递的效果。分析云移动端支持表格、柱状图、折线图、饼图、仪表盘…等各种图形，能够满足用户分析需求。 2核心数据，一目了然 1、移动端报表，最核心的元素置顶呈现，可以采用指标呈现，数字的表达更加醒目、简洁，且占用空间少，是最直接展示方式。

2、可以通过设置前景色、背景色的变化实现预警，让异常指标展现更加一目了然。 3、尽量在一屏内展现完整数据，减少滚屏的出现，如果表格较大，展示的数据较多，分析云也支持锁定前N列功能或横屏查看，保障用户清晰的看到数据内容。 3、布局清晰，条理性强与PC端报表不同，移动端报表的呈现形式主要是竖排展现。想要更多的布局交互模式，那就少不了分析云的分段器。分析云的分段器，可以帮助用户快速实现视图的切换，满足沉浸式阅读需求，大大方便了用户的应用。

Axure原型设计经验谈[方案]

Axure原型设计经验谈[方案] Axure原型设计经验谈《Axure原型设计20条原则》第一条:原型设计的最终目的是为了准确、方便、快捷的表达产品设计人员的产品设计意图; 第二条:原型的观看者往往不是同一类对象，因此原型的设计不可避免的会有多种表现形态，每一种形态的原型都是为设计服务，没有高低之分; 第三条:如果按照产出方式，有手绘产出、软件产出之分,如果按照表现形式，有纸质、低保真、高保真之分; 第四条:如果你的产品设计周期中，原型设计时间过长，可能你需要停一下，站得远些重新审视一下自己原型设计的初衷; 第五条:原型是否要做到高交互、高仿真取决于观看者的需求和设计者的时间，如果简洁的原型已经完全满足观看者的需求，应该首选交互少的低保真原型，而不要过度沉浸在高交互、高仿真原型设计的快感中; 第六条:不要小瞧纸质原型，往往它会有磨刀不误砍柴工的功效，如果有条件，尽量不要省略，纸质原型最大的价值是思路的最初梳理和内部的多人讨论而不是自己一个人纸面画画就完成了纸质原型的阶段; 第七条:原型设计工具，精通一个比掌握十个更有价值，如果推荐原型工具，首选还是Axure; 第八条:没有人规定必须用Axure设计原型，最合适你的原型工具就是最好的; 第九条:原型是用来正确表达产品设计思想的工具，而不是掌握了原型工具就能正确的表达产品设计思想;

第十条:不要像维护自己的颜面一样维护原型的设计，相反原型的价值就是要被不断的修改、推翻、打磨、锤炼,要有颠覆整个原型初稿，重新设计的气魄和担当; 第十一条:谁都可能遇到一个不懂产品设计的领导对你的原型指指点点，尝试去理解他的真正意图，并将他喜欢的方式和你坚持的方式都表现出来，只要是正确的体验方式，用户是会给出最终的投票; 第十二条:Axure不止可以设计Web原型，正解:Axure可以设计Web、Wap、PC 客户端、手机客户端、IPAD……各种平台和终端上的应用; 第十三条:提高自己Axure技能的最好方式，模仿你喜欢的交互实例，如:IPhone、Android手机、微博、IM、SNS……;只要你能认真模仿下来，你会发现收获的不止是Axure技能，你的产品设计思想也会进步不小; 第十四条:不要在是否研究Axure技巧上犹豫不决或者争论不休，正确的做法:掌握你需要的技巧，并在设计原型中使用;优秀的做法:掌握所有的Axure技能，并在设计原型中按需使用; 第十五条:掌握Axure技能并不能证明你就是一个合格的产品设计者，但要想成为一名优秀的产品设计者应该掌握Axure; 第十六条:做流程图和产出PRD文档是Axure的功能之一，但不要作为首选，让工具发挥它最擅长的价值; 第十七条:做产品设计时一定不要急于使用处于测试阶段的Axure新版本，避免意外发生，我的教训就是用测试版做出的原型，由于测试版的BUG，而全部重新返工; 第十八条:做交互研究时一定要尽可能学习最新的Axure技巧。体验产品的最新功能，本来就是产品设计者必备的要素;

让人印象深刻的7种移动端UI设计风格

让人印象深刻的7种移动端UI设计风格如果你是一个APP狂热分子，你会花大量的时间在各种APP的尝鲜中，你会明显感受到一些APP在采用着某种风格鲜明的设计语言，来标榜自己的独特之处，行成自己的设计风格，甚至引领设计风向。去年我们关注到随着Metro设计风格的影响和iOS7的发布，APP明显都开始尝试扁平化的设计语言了，除此之外，还有哪些显性化的设计语言崭露头角呢？在这篇文章里，我想分享一些日益显性的设计语言，让人一眼就记住它的风格，有一些已经随着优秀设计师的摸索，融入到国内移动产品设计里了，而有一些，确实是刚刚在萌芽阶段，需要更进一步的摸索和尝试。一、唯一主色调|Simple color schemes 为什么我们要定义一个界面多种颜色？仅仅用一个主色调，是不是就能够很好的表达界面层次、重要信息，并且能展现良好的视觉效果？事实上也正是如此，随着iOS7的发布，我们看到越来越多唯一主色调风格的设计，会采用简单的色阶，配套灰阶来展现信息层次，但是绝不采用更多的颜色。

卡塔尔航空公司卡塔尔公司航空就是这样的设计案例，整个界面采用粉色的主色调，从标题栏到标签页，从操作按钮到提示信息，除了黑白灰之外，全部采用粉色设计，这种简介的的配色风格，反倒起到了很好的信息传达效果，也具有良好的视觉表现力，设计师在内容排版上的技巧实在是加分。 Readability采用红色主色调设计，连提示信息背景色、线性按钮和图标都采用红色主色调，界面和LOGO也完全是一个色系的。而Vivino采用蓝色主色调设计，信息用深蓝、浅蓝加以区隔。Eidetic采用橙色主色调设计，其中的关键操作按钮甚至整个用橙色提亮，信息图标也用深橙色、浅橙色来表达程度。可以说唯一主色调设计手法，是真的做到了移动端APP的最小化（Minimal）设计，减少冗余信息的干扰，使用户专注于主要信息的获取。

APP在手机移动端的交互设计研究

Software Engineering and Applications 软件工程与应用, 2017, 6(6), 181-187 Published Online December 2017 in Hans. https://www.doczj.com/doc/cb9068024.html,/journal/sea https://https://www.doczj.com/doc/cb9068024.html,/10.12677/sea.2017.66020 APP Interaction Design Research on the Mobile End Aihong Tang Shanghai Normal University, Shanghai Received: Nov. 16th, 2017; accepted: Dec. 1st, 2017; published: Dec. 8th, 2017 Abstract In recent years, with the rapid popularization of smart phones and the rapid development of mo-bile Internet, many things in the WEB side to complete can use on the mobile App to complete. As the number and variety are more and more multifarious, App to the user experience as the starting point of the App designers began to attach importance to its interactive design on the mobile end. This article through the iOS Linkedin 7.0.3 function design, interaction design, page layout, and other products characteristic analysis, summed up the App on the mobile end interaction design implementation method. Keywords Application Program, Interaction Design, Smart Phone APP在手机移动端的交互设计研究唐爱红上海师范大学，上海收稿日期：2017年11月16日；录用日期：2017年12月1日；发布日期：2017年12月8日摘要近几年，随着智能手机的快速普及以及移动互联网的快速发展，很多在WEB端才能完成的事情都已经可以用手机移动端的App来完成。随着App数量和种类越来越繁杂，以用户体验为出发点的App设计者开始重视其在手机移动端的交互设计。本文通过对iOS Linkedin 7.0.3的功能设计、交互方式、页面布局等产品设计特点的分析，总结App在手机移动端的交互设计实施方法。

(完整版)APP手机客户端开发技术方案-完整版

手机客户端技术方案中国电信集团系统集成有限责任公司内蒙古分公司 2010年5月手机客户端技术方案 2 目录述 “． 3 2需求分析 “ 3系统设计目．．4 3．1建设意义 “． 3，2建设原 3．3建设模式 “ 4技术解决方案 “． 4，1移动中间件系统概述“， 4．2系统架构．． 4．3系统组 4，4移动化原理

4．5中间件服务器配置 “． 5系统功能设 6手机适配型 7配置清单“．手机客户端技术方案 3 1概述为了提升企事业单位信息化管理水平，提高各级部门的办公效率，加强单位内部的执行力、凝聚力，自上而下咼度重视信息化系统的建设工作，实现日常公文收发审批、工作安排、公告通知等日常办公的统一管理，显的日趋重要。在当前信息化管理平台的基础上，各企事业单位希望引入移动信息化技术，为相关职能部门及工作人员提供手机移动办公，将办公信息化延伸至使用人员的手机上，实现随时、随地办公，以便能够推动各级部门的精确化、高效化管理。中国电信内蒙古分公司作为业界领先的移动信息化解决方案提供商，己经在区内成功实施了多个综合办公移动化适配项目。内蒙古电信公司有足够的实力将本系统建设成为一套精品的移动办公信息化平台 2需求分析传统的信息化管理系统面临的问题： 1）传统办公的缺陷导致了企事业单位整体对外竞争力的降低、工作效率的低下、成本的增加。 2）发布通知公告，采用人工或者电话、口头通知方式难免出现疏忽与意外，造成遗漏、延误、缺席等。需求描述：定制开发企事业单位移动办公系统，包括以下具体内容：定制开发移动办公手机客户端系统，包括windows mobile、windows等手机操作系统的手机客户端软件；搭建中间件服务器。定制要求：

移动端设计中的8大原则

本文作者向盛华系前小米米聊产品经理，现任职于科大讯飞：

#左边界面#：大众点评新版的价格的搜索就比之前改得更符合用户心里模型；#右边界面#：食神摇摇的摇动手机找餐厅更加符合大众用户的心里，大家应该都有那种中午不知道去哪家餐厅就餐，那么就摇一摇来随机抽出一个附近的餐厅。原则2：培养用户使用情景的思维方式做设计要做到这个原则其实是很难的，需要长期的实战经验才能做到这点。那我们都知道米聊出的比微信早，但后来被微信反超，个人认为不光是QQ帮了微信很大忙，比如用户登录门槛低，用户来源，广告打得响之类的，其实在用户使用情景方面米聊研究的没有微信透彻。对于一个社交即时通讯产品，添加好友的功能是好友汇聚的来源，虽然米聊微信都绑定手机通讯录，但话又说回来，用户找手机通讯录联系人语音聊天的还是比较少。添加好友是引导用户去发现好友，找好友, 碰好友的一扇门。所以对于这么重要的功能放置在应用程序的哪个位置，在产品前期就会让用户明显的去选择用哪个应用，因为聊天工具的前提是要有人和你聊天。再回到现实的界面中来，看看下面的对比：

微信1.0的时候（我这里只截了4.0的图）把添加好友放置主Tab上，方便用户很快的添加好友米聊2.0时还是把添加好友放置在好友列表的第一排，用户很难发现原则3：尽量少的让用户输入，输入时尽量多给出参考移动端的虚拟键盘一直是科技界无法解决的一个难题，虚拟键盘的主要缺点：1.输入定位无法反馈，所以无法形成高效的盲打；2.虚拟键盘的空间限制，手指的点击经常造成误按。光是上面这两点就让虚拟键盘在输入上大打折扣，所以我们在设计应用程序时，只要遇到Input Box的控件时，首先就要想到尽量让用户少输入，或者智能的给出参考。

移动办公系统(MOA)建设方案详细

移动办公系统（MOA ）建设方案 2011年1月

项目概述技术方案概述 2.3 MOA 系统的部署详细设计 3.1.1系统现状 3.1.2用户需求 2.1 MOA 概述 2.2 MOA 工作原理简介 3.1 系统现状与需求 10 3.2 设计理念 11 3.3 系统架构设计 12 3.4 网络控制 14 10 .10. 1.1

1项目概述国家努力推进的各大金字工程”在把传统政务数字化，而移动信息化大潮又让很多数字化的业务过程移动”起来。将市政府办公电子化、数字化、移动化，从而提高办公效率，做一心一意为人民服务一直是国家公务人员期望达到的目标。而移动数字城市”的逐步发展正将这一目标拉近。众所周知，市政府系统是数据集中的中心，数据访问量巨大，要求设备具有极高的稳定性、功能兼容性和较高的处理性能。 3.5 用户和终端控制 15 3.6 数据和代码控制 16 3.7 业务控制 17 3.8 精简设计 18 3.9 系统物理结构图 19 3.10 应用软件的部署 19 3.11 移动终端用户的安全接入 20

市政府对MOA的应用主要体现在移动办公、信息系统查询等方面。市政府人员外出办公时，需要在线查询时，使用手机终端（或PDA）接入市政府APN网络，访问单位内部网页，进行实时公文处理。由于市政府对从内部网接入移动网络时的安全性非常重视，中国移动MOA 和APN网络在通信和传输过程中，对市政府内部数据进行加密处理。同时，为了更好地保证网络数据传输的安全性，MOA服务器和市政府手机终端之间建立加密的图形碎片专用隧道。通过设置在市政府内部网的MOA服务器实现市政府用户身份认证。同时，构建市政府移动信息查询系统的APN，以保证市政府专有系统的安全性。移动办公自动化系统即移动OA，是以简单、实用、使用不受地点限制”为设计理念开发的办公自动化系统。移动办公自动化系统网络部署方案是利用XXXX提供的GPRS/EDGE专用网络。在移动状态下，通过智能移动终端利用GPRS/EDGE 专用网络实现查询、审批、回复、确认等OA办公操作，使办公信息可以随时随地地进行交互流动，整体运作更加协调。使得办公自动化系统除了传统的通过电脑办公的方式，用户还可通过手机进行办公系统的各种操作。涵盖办理待办、在办、待阅信息，浏览公告、查看附件、电子邮件等多种功能，并无缝衔接了电子邮件、短信等多种移动办公形式。通过专用移动终端的客户端程序，为用户实现随时随地的移动办公。除传统的通过电脑办公的方式，还可通过智能移动终端登录办公系统进行操作，带来更多样化的办公渠道，发挥办公系统更大的自身价值。产品在安装、设置、学习、使用、维护等环节直观简便，使用户可以将精力集中在办公本身，而非复杂的概念与操作，大大降低了用户的应用难度和应用成本。移动办公自动化系统具有以下特点：高效：跨越了时间与空间的限制，将办公室的概念从一间屋子衍生到

一款简单好用的原型图设计工具

一款简单好用的原型图设计工具导语：随着移动互联网的普及，越来越多好用的APP软件跃然而出。而原型图作为底层设计，十分考验产品经理的能力。使用一款专用的软件，可以帮助我们更高效地进行设计。免费获取线框图原型图设计软件：https://www.doczj.com/doc/cb9068024.html,/wireframe/ 一款简单好用的原型设计工具大家都是知道画产品原型图可以用Axure，但其实有一款软件比Axure更简单易用，那就是亿图图示。亿图图示是一款进行界面原型设计的工具，简单，易用，比Axure更快。功能包括站点地图、流程设计、页面框架设计、手机ui设计、软件界面、原型设计等，可以一键生成导出HTML、Word、PDF、Visio等17种文件格式。

配置需求 Windows 7, 8, 10, XP, Vista, Citrix Mac OSX 10.10+ Linux Debian, Ubuntu, Fedora, CentOS, OpenSUSE, Mint, Knoppix, RedHat, Gentoo及更多操作界面类似Office，图片、文字、输入框等等所有组件全是可视化操作，可以很方便的实现原型设计，可将以前死板的页面版式全部替换为有点击、链接效果的网页!

拥有强大的模板和预制功能，能够快速搭建软件界面的高保真原型，有效的提高设计效率、减少重复工作损耗、使得设计流程提速。通过便捷的布局和设置，就可以完成界面跳转和框架设计。

线框图绘制工具独有的2D矢量素材库（网站ui设计素材,网站界面和软件界面素材），并且可自定义图符，提升效率5至10倍。使用线框图绘制工就像是进行数码绘画，但又有不同。你可以轻易的进行调整和重新编排，最终的结果就像是一幅赏心悦目的涂鸦，除了真实的纸笔，目测它是最方便的工具了，已有3000W人正在使用亿图，你还没安装吗？赶快下载试试吧！

文档之家