master

分支 (1)

标签 (3)

管理

管理

master

v2.0.1

v2.0.0

v1.0.0

iodraw
/
index.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,user-scalable=yes">
	<base href="/">
    <title>ioDraw 免费在线画流程图、思维导图</title>
    <meta name="keywords" content="在线作图,流程图,思维导图,时序图,拓扑图,组织结构图,脑图,UML,diagram,visio"><meta name="description" content="免费的在线作图软件，用于制作流程图、思维导图、甘特图、拓扑图、组织结构图、UML、ER和时序图、电子电路图等，无需注册即可使用">
	<link rel="shortcut icon" href="img/common/favicon.ico"	type="image/x-icon">
	<link rel="bookmark" href="img/common/favicon.ico">
	<!-- css -->
	<link rel="stylesheet" href="components/bootstrap/css/bootstrap.min.css">
	<link href="css/common/main.css?v=169" rel="stylesheet" type="text/css">
    <link rel="alternate" href="/" hreflang="zh"/><link rel="alternate" href="en" hreflang="en"/><link rel="alternate" href="es" hreflang="es"/><link rel="alternate" href="ar" hreflang="ar"/><link rel="alternate" href="fr" hreflang="fr"/><link rel="alternate" href="pt" hreflang="pt"/><link rel="alternate" href="ru" hreflang="ru"/><link rel="alternate" href="ja" hreflang="ja"/><link rel="alternate" href="de" hreflang="de"/><link rel="alternate" href="ko" hreflang="ko"/><link rel="alternate" href="it" hreflang="it"/>
    <!-- js -->
    <script type="text/javascript" src="https://www.iodraw.com/file/static/common.js"></script>
	<script type="text/javascript" src="js/common/main.js?v=109" charset="utf-8"></script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	        </button>
			<a id="iodrawLogo" class="navbar-brand" href=""><i></i><strong>ioDraw</strong></a>
		</div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
			<form id="search" class="navbar-form navbar-left" action="template" method="GET">
				<div class="dropdown">
					<div class="input-group dropdown-toggle">
						<input id="searchInput" name="q" type="text" class="form-control" autocomplete="off" value="" placeholder="搜模板">
						<span class="input-group-btn">
							<button id="searchBtn" class="btn btn-default" type="submit">
								<i class="glyphicon glyphicon-search"> </i>
							</button>
						</span>
					</div>
					<ul id="searchResults" class="dropdown-menu"></ul>
				</div>
			</form>
			<div class="navbar-form navbar-right">
	            <a type="button" class="btn btn-primary" target="_blank" href="/diagram">现在开始</a>
	        </div>
	        <a id="uinfoImg" class="navbar-text navbar-right" href="disk"><i class="glyphicon glyphicon-user"></i></a>
	        <div class="navbar-text navbar-right dropdown" id="langDrop">
		      <a class="dropdown-toggle" data-toggle="dropdown">中文<span class="caret"></span></a>
		      <ul class="dropdown-menu" id="langDropUL">
		        <li><a href="/">中文</a></li>
		        <li><a href="/en">English</a></li>
		        <li><a href="/es">Español</a></li>
		        <li><a href="/ar">العربية</a></li>
		        <li><a href="/fr">Français</a></li>
		        <li><a href="/pt">Português</a></li>
		        <li><a href="/ru">Pусский</a></li>
		        <li><a href="/ja">日本語</a></li>
		        <li><a href="/de">Deutsch</a></li>
		        <li><a href="/ko">한국어</a></li>
		        <li><a href="/it">Italiano</a></li>
		      </ul>
		    </div>
	        <a class="navbar-text navbar-right" href="blog">博客</a>
	        <a class="navbar-text navbar-right" href="template">模板</a>
	        <a class="navbar-text navbar-right" href="/whiteboard" target="_blank">白板</a>
	        <a class="navbar-text navbar-right" href="gantt" target="_blank">甘特图</a>
	        <a class="navbar-text navbar-right" href="mind" target="_blank">思维导图</a>
	        <div class="navbar-text navbar-right dropdown" id="wxQrcode">
		    	<div class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-qrcode"></span></div>
			    <ul class="dropdown-menu pull-right" id="wxQrcodeUL">
			        <li><span></span></li>
			        <li>微信关注</li>
			    </ul>
		    </div>
	    </div>
    </div>
</nav>
<div id="iodrawContainer" class="container form-horizontal">
	<div class="form-group">
		<div class="col-sm-12">
			<h1 class="text-center">免费在线画图，无需注册</h1>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12">
			<p class="text-center text-muted">支持流程图、思维导图、甘特图、拓扑图、时序图、原型图、UML、平面设计图、电路图等</p>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12 text-center">
			<img alt="免费在线画图，无需注册" class="home-image" src="img/common/home-flow.png">
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12 text-center">
			<a class="btn btn-lg btn-primary home-btn" target="_blank" href="http://www.iodraw.com/diagram">开 始</a>
			<a class="btn btn-lg btn-default home-btn" target="_blank" href="https://gitee.com/ixiaoyang8/iodraw/releases">下 载</a>
		</div>
	</div>

	<div class="form-group">
		<div class="col-sm-12" id="homeList">
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <a class="media-left media-middle" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/basic/flowchart.xml" target="_blank">
			  	<i class="media-object homeicon homeicon-flow"></i>
			  </a>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/basic/flowchart.xml" target="_blank">流程图</a></h3>
			    <p class="col-sm-11">可用于绘制各种流程图，操作简单，功能强大；软件内置海量精美流程图模板，帮助你轻松绘制项目管理</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <a class="media-left media-middle" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/uml/uml_1.xml" target="_blank">
			  	<i class="media-object homeicon homeicon-uml"></i>
			  </a>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/uml/uml_1.xml" target="_blank">UML图</a></h3>
			    <p class="col-sm-11">UML统一建模语言，又称标准建模语言。是用来对软件密集系统进行可视化建模的一种语言。</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <a class="media-left media-middle" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/network/cisco_1.xml" target="_blank">
			  	<i class="media-object homeicon homeicon-net"></i>
			  </a>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/network/cisco_1.xml" target="_blank">网络拓扑图</a></h3>
			    <p class="col-sm-11">内置计算机，服务器，路由器等上万个矢量图片和模版，拖拽式绘图，更快的创建漂亮专业的网络拓扑图</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <a class="media-left media-middle" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/engineering/electrical_1.xml" target="_blank">
			  	<i class="media-object homeicon homeicon-circuit"></i>
			  </a>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/engineering/electrical_1.xml" target="_blank">电子电路图</a></h3>
			    <p class="col-sm-11">电子电路图是指按照统一的符号将导线将电源、开关、电器、电流表、电压表等连接起来组成电路表示出来图</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <a class="media-left media-middle" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/other/floor_plan.xml" target="_blank">
			  	<i class="media-object homeicon homeicon-graphic"></i>
			  </a>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/other/floor_plan.xml" target="_blank">平面设计图</a></h3>
			    <p class="col-sm-11">用于房屋设计，建筑设计，平面设计图体现了设计师对空间的整体规划，平面设计图是建筑工程中不可缺少的步骤</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <a class="media-left media-middle" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/charts/bar_chart_1.xml" target="_blank">
			  	<i class="media-object homeicon homeicon-charts"></i>
			  </a>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="https://www.iodraw.com/diagram/#Uhttps://www.iodraw.com/diagram/templates/charts/bar_chart_1.xml" target="_blank">统计图表</a></h3>
			    <p class="col-sm-11">支持柱状图、折线图、饼图、雷达图、等常见的统计图表。</p>
			  </div>
			</div>
		</div>
	</div>

	<div class="form-group">
		<div class="col-sm-12">
			<h2 class="text-center">思维导图，记录灵感</h2>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12">
			<p class="text-center text-muted">支持思维导图、逻辑结构图、组织结构图、目录组织图、鱼骨图等</p>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12 text-center">
			<img alt="思维导图，记录灵感" class="home-image" src="img/common/home-mind.png">
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12 text-center">
			<a class="btn btn-lg btn-primary home-btn" target="_blank" href="mind">立即体验</a>
		</div>
	</div>

	<div class="form-group">
		<div class="col-sm-12" id="homeList">
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <div class="media-left media-middle">
			  	<a class="media-object temp-item mind" href="mind#Uhttps://www.iodraw.com/components/mind/json/mind-map.json"></a>
			  </div>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="mind#Uhttps://www.iodraw.com/components/mind/json/mind-map.json" target="_blank">思维导图</a></h3>
			    <p class="col-sm-11">头脑风暴、思维整理、项目策划、团队协作，多场景全面提升您的效率</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <div class="media-left media-middle">
			  	<a class="media-object temp-item file-tree" href="mind#Uhttps://www.iodraw.com/components/mind/json/file-tree.json"></a>
			  </div>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="mind#Uhttps://www.iodraw.com/components/mind/json/file-tree.json" target="_blank">目录组织图</a></h3>
			    <p class="col-sm-11">又名目录文件树，划分层级表示整个文件的关系结构，多用于系统目录和网站地图中</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <div class="media-left media-middle">
			  	<a class="media-object temp-item fishbone" href="mind#Uhttps://www.iodraw.com/components/mind/json/fishbone.json"></a>
			  </div>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="mind#Uhttps://www.iodraw.com/components/mind/json/fishbone.json" target="_blank">鱼骨图</a></h3>
			    <p class="col-sm-11">又名因果图，是一种发现问题原因的分析方法，分为整理问题型鱼骨图、原因型鱼骨图、对策型鱼骨图</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <div class="media-left media-middle">
			  	<a class="media-object temp-item logic" href="mind#Uhttps://www.iodraw.com/components/mind/json/logic.json"></a>
			  </div>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="mind#Uhttps://www.iodraw.com/components/mind/json/logic.json" target="_blank">逻辑结构图</a></h3>
			    <p class="col-sm-11">多用于软件的逻辑结构设计，系统的逻辑结构是对整个系统从思想的分类，把系统分成若干个逻辑单元，分别实现自己的功能</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <div class="media-left media-middle">
			  	<a class="media-object temp-item org" href="mind#Uhttps://www.iodraw.com/components/mind/json/org.json"></a>
			  </div>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="mind#Uhttps://www.iodraw.com/components/mind/json/org.json" target="_blank">组织结构图</a></h3>
			    <p class="col-sm-11">轻松绘制企业各级层的员工关系、部门关系和职能划分，增强组织的协调性</p>
			  </div>
			</div>
			<div class="media col-lg-4 col-md-6 col-sm-12 col-xs-12">
			  <div class="media-left media-middle">
			  	<a class="media-object temp-item sky" href="mind#Uhttps://www.iodraw.com/components/mind/json/sky.json"></a>
			  </div>
			  <div class="media-body">
			    <h3 class="media-heading"><a class="col-sm-10" href="mind#Uhttps://www.iodraw.com/components/mind/json/sky.json" target="_blank">天盘图</a></h3>
			    <p class="col-sm-11">主要用于项目管理中，分为概念天盘图、项目管理天盘图、项目架构天盘图、管理主线示意图</p>
			  </div>
			</div>
		</div>
	</div>

	<div class="form-group">
		<div class="col-sm-12">
			<h2 class="text-center">甘特图，项目进度管理</h2>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12">
			<p class="text-center text-muted">一款轻量级的在线甘特图工具，它简单、强大、美观，让您在管理项目上得心应手</p>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12 text-center">
			<img alt="甘特图，项目进度管理" class="home-image" src="img/common/home-gantt.png">
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12 text-center">
			<a class="btn btn-lg btn-primary home-btn" target="_blank" href="gantt">立即体验</a>
		</div>
	</div>

	<div class="form-group">
		<div class="col-sm-12">
			<h2 class="text-center">在线白板，手绘图表</h2>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12">
			<p class="text-center text-muted">一款方便精美的手绘风格绘图工具，设计简洁，易上手</p>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12 text-center">
			<img alt="在线白板，手绘图表" class="home-image" src="img/common/home-whiteboard.png">
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12 text-center">
			<a class="btn btn-lg btn-primary home-btn" target="_blank" href="whiteboard">立即体验</a>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12">
			<h2 class="text-center">海量模板，轻松绘制</h2>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12">
			<p class="text-center text-muted">所有模板都是免费的</p>
			<p class="text-center text-muted">轻松创建流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图</p>
			<p class="text-center text-muted">无需下载和安装，即用即走</p>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-12 text-center">
			<a class="btn btn-lg btn-link home-btn" target="_blank" href="template">查看更多...</a>
		</div>
	</div>

</div>

</body>
</html>