{"id":128,"date":"2010-08-03T09:17:12","date_gmt":"2010-08-03T09:17:12","guid":{"rendered":"http:\/\/website-website.co.uk\/?p=128"},"modified":"2011-09-09T14:37:59","modified_gmt":"2011-09-09T14:37:59","slug":"web-vs-print-design","status":"publish","type":"post","link":"http:\/\/website-website.co.uk\/index.php\/web-design\/web-vs-print-design\/","title":{"rendered":"WEB VS PRINT DESIGN: 10 MAJOR DIFFERENCES"},"content":{"rendered":"<div id=\"_mcePaste\">The design of media for printing is much more different than designing internet solution media.<\/div>\n<div id=\"_mcePaste\">To get more familiar with these two types of design we would compare their features below:<\/div>\n<p>The design of media for printing is much more different than designing internet solution media.To get more familiar with these two types of design we would compare their features below:<\/p>\n<h1><span style=\"color: #3366ff;\">1. Size &amp; Resolution<\/span><\/h1>\n<p><strong>WEB<\/strong><br \/>\nThe size of the images is 1:1, with resolution 72 dpi (dots per inch)<\/p>\n<p><strong>PRINT<\/strong><br \/>\nThe size of the images is 1:1, with resolution 300 dpi (dots per inch)<\/p>\n<h1><span style=\"color: #3366ff;\">2. Colors<\/span><\/h1>\n<p style=\"text-align: left;\"><strong>WEB<\/strong><br \/>\nAll colors are in RGB (Red, Green \u0438 Blue) mode.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-129  aligncenter\" title=\"rgb\" src=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/rgb.jpg\" alt=\"Design for web\" width=\"300\" height=\"300\" srcset=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/rgb.jpg 300w, http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/rgb-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><!--more--><\/p>\n<p style=\"text-align: left;\"><strong>PRINT<\/strong><br \/>\nAll colors are in CMYK (Cyan, Magenta, Yellow \u0438 Black) mode.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-130 aligncenter\" title=\"cmyk\" src=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/cmyk.jpg\" alt=\"Print design\" width=\"300\" height=\"300\" srcset=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/cmyk.jpg 300w, http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/cmyk-150x150.jpg 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h1><span style=\"color: #3366ff;\">3. Rasters and Vectors<\/span><\/h1>\n<p><strong>WEB<\/strong><br \/>\nRaster images are used &#8211; the image is composed by dots in different colors.<\/p>\n<p><strong>PRINT<\/strong><br \/>\nVector images are used &#8211; composed by curves.<\/p>\n<h1><span style=\"color: #3366ff;\">4. Positioning<\/span><\/h1>\n<p><strong>WEB<\/strong><br \/>\nWhen designing, it is important to plan the content position very carefully according to the standard monitors&#8217; resolution<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-131\" title=\"web\" src=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/web.jpg\" alt=\"\" width=\"440\" height=\"221\" srcset=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/web.jpg 440w, http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/web-300x150.jpg 300w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/p>\n<p><strong>PRINT<\/strong><br \/>\nWhen designing, it is necessary to consider carefully the cutting line.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-132\" title=\"cut\" src=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/cut.jpg\" alt=\"\" width=\"440\" height=\"264\" srcset=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/cut.jpg 440w, http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/cut-300x180.jpg 300w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><\/p>\n<h1><span style=\"color: #3366ff;\">5. Text<\/span><\/h1>\n<p style=\"text-align: left;\"><strong>WEB<\/strong><br \/>\nAll text is just raster text or may be converted to a raster image (remember the dots?)<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-133    aligncenter\" title=\"selekt-text\" src=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/selekt-text.jpg\" alt=\"\" width=\"258\" height=\"129\" \/><\/p>\n<p><strong>PRINT<br \/>\n<\/strong>The text may be converted to curves in order to look better on paper<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-134  aligncenter\" title=\"vector-text\" src=\"http:\/\/website-website.co.uk\/wp-content\/uploads\/2010\/08\/vector-text.jpg\" alt=\"\" width=\"258\" height=\"129\" \/><\/p>\n<h1><strong>6. Fonts and Typefaces<\/strong><\/h1>\n<p><strong>WEB<\/strong><br \/>\nThere is a limited number of type styles, which are supported by the browser and all OS such as Verdana, Gerogia, Arial, Timen New Roman, Impact etc. These are called &#8220;web safe&#8221; fonts, because they can be displayed on all machines.<\/p>\n<p><strong>PRINT<\/strong><br \/>\nThere is no limit for type styles. All available types are suitable for this design type.<\/p>\n<h1><span style=\"color: #3366ff;\">7. Time<\/span><\/h1>\n<p><strong>WEB<\/strong><br \/>\nWeb design requires more time for completion.<\/p>\n<p><strong>PRINT<\/strong><br \/>\nPrint design is time effective and requires less time for completion (depends on the project)<\/p>\n<h1><span style=\"color: #3366ff;\">8. Measurements<\/span><\/h1>\n<p><strong>WEB<\/strong><br \/>\nIn web design everything is measured in pixels<\/p>\n<p><strong>PRINT<\/strong><br \/>\nIn print design everything is measured in cm and mm.<\/p>\n<h1><span style=\"color: #3366ff;\">9. Software<\/span><\/h1>\n<p><strong>WEB<\/strong><br \/>\nWeb Design&#8217;s software is independent. Usually it is : Adobe Photoshop, Illustrator, and InDesign<\/p>\n<p><strong>PRINT<\/strong><br \/>\nThe software depends closely on the machines that are being used for producing the materials. It consists mainly of vector procession like Illustrator, and InDesign, CorelDraw, Quark Expres etc.<\/p>\n<h1><span style=\"color: #3366ff;\">10. Way of functioning<\/span><\/h1>\n<p><strong>WEB<\/strong><br \/>\nWay of functioning &#8211; information moved by hand, expression of information relationships is possible as a part of interaction and user movement.<\/p>\n<p><strong>PRINT<\/strong><br \/>\nWay of functioning &#8211; the eyes walk over the information, selecting objects and using spatial juxtaposing order to enhance the page elements and make them explain each other.<\/p>\n<p><a href=\"http:\/\/www.goliveuk.com\/Website_solutions_and_ecommerce\/website_design.aspx\" target=\"_blank\">Web Design London<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The design of media for printing is much more different than designing internet solution media. To get more familiar with these two types of design we would compare their features below: The design of media for printing is much more different than designing internet solution media.To get more familiar with these two types of design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[12,11,85,161,83,80,79,81,84,82,17,162,160,149,151],"class_list":["post-128","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-color","tag-design","tag-difference","tag-e-commerce-development","tag-font","tag-graphic","tag-print","tag-raster","tag-specific","tag-vector-design","tag-web","tag-web-design-and-development-company","tag-web-design-and-development-london","tag-web-design-london","tag-web-development-london"],"_links":{"self":[{"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":10,"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":137,"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/128\/revisions\/137"}],"wp:attachment":[{"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/website-website.co.uk\/index.php\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}