{"id":4763,"date":"2015-11-22T14:39:37","date_gmt":"2015-11-22T22:39:37","guid":{"rendered":"http:\/\/networkdiagram101.com\/?page_id=4763"},"modified":"2016-11-12T20:33:58","modified_gmt":"2016-11-13T04:33:58","slug":"tip-15","status":"publish","type":"page","link":"https:\/\/networkdiagram101.com\/?page_id=4763","title":{"rendered":"Tip 15"},"content":{"rendered":"<div id=\"google_translate_element\"><\/div>\n<p><script type=\"text\/javascript\">\nfunction googleTranslateElementInit() {\n  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL, gaTrack: true, gaId: 'UA-41069223-1'}, 'google_translate_element');\n}\n<\/script><script type=\"text\/javascript\" src=\"\/\/translate.google.com\/translate_a\/element.js?cb=googleTranslateElementInit\"><\/script><\/p>\n<p><span style=\"font-size: 18px;\"><span style=\"color: #676767;\"><span><span class='dropcap1'>D<\/span>raw hierarchically by starting out simple, layering on details as you go. Use a new layer (TIP 3) for each step of detail and you can lock down the information once it is defined. Using this technique, you will be focused on each level of information, producing a detail rich diagram. \u00a0<\/span><\/span><\/span><br \/>\n<div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><span style=\"color: #78d18b;\"><strong>Example 15-1<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">Lay out your primary components such as WAN clouds, routers, switches, and firewalls. Keep them spaced apart with enough room to add data later. Symmetry and balance is important, so it is easier to do layout changes before adding any links between the icons.\u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-8.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><span style=\"color: #78d18b;\"><strong>Example 15-2<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">Add connectors, keeping them nicely spaced and symmetrical when possible.\u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-7.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><span style=\"color: #78d18b;\"><strong>Example 15-3<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">Next, add interface names, hardware location, and L3 addresses. Keep it simple and abbreviate in order to conserve space.\u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p><center><div id=\"metaslider-id-4804\" style=\"max-width: 1152px;\" class=\"ml-slider-3-23-0 metaslider metaslider-nivo metaslider-4804 ml-slider\">\n    <div id=\"metaslider_container_4804\">\n        <div class='slider-wrapper theme-default'><div class='ribbon'><\/div><div id='metaslider_4804' class='nivoSlider'><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-61.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4804 slide-4806\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-6-1-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4804 slide-4807\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-6-2-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4804 slide-4805\" \/><\/div><\/div>\n        \n    <\/div>\n<\/div><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><span style=\"color: #78d18b;\"><strong>Example 15-4<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">Add speed, L2\/L3, and VLAN ID information.\u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p><center><div id=\"metaslider-id-4810\" style=\"max-width: 1152px;\" class=\"ml-slider-3-23-0 metaslider metaslider-nivo metaslider-4810 ml-slider\">\n    <div id=\"metaslider_container_4810\">\n        <div class='slider-wrapper theme-default'><div class='ribbon'><\/div><div id='metaslider_4810' class='nivoSlider'><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-51.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4810 slide-4811\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-5-1-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4810 slide-4812\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-5-2-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4810 slide-4813\" \/><\/div><\/div>\n        \n    <\/div>\n<\/div><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><span style=\"color: #78d18b;\"><strong>Example 15-5<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">Next, add device names, management IPs, hardware type, and IOS version.\u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p><center><div id=\"metaslider-id-4817\" style=\"max-width: 1152px;\" class=\"ml-slider-3-23-0 metaslider metaslider-nivo metaslider-4817 ml-slider\">\n    <div id=\"metaslider_container_4817\">\n        <div class='slider-wrapper theme-default'><div class='ribbon'><\/div><div id='metaslider_4817' class='nivoSlider'><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-41.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4817 slide-4818\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-4-1-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4817 slide-4819\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-4-2-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4817 slide-4820\" \/><\/div><\/div>\n        \n    <\/div>\n<\/div><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><span style=\"color: #78d18b;\"><strong>Example 15-6<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">Now that you have a good idea of the remaining space around the diagram, you can drop in &#8220;information breakouts&#8221; such as VLANs, wireless, voice, and static assignments. \u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p><center><div id=\"metaslider-id-4824\" style=\"max-width: 1152px;\" class=\"ml-slider-3-23-0 metaslider metaslider-nivo metaslider-4824 ml-slider\">\n    <div id=\"metaslider_container_4824\">\n        <div class='slider-wrapper theme-default'><div class='ribbon'><\/div><div id='metaslider_4824' class='nivoSlider'><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-31.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4824 slide-4825\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-3-1-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4824 slide-4826\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-3-2-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4824 slide-4827\" \/><\/div><\/div>\n        \n    <\/div>\n<\/div><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><span style=\"color: #78d18b;\"><strong>Example 15-7<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">Embellish with vendor logos.\u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p><center><div id=\"metaslider-id-4829\" style=\"max-width: 1152px;\" class=\"ml-slider-3-23-0 metaslider metaslider-nivo metaslider-4829 ml-slider\">\n    <div id=\"metaslider_container_4829\">\n        <div class='slider-wrapper theme-default'><div class='ribbon'><\/div><div id='metaslider_4829' class='nivoSlider'><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-21.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4829 slide-4830\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-2-1-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4829 slide-4831\" \/><\/div><\/div>\n        \n    <\/div>\n<\/div><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><span style=\"color: #78d18b;\"><strong>Example 15-8<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">Finally, add a title, logo, and border.\u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p><center><div id=\"metaslider-id-4833\" style=\"max-width: 1152px;\" class=\"ml-slider-3-23-0 metaslider metaslider-nivo metaslider-4833 ml-slider\">\n    <div id=\"metaslider_container_4833\">\n        <div class='slider-wrapper theme-default'><div class='ribbon'><\/div><div id='metaslider_4833' class='nivoSlider'><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-11.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4833 slide-4834\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-1-1-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4833 slide-4835\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-1-2-1152x745.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4833 slide-4836\" \/><\/div><\/div>\n        \n    <\/div>\n<\/div><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<h3><span style=\"color: #78d18b;\"><strong>Example 15-9<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">Full evolution.\u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p><center><div id=\"metaslider-id-4780\" style=\"max-width: 1152px;\" class=\"ml-slider-3-23-0 metaslider metaslider-nivo metaslider-4780 ml-slider\">\n    <div id=\"metaslider_container_4780\">\n        <div class='slider-wrapper theme-default'><div class='ribbon'><\/div><div id='metaslider_4780' class='nivoSlider'><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-8.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4780 slide-4788\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-7.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4780 slide-4787\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-6.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4780 slide-4786\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-5.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4780 slide-4785\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-4.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4780 slide-4784\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-3.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4780 slide-4783\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-2.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4780 slide-4782\" \/><img src=\"https:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/11\/TIP15-1.jpg\" height=\"745\" width=\"1152\" alt=\"\" class=\"slider-4780 slide-4781\" \/><\/div><\/div>\n        \n    <\/div>\n<\/div><center><\/center><\/center>&nbsp;<\/p>\n<div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p style=\"text-align: center;\"><a target='_self' href='http:\/\/networkdiagram101.com\/?page_id=2660' class='button large rounded green'>&lt; TIP<\/a><a target='_self' href='http:\/\/networkdiagram101.com\/?page_id=12280\" target=\"_blank' class='button large rounded green'>TIP &gt;<\/a>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2013\/05\/compass-vsmall.png\" \/><\/center><center><a target='_blank' href='http:\/\/networkdiagram101.com\/?page_id=820' class='button large rounded orange'>Diagram Store<\/a><\/center>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>raw hierarchically by starting out simple, layering on details as you go. Use a new layer (TIP 3) for each step of detail and you can lock down the information once it is defined. Using this technique, you will be focused on each level of&#8230;<\/p>\n","protected":false},"author":116,"featured_media":4764,"parent":66,"menu_order":15,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/4763"}],"collection":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/users\/116"}],"replies":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4763"}],"version-history":[{"count":77,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/4763\/revisions"}],"predecessor-version":[{"id":5036,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/4763\/revisions\/5036"}],"up":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/66"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/media\/4764"}],"wp:attachment":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}