Key features of the designer
<p style="vertical-align:;">
<br />
</p>
<p>
<span style="font-weight:bold;font-size:10.5000pt;font-family:'Times New Roman';">1. Canvas</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p>
<span style="font-size:12.0000pt;font-family:'Times New Roman';">The canvas is the </span><span style="font-size:12.0000pt;font-family:'宋体';">core o</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">f the </span><span style="font-size:12.0000pt;font-family:'宋体';">diagram </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">designer. Drag and drop shapes onto the canvas to get star</span><span style="font-size:12.0000pt;font-family:'宋体';">t</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">ed. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Resize the canvas to </span><span style="font-size:12.0000pt;font-family:'宋体';">be able to draw </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">large and small diagrams. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Change the orientation and layout of each page. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Hide or resize the grid. <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<br />
<span style="font-size:12.0000pt;font-family:'Times New Roman';"></span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p>
<span style="font-weight:bold;font-size:10.5000pt;font-family:'Times New Roman';">2. Menu bar</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p>
<span style="font-size:12.0000pt;font-family:'Times New Roman';">Located at the top of the </span><span style="font-size:12.0000pt;font-family:'宋体';">diagram </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">designer under</span><span style="font-size:12.0000pt;font-family:'宋体';">neath</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> the document title, the menu bar provides </span><span style="font-size:12.0000pt;font-family:'宋体';">different tools to draw your chart within the program</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· </span><span style="font-size:12.0000pt;font-family:'宋体';">There is a well-organized list of tools for working with the designer</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Insert images</span><span style="font-size:12.0000pt;font-family:'宋体';"> or </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">text</span><span style="font-size:12.0000pt;font-family:'宋体';">s</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'宋体';">into your diagram or draw different kinds of lines. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· </span><span style="font-size:12.0000pt;font-family:'宋体';">Moving the cursor along the bar, it displays hotkeys for each action within the drop down menu.</span><span style="font-size:12.0000pt;font-family:'宋体';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· </span><span style="font-size:12.0000pt;font-family:'宋体';">If you don</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">’</span><span style="font-size:12.0000pt;font-family:'宋体';">t know how to handle the program, hit the </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">“</span><span style="font-size:12.0000pt;font-family:'宋体';">help</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">”</span><span style="font-size:12.0000pt;font-family:'宋体';"> button</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">.</span><span style="font-size:12.0000pt;font-family:'宋体';"> <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'宋体';">Choose </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">“</span><span style="font-size:12.0000pt;font-family:'宋体';">getting started</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">”</span><span style="font-size:12.0000pt;font-family:'宋体';"> to start the drawing guide which <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'宋体';">will explain the functions of the diagram designer to you.</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<br />
<span style="font-size:12.0000pt;font-family:'Times New Roman';"></span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p>
<span style="font-weight:bold;font-size:10.5000pt;font-family:'Times New Roman';">3. </span><span style="font-weight:bold;font-size:10.5000pt;font-family:'宋体';">Tool</span><span style="font-weight:bold;font-size:10.5000pt;font-family:'Times New Roman';"> bar</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p>
<span style="font-size:12.0000pt;font-family:'Times New Roman';">Located </span><span style="font-size:12.0000pt;font-family:'宋体';">directly </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">under</span><span style="font-size:12.0000pt;font-family:'宋体';">neath</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> the menu bar, the </span><span style="font-size:12.0000pt;font-family:'宋体';">tool</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> bar allows you to quickly</span>
</p>
<p>
<span style="font-size:12.0000pt;font-family:'Times New Roman';">change </span><span style="font-size:12.0000pt;font-family:'宋体';">your charting tools</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Brush</span><span style="font-size:12.0000pt;font-family:'宋体';">: </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">Use</span><span style="font-size:12.0000pt;font-family:'宋体';"> the</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> brush </span><span style="font-size:12.0000pt;font-family:'宋体';">for</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> formating. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Undo and redo</span><span style="font-size:12.0000pt;font-family:'宋体';">: These two buttons can be used to undo or redo <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'宋体';">your previous actions.</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Text</span><span style="font-size:12.0000pt;font-family:'宋体';">: In this area you can select the size, color, font and styling of the texts you</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">’</span><span style="font-size:12.0000pt;font-family:'宋体';">re adding to the chart. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Lines</span><span style="font-size:12.0000pt;font-family:'宋体';">: Choose between the following options for your line layout:</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> color, <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">width, line dash, line type, arrow type. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Shapes</span><span style="font-size:12.0000pt;font-family:'宋体';">: You can also change the color of you templates</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">’</span><span style="font-size:12.0000pt;font-family:'宋体';"> filling and <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'宋体';">the color and thickness of the shapes</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">’</span><span style="font-size:12.0000pt;font-family:'宋体';"> lines. <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<br />
<span style="font-size:12.0000pt;font-family:'宋体';"></span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p>
<span style="font-weight:bold;font-size:10.5000pt;font-family:'Times New Roman';">4. Shape library</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p>
<span style="font-size:12.0000pt;font-family:'Times New Roman';">The shape library on the left contains all the </span><span style="font-size:12.0000pt;font-family:'宋体';">templates </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">you need to create your diagrams. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· </span><span style="font-size:12.0000pt;font-family:'宋体';">There are different shapes available depending on the kind of diagram you choose when you start working. </span><span style="font-size:12.0000pt;font-family:'宋体';"></span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· </span><span style="font-size:12.0000pt;font-family:'宋体';">If you wish to use all templates available, choose </span><span style="font-size:12.0000pt;font-family:'Times New Roman';">“</span><span style="font-size:12.0000pt;font-family:'宋体';">uncategorized <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<span style="font-size:12.0000pt;font-family:'宋体';">diagram</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">”</span><span style="font-size:12.0000pt;font-family:'宋体';"> when starting a new diagram.</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> <br />
</span>
</p>
<p style="margin-left:18.0000pt;">
<br />
<span style="font-size:12.0000pt;font-family:'Times New Roman';"></span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p>
<span style="font-weight:bold;font-size:10.5000pt;font-family:'Times New Roman';">5. Graphic Panel</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p>
<span style="font-size:12.0000pt;font-family:'Times New Roman';">The graphic panel on the right of the designer has several essential features. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· </span><span style="font-size:12.0000pt;font-family:'宋体';">The n</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">avigator</span><span style="font-size:12.0000pt;font-family:'宋体';"> helps you to view your diagram from a different perspective. Zoom in and out or use the thumbnail view or the full screen perspective. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· </span><span style="font-size:12.0000pt;font-family:'宋体';">In the g</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">raphic</span><span style="font-size:12.0000pt;font-family:'宋体';"> area you can choose the s</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">tyle and color of </span><span style="font-size:12.0000pt;font-family:'宋体';">templates</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> <br />
</span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">and lines</span><span style="font-size:12.0000pt;font-family:'宋体';">. You can also upload pictures.</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· </span><span style="font-size:12.0000pt;font-family:'宋体';">In the m</span><span style="font-size:12.0000pt;font-family:'Times New Roman';">etric</span><span style="font-size:12.0000pt;font-family:'宋体';"> area you can change the position, angle and the size <br />
</span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'宋体';">of an object.</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Data attribute</span><span style="font-size:12.0000pt;font-family:'宋体';">s: Here you can add data</span><span style="font-size:12.0000pt;font-family:'Times New Roman';"> </span><span style="font-size:12.0000pt;font-family:'宋体';">and additional information </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"><br />
</span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">to the document. </span><span style="font-size:12.0000pt;font-family:'Times New Roman';"></span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Page settings</span><span style="font-size:12.0000pt;font-family:'宋体';">: Here it is possible to change the size, margins and <br />
</span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'宋体';">background of your page. You may also find the grid settings. </span><span style="font-size:12.0000pt;font-family:'宋体';"></span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'Times New Roman';">· Revision history</span><span style="font-size:12.0000pt;font-family:'宋体';">: Have a look how your document developed over time or <br />
</span>
</p>
<p style="margin-left:18.0000pt;text-align:justify;">
<span style="font-size:12.0000pt;font-family:'宋体';">return to a certain previous version. </span><span style="font-size:12.0000pt;font-family:'宋体';"></span>
</p>
<p>
<br />
</p>
<br />
<br />
<img src="/file/id/53f410940cf27bdb52fcda2f/support_image" alt="" height="261" width="650" />
<p style="margin-left:18.0000pt;text-align:justify;vertical-align:;">
Figure 4. Key features of the designer<br />
<span style="font-size:10.5000pt;font-family:'Arial';"></span><span style="font-size:10.5000pt;font-family:'Arial';"></span>
</p>