CINXE.COM

<!DOCTYPE html><html data-app-version="-production" lang="en"><head><link rel="preload" href="https://static.tutsplus.com/packs/static/fonts/fa-solid-900-130191cbdfe1d7a5dde9.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://static.tutsplus.com/packs/static/fonts/fa-regular-400-7b8124cb811f19c72e48.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://static.tutsplus.com/packs/static/fonts/fa-brands-400-78547c4b11a377e195ff.woff2" as="font" type="font/woff2" crossorigin="anonymous"><script>window.Tutsplus = {}; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; Tutsplus.environment = 'production'; Tutsplus.apexDomain = 'tutsplus.com'; Tutsplus.recaptchaSiteKey = '6Ldpx74UAAAAACuA5loIvNFtSYkAxOiK89Otp9dp'; Tutsplus.rollbarToken = '15981c89d2cb4b20994adb78613f9f59'; Tutsplus.rollbarEnabled = false; Tutsplus.ssoEnabled = true; Tutsplus.ssoServer = 'https://account.envato.com'; Tutsplus.ssoSignInPath = '/sso/sign_in.json'; Tutsplus.resetPasswordPath = 'https://account.envato.com/reset_password?to=tutsplus?to=tutsplus'; Tutsplus.forcedResetPasswordPath = 'https://account.envato.com/password_reset_required?to=tutsplus?to=tutsplus'; Tutsplus.adsEnabled = true; Tutsplus.is_posts_page = true; Tutsplus.is_post_page = true; Tutsplus.ext_social = false; Tutsplus.load_mathjax_library = false; Tutsplus.load_twitter_widget = false;</script><script type="text/javascript" data-turbo-eval="false"> window.addEventListener("CookiebotOnDialogDisplay", (event) => { const cookieDialog = event.srcElement.CookieConsentDialog.DOM cookieDialog.dataset.turbo = false }) </script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-framework="TCFv2.2" type="text/javascript" data-georegions="{'region':'US','cbid':'d9683f70-895f-4427-97dc-f1087cddf9d8'}" async> </script> <script type="text/plain" data-cookieconsent="statistics" data-test-id="gtm-loader"> window['gtag_enable_tcf_support'] = true; if (!window.gtmLoaded) { (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l!='dataLayer'?'&l='+l:''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MXT8M8X'); window.gtmLoaded = true; } </script> <script src="https://static.tutsplus.com/packs/js/runtime-76a1416ff3535925e8ac.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/556-90d5ce5fe5cc14c13198.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/779-582d5befd4c454578e79.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/599-484f62584dbf173654de.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/697-a9d096daf58610e07328.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/894-832ae8a8953d06372554.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/post-7327cdaf9f3fb2bbf8ca.js" async="async" data-turbo-suppress-warning="" defer="defer"></script><link rel="stylesheet" media="all" href="https://static.tutsplus.com/packs/css/697-ce797325.css" /> <link rel="stylesheet" media="all" href="https://static.tutsplus.com/packs/css/post-4aef2c79.css" /><link href="/tailwind.css" rel="stylesheet" type="text/css" /><meta content="no-referrer-when-downgrade" name="referrer" /><meta charset="utf-8" /><meta content="no-cache" name="turbo-cache-control" /><meta content="reload" name="turbo-visit-control" /><meta content="" name="geo-regions" /><meta content="nocache" name="bingbot" /><link href="https://static.tutsplus.com" rel="preconnect" /><title>Video course: The principles of design | Envato Tuts+</title><link rel="canonical" href="https://design.tutsplus.com/articles/the-principles-of-design--cms-33962" /><link rel="icon" type="image/x-icon" href="https://static.tutsplus.com/packs/static/images/favicon-f8d459d2fa865233f59c.ico" /><link rel="apple-touch-icon" type="image/png" href="https://static.tutsplus.com/packs/static/images/apple-touch-icon-46747f8b314a25bfa124.png" /><link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="https://tutsplus.com/posts.atom" /><meta content="width=device-width, initial-scale=1" name="viewport" /><meta content="index, follow" name="robots" /><meta content="Video course: The principles of design | Envato Tuts+" property="og:title" /><meta content="Design & Illustration Envato Tuts+" property="og:site_name" /><meta content="1494084460809023" property="fb:app_id" /><meta content="Wondering what goes into the creation of a successful design piece? With this video course, learn what are the principles of design, see examples of principles of design, and more!" name="description" property="og:description" /><link href="https://cms-assets.tutsplus.com" rel="preconnect" /><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://design.tutsplus.com/articles/the-principles-of-design--cms-33962" }, "headline": "The principles of design", "author": { "@type": "Person", "name": "Laura Keung", "url": "https://tutsplus.com/authors/laura-keung" }, "datePublished": "2019-10-24 10:00:00 UTC", "dateModified": "2024-09-04 20:29:28 UTC", "image": "https://cms-assets.tutsplus.com/uploads/users/2796/posts/33962/preview_image/Principles_of_Design.jpg", "description": "Wondering what goes into the creation of a successful design piece? With this video course, learn what are the principles of design, see examples of principles of design, and more!", "url": "https://design.tutsplus.com/articles/the-principles-of-design--cms-33962", "publisher": { "@type": "Organization", "name": "Envato Tuts", "logo": { "@type": "ImageObject", "url": "https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png"} } }</script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "VideoObject", "name": "The Principles of Design | FREE COURSE", "description": "Design principles are a set of rules that can help you create visually pleasing work. In this course, we'll take a look at the main rules for creating compositions that work well and convey organized messages. 00:00 Introduction 00:52 Balance 02:33 Unit 04:15 Contrast 06:13 Emphasis 07:43 Replay 08:53 Pattern 10:43 Rhythm 12:15 Movement 14:09 Proportion 15:53 Harmony 17:58 Variety 19:58 Conclusion Resources used in this video: • https://i.pinimg.com/564x/04/98/63/0498633848b71275298a040cfe60ed78.jpg • https://elements.envato.com/summer-party-flyer-set-6NLQTJH?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://64.media.tumblr.com/07962788a17ab9eeb0487cb2e125646a/tumblr_osn3iteN8E1vwu500o1_1280.jpg • https://elements.envato.com/back-to-school-flyer-RBXJSFJ?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://mir-s3-cdn-cf.behance.net/project_modules/2800_opt_1/4c593d83303773.5d3c06e906e8e.png • https://elements.envato.com/company-profile-D9JHZJ?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://justseeds.org/wp-content/uploads/old/blog/images/Keniston_Uncommitted_Delta.jpg • https://elements.envato.com/food-day-business-card-template-4HGH9G?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://i.pinimg.com/564x/6c/4e/d5/6c4ed599e3ba6535e36370b04cad3fbf.jpg • https://elements.envato.com/brand-identity-mockups-CGQJDHD?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://i.pinimg.com/564x/64/30/5b/64305b33d2bc3133621ec27c898d1de7.jpg • https://elements.envato.com/business-card-elepath-H9BQ54E?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://i.pinimg.com/564x/2e/e9/8b/2ee98b4aaec8dc29132936a6b211e6fe.jpg • https://elements.envato.com/90s-summer-party-flyer-F9YM8T?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://i.pinimg.com/564x/38/bc/55/38bc55a31eb9640386dac2ef94d01989.jpg • https://elements.envato.com/international-peace-day-flyer-F6V8DMK?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://i.pinimg.com/564x/11/6e/53/116e5388dbea4beb05bd7855fda13e27.jpg • https://elements.envato.com/multipurpose-indesign-magazine-SGX47T?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://i.pinimg.com/564x/09/b5/60/09b5602519c9a68ffeb2fd23a70db112.jpg • https://elements.envato.com/future-club-cd-cover-artwork-XUX6DA8?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description • https://i.pinimg.com/564x/d8/96/19/d89619507969982d83fc80affe4469f0.jpg • https://elements.envato.com/colorful-disco-party-flyer-QL9PJNB?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description Learn more about The principles of design on Envato Tuts+: https://design.tutsplus.com/articles/the-principles-of-design--cms-33962?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Envato Tuts+ Discover free tutorials and online courses. Design a logo, create a website, build an app or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description Envato Elements All the creative resources you need in one subscription. Customize your project by adding unique photos, fonts, graphics and themes. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_9EPTM91TBDU&utm_medium=referral&utm_source=youtube.com&utm_content=description ► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus ► Follow Envato Tuts+ on Twitter: https://twitter.com/envato ► Follow Envato on Facebook: https://www.facebook.com/envato - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -", "thumbnailURL": ["https://i.ytimg.com/vi/9EPTM91TBDU/default.jpg", "https://i.ytimg.com/vi/9EPTM91TBDU/mqdefault.jpg", "https://i.ytimg.com/vi/9EPTM91TBDU/hqdefault.jpg"], "uploadDate": "2022-08-25", "contentUrl": "https://www.youtube.com/watch?v=9EPTM91TBDU", "embeduRL": "https://www.youtube.com/embed/9EPTM91TBDU" }</script><meta content="article" property="og:type" /><meta content="https://design.tutsplus.com/articles/the-principles-of-design--cms-33962" property="og:url" /><link href="https://design.tutsplus.com/articles/the-principles-of-design--cms-33962" hreflang="x-default" rel="alternate" /><link href="https://design.tutsplus.com/articles/the-principles-of-design--cms-33962" hreflang="en" rel="alternate" /><meta content="https://cms-assets.tutsplus.com/uploads/users/2796/posts/33962/preview_image/Principles_of_Design.jpg" property="og:image" /><meta content="summary_large_image" name="twitter:card" /><meta content="@tutsplus" name="twitter:site" /><meta content="The principles of design" name="twitter:title" /><meta content="Wondering what goes into the creation of a successful design piece? With this video course, learn what are the principles of design, see examples of principles of design, and more!" name="twitter:description" /><meta content="https://cms-assets.tutsplus.com/uploads/users/2796/posts/33962/preview_image/Principles_of_Design.jpg" name="twitter:image" /><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Envato", "alternateName": "Envato Tuts+", "url": "https://tutsplus.com/", "logo": "https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png", "contactPoint": {"@type": "ContactPoint", "telephone": "+61 3 8376 6284", "contactType": "corporate contact"}, "parentOrganization": {"@type": "Organization", "name": "Envato Pty Ltd", "url": "https://www.envato.com/about"}, "sameAs": [ "https://tutsplus.com/", "https://business.tutsplus.com/", "https://code.tutsplus.com/", "https://design.tutsplus.com/", "https://webdesign.tutsplus.com/", "https://photography.tutsplus.com/", "https://music.tutsplus.com/", "https://cgi.tutsplus.com/", "https://gamedevelopment.tutsplus.com/", "https://computers.tutsplus.com/", "https://elements.envato.com/", "https://themeforest.net/", "https://codecanyon.net/", "https://audiojungle.net/", "https://videohive.net/", "https://graphicriver.net/", "https://photodune.net/", "https://3docean.net/", "https://placeit.net/", "https://mixkit.co/", "https://www.reshot.com/", "https://twitter.com/envato", "https://www.facebook.com/envato", "https://www.youtube.com/user/Envato", "https://www.instagram.com/envato/", "https://www.pinterest.com/envato/", "https://market.envato.com/" ] }</script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Envato Tuts+", "url": "https://tutsplus.com" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://design.tutsplus.com/articles/the-principles-of-design--cms-33962" }, "itemListElement": [{"@type":"ListItem","position":1,"name":"Home","item":{"@type":"Thing","@id":"https://tutsplus.com/"}},{"@type":"ListItem","position":2,"name":"Design & Illustration","item":{"@type":"Thing","@id":"https://design.tutsplus.com"}},{"@type":"ListItem","position":3,"name":"Theory","item":{"@type":"Thing","@id":"https://design.tutsplus.com/c/theory"}}] } </script> <meta content="t60fIs6JfmiK5FpPBlh_bKr5lJSX6abJYYIFjqiFG3M" name="google-site-verification" /><meta content="D3E35339A8EC086B14C62277CBEC8234" name="msvalidate.01" /><meta content="zvqxFgQqdy" name="baidu-site-verification" /></head><body class="page-body body--announcement-bar topic-design post__fullwidth-inarticle-ad-footer" data-analytics-context="body" data-controller="ga-analytics content-filters utm" data-ga-autolink-domains="activeden.net,audiojungle.net,themeforest.net,videohive.net,graphicriver.net,3docean.net,codecanyon.net,photodune.net,market.envato.com,elements.envato.com,build.envatohostedservices.com,author.envato.com,envato.com" data-ga-domain="tutsplus.com" data-utm-is-content-page-value="true" data-utm-utm-campaign-value="cms-33962" data-utm-utm-medium-value="articles" data-wt-dcsid="dcs222cpd4g6lg7wb3cum8l5g_6w6m" name="page-body"> <script data-test-id="gtm-page-attributes"> window.dataLayer = window.dataLayer || []; function normalizeAttributeValue(value) { if (value === undefined) return undefined if (value === null) return undefined var normalizedValue = value .toString() .toLowerCase() .trim() .replace(/&/g, '&') .replace(/'/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } (function () { if (document.documentElement.hasAttribute('data-turbo-preview')) return var pageAttributes = { app_name: 'tutsplus', app_version: '483', app_env: 'production', topic: 'design & illustration', page_type: 'article', category: 'Theory', sub_category: '', software_tag: '', tag: '', ga_param: '' } var normalizedPageAttributes = { event_attributes: null } Object.keys(pageAttributes).forEach(function(key) { normalizedPageAttributes[key] = normalizeAttributeValue(pageAttributes[key]) }) dataLayer.push(normalizedPageAttributes) dataLayer.push({ event: 'analytics_ready', event_attributes: { custom_timestamp: Date.now() } }) })() </script> <noscript data-test-id="gtm-noscript"> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MXT8M8X" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript>  <script src="https://static.tutsplus.com/packs/js/global_nav_scroll-e15d1af062eca0d35d71.js" defer="defer"></script><nav class="global-nav view new-nav" data-analytics-context="navigation" data-controller="global-nav"><a class="global-new-nav__skip-to-content-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="#page-content">Skip to content</a><div class="announcement-bar view announcement-bar--open" data-controller="announcement-bar" data-announcement-id="newbrand_dec24" data-background-image="" data-fallback-background-color="#9CEE69" data-text-color="#000000" data-link-color="#FFFFFF" data-analytics-context="announcement bar" > <div class="announcement-bar__content"> <div class="announcement-bar__primary"> <div class="announcement-bar__title"> <div align="center" class="font-family-polysan-regular"> <span class="announcement-bar__title-desktop"> <strong>Unlimited fonts, graphic templates, mockups, add-ons & more </strong> </span> <span class="announcement-bar__title-mobile"> <strong>Unlimited creative assets </strong> </span> <a rel="noskim" href="https://elements.envato.com/?utm_source=tutsplus.com&utm_medium=promos&utm_campaign=elements_tuts-header_promo" data-action="click->ga-analytics#sendElementsClickEvent">From $16.50/m</a> </div> <style> .announcement-bar__title a { border-radius:4px; background-color:#191919; padding:0px 20px; box-shadow:0px 0px 0px #aeec7b; margin:10px 10px 10px 10px; font-size:12px; height:30px; line-height:30px; text-decoration:none; color:#ffffff; } .announcement-bar__title a:hover { background-color: #383838; text-decoration:none; color:#25410d; } </style> </div> </div> <div class="announcement-bar__secondary"> <a title="Close this announcement bar" class="announcement-bar__close-link" data-action="click->announcement-bar#close click->global-nav#onAnnouncementBarClose" href="#"> <span class="announcement-bar__close-label">Dismiss</span> <i class="fa fa-times announcement-bar__close-icon"></i> </a> </div> </div> </div> <div class="global-nav__mobile-closed"><div class="nav-actions"><a class="mobile-menu-icon mobile-header-action" data-action="click->global-nav#toggle" href="javascript:"><i class="fa fa-reorder"></i></a><a class="global-nav__header-tuts-logo-link mobile-header-action mobile-home-logo" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://tutsplus.com/"><img alt="envato-tuts+" class="global-nav__header-tuts-logo-image new-nav-mobile" src="https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png" /></a><a class="mobile-search-icon mobile-header-action" data-action="click->global-nav#toggle" href="javascript:"><i class="fa fa-magnifying-glass"></i></a></div></div><div class="global-nav__mobile-overlay"></div><div class="global-nav__mobile-new"><section class="view global-nav__mobile-open-header"><a class="global-nav__header-tuts-logo-link mobile-header-action mobile-home-logo" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://tutsplus.com/"><img alt="envato-tuts+" class="global-nav__header-tuts-logo-image new-nav-mobile" src="https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png" /></a><a class="mobile-close-icon mobile-header-action" data-action="click->global-nav#toggle" href="javascript:"><i class="fa fa-times"></i></a></section><section class="global-nav__mobile-search view new-nav-mobile" data-controller="global-search"><form class="global-nav__search-form mobile" data-turbo="false" data-action="submit->global-nav#sendSearchDataLayerEvent submit->global-search#perform_search" action="https://design.tutsplus.com/t/tutorials/search" accept-charset="UTF-8" method="get"><input type="text" name="search[terms]" id="search_terms" value="" placeholder="Search tutorials, courses and resources" class="font-family-polysan-regular !global-nav__search-terms" data-action="keydown->global-search#keydown input->global-search#auto_suggestions focus->global-search#focus_in" /> <div class="search__auto_suggestions_container " data-global-search-target="suggestionContainer" data-action="mousedown->global-search#onSuggestionContainerMousedown" > <div class="search__auto_suggestions_content"> <div class="search__auto_suggesstion_list_container"> <div class="search__auto_suggesstion_list_content"> <ul class="search__auto_suggesstion_list" role="listbox" data-global-search-target="suggestionList"> </ul> </div> </div> </div> </div><button name="button" type="submit" class="global-nav__search-button" aria-label="Search"><i class="fa fa-search"></i></button></form></section><ul class='global-nav__mobile-top-level new-nav-mobile'> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Design'> <a href='javascript:' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action='click->global-nav#toggleSecondLevelSection'> <span class='global-nav__mobile-top-level-link-title'> Design </span> <span class='global-nav__mobile-top-level-expand-text'> <i class='fa fa-angle-right global-nav__mobile-top-level-link-icon'></i> </span> </a> <div class='global-nav__mobile-second-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleSecondLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-second-level-heading '> <span class='global-nav__mobile-second-level-heading-title'> Design </span> <a href='https://design.tutsplus.com' class='global-nav__mobile-second-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-second-level-heading-link-text'> View all Design </span> <span class='global-nav__mobile-second-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title'>Start Learning</div> <ul class='global-nav__mobile-second-level-links'> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Software'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Software </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading global-nav__mobile-third-level-heading-without-link'> <span class='global-nav__mobile-third-level-heading-title'> Software </span> </section> <div class='global-nav__mobile-third-level-links-title empty-title'> </div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/compatible-with/adobe-photoshop' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/compatible-with/adobe-illustrator' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/compatible-with/adobe-indesign' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe InDesign </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Affinity Designer'> <a href='https://design.tutsplus.com/compatible-with/affinity-designer' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_designer@2x-e69ef559fb7a1e507c86.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Affinity Designer </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Affinity Photo'> <a href='https://design.tutsplus.com/compatible-with/affinity-photo' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_photo@2x-e1859e202b4b27252ed2.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Affinity Photo </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Affinity Publisher'> <a href='https://design.tutsplus.com/compatible-with/affinity-publisher' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_publisher@2x-9504a4b72ffbc8149ef6.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Affinity Publisher </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Procreate'> <a href='https://design.tutsplus.com/compatible-with/procreate' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/procreate@2x-902df43890c35eb287be.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Procreate </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='PaintTool SAI'> <a href='https://design.tutsplus.com/compatible-with/painttool-sai' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/paint_tool_sai@2x-ed7a8a1515b6284fddae.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> PaintTool SAI </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Pixelmator'> <a href='https://design.tutsplus.com/compatible-with/pixelmator' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/pixelmator@2x-6164fdb2c3d8d785d844.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Pixelmator </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='CorelDRAW'> <a href='https://design.tutsplus.com/compatible-with/coreldraw' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/coreldraw@2x-5ee61822ae33ff9a74c6.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> CorelDRAW </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Inkscape'> <a href='https://design.tutsplus.com/compatible-with/inkscape' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/inkscape@2x-83eb54ad4756d5e7dcb7.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Inkscape </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Sketch'> <a href='https://design.tutsplus.com/compatible-with/sketch' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/sketch@2x-06b2d1b0b5e67fbd7a46.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Sketch </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Design Space'> <a href='https://design.tutsplus.com/compatible-with/design-space' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/cricut@2x-8ba4bf38b0ec7ea18673.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Design Space </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='AI Tools'> <a href='https://design.tutsplus.com/compatible-with/ai-tools' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/ai_tools@2x-829ddec496349c126fb9.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> AI Tools </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Drawing/Illustration'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Drawing/Illustration </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Drawing/Illustration </span> <a href='https://design.tutsplus.com/c/drawingillustration' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Drawing/Illustration </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title '>Learn Illustration</div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Vectors'> <a href='https://design.tutsplus.com/c/drawingillustration/s/vectors' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Vectors </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Digital Painting'> <a href='https://design.tutsplus.com/c/drawingillustration/s/digital-painting' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Digital Painting </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Character Design'> <a href='https://design.tutsplus.com/c/drawingillustration/s/character-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Character Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Pixel Art'> <a href='https://design.tutsplus.com/c/drawingillustration/s/pixel-art' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Pixel Art </span> </a> </li> </ul> <div class='global-nav__mobile-second-level-links-title '>Learn Drawing</div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Animals'> <a href='https://design.tutsplus.com/c/drawingillustration/s/animals' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Animals </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Drawing Theory'> <a href='https://design.tutsplus.com/c/drawingillustration/s/drawing-theory' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Drawing Theory </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Human Anatomy'> <a href='https://design.tutsplus.com/c/drawingillustration/s/human-anatomy' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Human Anatomy </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Cartoons & Comics'> <a href='https://design.tutsplus.com/c/drawingillustration/s/cartoons-comics' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Cartoons & Comics </span> </a> </li> </ul> <div class='global-nav__mobile-third-level-links-title '> popular software in Drawing/Illustration </div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/c/drawingillustration/compatible-with/adobe-illustrator' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Procreate'> <a href='https://design.tutsplus.com/c/drawingillustration/compatible-with/procreate' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/procreate@2x-902df43890c35eb287be.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Procreate </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Graphic Design'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Graphic Design </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Graphic Design </span> <a href='https://design.tutsplus.com/c/graphic-design' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Graphic Design </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Techniques & Workflow'> <a href='https://design.tutsplus.com/c/graphic-design/s/techniques-workflow' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Techniques & Workflow </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Photo Manipulation'> <a href='https://design.tutsplus.com/c/graphic-design/s/photo-manipulation' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Photo Manipulation </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Infographics'> <a href='https://design.tutsplus.com/c/graphic-design/s/infographics' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Infographics </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='3D Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/3d-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> 3D Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Print Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/print-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Print Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Apparel Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/apparel-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Apparel Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Logo Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/logo-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Logo Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Icon Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/icon-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Icon Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Packaging Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/packaging-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Packaging Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Book Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/book-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Book Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Branding'> <a href='https://design.tutsplus.com/c/graphic-design/s/branding' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Branding </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Motion Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/motion-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Motion Design </span> </a> </li> </ul> <div class='global-nav__mobile-third-level-links-title '> popular software in Graphic Design </div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-photoshop' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-illustrator' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-indesign' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe InDesign </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Affinity Designer'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/affinity-designer' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_designer@2x-e69ef559fb7a1e507c86.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Affinity Designer </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Typography'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Typography </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Typography </span> <a href='https://design.tutsplus.com/c/typography' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Typography </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Fonts'> <a href='https://design.tutsplus.com/c/typography/s/fonts' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Fonts </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Hand Lettering'> <a href='https://design.tutsplus.com/c/typography/s/hand-lettering' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Hand Lettering </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Web Typography'> <a href='https://design.tutsplus.com/c/typography/s/web-typography' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Web Typography </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Add-Ons'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Add-Ons </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Add-Ons </span> <a href='https://design.tutsplus.com/c/add-ons' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Add-Ons </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Photoshop Actions'> <a href='https://design.tutsplus.com/c/add-ons/s/photoshop-actions' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Photoshop Actions </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Photoshop Brushes'> <a href='https://design.tutsplus.com/c/add-ons/s/photoshop-brushes' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Photoshop Brushes </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Illustrator Brushes'> <a href='https://design.tutsplus.com/c/add-ons/s/illustrator-brushes' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Illustrator Brushes </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Layer Styles'> <a href='https://design.tutsplus.com/c/add-ons/s/layer-styles' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Layer Styles </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Procreate Add-Ons'> <a href='https://design.tutsplus.com/c/add-ons/s/procreate-add-ons' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Procreate Add-Ons </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Overlays & Textures'> <a href='https://design.tutsplus.com/c/add-ons/s/overlays-textures' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Overlays & Textures </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Photo Effects'> <a href='https://design.tutsplus.com/c/add-ons/s/photo-effects' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Photo Effects </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Patterns'> <a href='https://design.tutsplus.com/c/add-ons/s/patterns' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Patterns </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Text Effects'> <a href='https://design.tutsplus.com/c/add-ons/s/text-effects' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Text Effects </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Graphic Templates'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Graphic Templates </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Graphic Templates </span> <a href='https://design.tutsplus.com/c/graphic-templates' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Graphic Templates </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Album Cover'> <a href='https://design.tutsplus.com/c/graphic-templates/s/album-cover' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Album Cover </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Book'> <a href='https://design.tutsplus.com/c/graphic-templates/s/book' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Book </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Brochure'> <a href='https://design.tutsplus.com/c/graphic-templates/s/brochure' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Brochure </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Card & Invite'> <a href='https://design.tutsplus.com/c/graphic-templates/s/card-invite' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Card & Invite </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Business Card'> <a href='https://design.tutsplus.com/c/graphic-templates/s/business-card' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Business Card </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Flyer'> <a href='https://design.tutsplus.com/c/graphic-templates/s/flyer' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Flyer </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Magazine'> <a href='https://design.tutsplus.com/c/graphic-templates/s/magazine' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Magazine </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Menu'> <a href='https://design.tutsplus.com/c/graphic-templates/s/menu' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Menu </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Newsletter'> <a href='https://design.tutsplus.com/c/graphic-templates/s/newsletter' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Newsletter </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Packaging'> <a href='https://design.tutsplus.com/c/graphic-templates/s/packaging' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Packaging </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Poster'> <a href='https://design.tutsplus.com/c/graphic-templates/s/poster' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Poster </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Resume & CV'> <a href='https://design.tutsplus.com/c/graphic-templates/s/resume-cv' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Resume & CV </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Social Media'> <a href='https://design.tutsplus.com/c/graphic-templates/s/social-media' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Social Media </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Stationery'> <a href='https://design.tutsplus.com/c/graphic-templates/s/stationery' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Stationery </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Theory'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Theory </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Theory </span> <a href='https://design.tutsplus.com/c/theory' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Theory </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Art History'> <a href='https://design.tutsplus.com/c/theory/s/art-history' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Art History </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Global Influences'> <a href='https://design.tutsplus.com/c/theory/s/global-influences' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Global Influences </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Design Trends'> <a href='https://design.tutsplus.com/c/theory/s/design-trends' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Design Trends </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Color Theory'> <a href='https://design.tutsplus.com/c/theory/s/color-theory' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Color Theory </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Mockups'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Mockups </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Mockups </span> <a href='https://design.tutsplus.com/c/mockups' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Mockups </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Apparel'> <a href='https://design.tutsplus.com/c/mockups/s/apparel' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Apparel </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Banners & Ads'> <a href='https://design.tutsplus.com/c/mockups/s/banners-ads' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Banners & Ads </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Book'> <a href='https://design.tutsplus.com/c/mockups/s/book' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Book </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Brochure'> <a href='https://design.tutsplus.com/c/mockups/s/brochure' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Brochure </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Flyer'> <a href='https://design.tutsplus.com/c/mockups/s/flyer' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Flyer </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Devices'> <a href='https://design.tutsplus.com/c/mockups/s/devices' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Devices </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Logo'> <a href='https://design.tutsplus.com/c/mockups/s/logo' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Logo </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Magazine'> <a href='https://design.tutsplus.com/c/mockups/s/magazine' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Magazine </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Mug'> <a href='https://design.tutsplus.com/c/mockups/s/mug' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Mug </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Packaging'> <a href='https://design.tutsplus.com/c/mockups/s/packaging' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Packaging </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Poster'> <a href='https://design.tutsplus.com/c/mockups/s/poster' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Poster </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Crafting'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Crafting </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Crafting </span> <a href='https://design.tutsplus.com/c/crafting' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Crafting </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Cricut'> <a href='https://design.tutsplus.com/c/crafting/s/cricut' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Cricut </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Digital Scrapbooking'> <a href='https://design.tutsplus.com/c/crafting/s/digital-scrapbooking' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Digital Scrapbooking </span> </a> </li> </ul> </div> </div> </li> </ul> <div class='global-nav__mobile-second-level-links-title '> popular software in Design </div> <ul class='global-nav__mobile-second-level-links'> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/compatible-with/adobe-photoshop' class='global-nav__mobile-second-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-nav__mobile-second-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/compatible-with/adobe-illustrator' class='global-nav__mobile-second-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-nav__mobile-second-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/compatible-with/adobe-indesign' class='global-nav__mobile-second-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-nav__mobile-second-level-link-title'> Adobe InDesign </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Business'> <a href='https://business.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Business </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Photo'> <a href='https://photography.tutsplus.com/photo' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Photo </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Video'> <a href='https://photography.tutsplus.com/video' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Video </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Web Design'> <a href='https://webdesign.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Web Design </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Code'> <a href='https://code.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Code </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Music'> <a href='https://music.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Music </span> </a> </li> </ul> <hr class="global-nav__mobile-divider" /><ul class="global-nav-mobile__envato-links new-nav-mobile"><li class="global-nav__mobile-top-level-item"><turbo-frame id="user_mobile_session_info" loading="lazy" src="/user_mobile_session?show_greeting=false"><a data-turbo="false" class="global-nav__mobile-user-link" href="https://tutsplus.com/sign_in?redirect_to=https%3A%2F%2Fdesign.tutsplus.com%2Farticles%2Fthe-principles-of-design--cms-33962">Sign In</a></turbo-frame></li><li class="global-nav__mobile-top-level-item"><a class="global-mobile__header-item--envato-link font-family-polysan-regular" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q">Tuts+ YouTube</a></li><li class="global-nav__mobile-top-level-item"><a class="global-mobile__header-item--envato-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://elements.envato.com">Envato</a></li></ul></div><div class="global-new-nav__header"><div class="global-new-nav__header-content"><div class="global-new-nav__header-top"><div class="global-new-nav__header-right"><ul class="global-new-nav__header-list"><li class="global-new-nav__header-item"><a class="global-nav__header-item--envato-link leading-5 font-family-polysan-regular" data-action="click->ga-analytics#sendElementsClickEvent" href="https://elements.envato.com?utm_campaign=elements_tuts-header_nav&utm_medium=promos&utm_source=tutsplus">Envato Elements</a></li><li class="global-new-nav__header-item global-new-nav__header-divider">|</li><li class="global-new-nav__header-item"><a class="global-nav__header-item--envato-link leading-5 font-family-polysan-regular" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q?utm_campaign=elements_tuts-header_nav&utm_medium=promos&utm_source=tutsplus">Tuts+ YouTube</a></li><li class="global-new-nav__header-item global-new-nav__header-divider">|</li><li class="global-new-nav__header-item"><turbo-frame id="user_session_info" loading="lazy" src="/user_session"><a data-turbo="false" class="global-new-nav__user-link font-bold leading-5 font-family-polysan-regular-bulky" rel="nofollow" href="https://tutsplus.com/sign_in?redirect_to=https%3A%2F%2Fdesign.tutsplus.com%2Farticles%2Fthe-principles-of-design--cms-33962">Sign In</a></turbo-frame></li></ul></div></div><div class="global-new-nav__header-bottom"><ul class="global-nav__header-list" data-controller="subcategories-nav"><li class="global-nav__header-item global-nav__header-item-tuts-logo"><a class="global-nav__header-tuts-logo-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://tutsplus.com/"><img alt="envato-tuts+" class="global-nav__header-tuts-logo-image new-nav-mobile" src="https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png" /></a></li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median global-nav__top-level-item--expanded'> <a href='https://design.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Design</span> </a> <div class='global-new-nav__header-second-level'> <ul class='global-nav__header-second-level-list'> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name="Software"> <div class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'>Software</span> <i class='fa fa-chevron-down'></i> </div> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/compatible-with/adobe-photoshop' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/compatible-with/adobe-illustrator' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/compatible-with/adobe-indesign' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe InDesign </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Affinity Designer'> <a href='https://design.tutsplus.com/compatible-with/affinity-designer' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_designer@2x-e69ef559fb7a1e507c86.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Affinity Designer </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Affinity Photo'> <a href='https://design.tutsplus.com/compatible-with/affinity-photo' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_photo@2x-e1859e202b4b27252ed2.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Affinity Photo </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Affinity Publisher'> <a href='https://design.tutsplus.com/compatible-with/affinity-publisher' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_publisher@2x-9504a4b72ffbc8149ef6.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Affinity Publisher </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Procreate'> <a href='https://design.tutsplus.com/compatible-with/procreate' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/procreate@2x-902df43890c35eb287be.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Procreate </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='PaintTool SAI'> <a href='https://design.tutsplus.com/compatible-with/painttool-sai' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/paint_tool_sai@2x-ed7a8a1515b6284fddae.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> PaintTool SAI </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Pixelmator'> <a href='https://design.tutsplus.com/compatible-with/pixelmator' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/pixelmator@2x-6164fdb2c3d8d785d844.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Pixelmator </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='CorelDRAW'> <a href='https://design.tutsplus.com/compatible-with/coreldraw' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/coreldraw@2x-5ee61822ae33ff9a74c6.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> CorelDRAW </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Inkscape'> <a href='https://design.tutsplus.com/compatible-with/inkscape' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/inkscape@2x-83eb54ad4756d5e7dcb7.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Inkscape </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Sketch'> <a href='https://design.tutsplus.com/compatible-with/sketch' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/sketch@2x-06b2d1b0b5e67fbd7a46.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Sketch </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Design Space'> <a href='https://design.tutsplus.com/compatible-with/design-space' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/cricut@2x-8ba4bf38b0ec7ea18673.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Design Space </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='AI Tools'> <a href='https://design.tutsplus.com/compatible-with/ai-tools' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/ai_tools@2x-829ddec496349c126fb9.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> AI Tools </span> </a> </li> </ul> </ul> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Drawing/Illustration'> <a href='https://design.tutsplus.com/c/drawingillustration' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Drawing/Illustration </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Learn Illustration </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Vectors'> <a href='https://design.tutsplus.com/c/drawingillustration/s/vectors' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Vectors </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Digital Painting'> <a href='https://design.tutsplus.com/c/drawingillustration/s/digital-painting' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Digital Painting </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Character Design'> <a href='https://design.tutsplus.com/c/drawingillustration/s/character-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Character Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Pixel Art'> <a href='https://design.tutsplus.com/c/drawingillustration/s/pixel-art' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Pixel Art </span> </a> </li> <li class='global-new-nav__header-third-level-link-item'> <a href='https://design.tutsplus.com/c/drawingillustration/s/illustration' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Illustration </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Learn Drawing </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Animals'> <a href='https://design.tutsplus.com/c/drawingillustration/s/animals' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Animals </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Drawing Theory'> <a href='https://design.tutsplus.com/c/drawingillustration/s/drawing-theory' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Drawing Theory </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Human Anatomy'> <a href='https://design.tutsplus.com/c/drawingillustration/s/human-anatomy' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Human Anatomy </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Cartoons & Comics'> <a href='https://design.tutsplus.com/c/drawingillustration/s/cartoons-comics' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Cartoons & Comics </span> </a> </li> <li class='global-new-nav__header-third-level-link-item'> <a href='https://design.tutsplus.com/c/drawingillustration/s/drawing' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Drawing </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </li> </ul> </ul> </div> <div class='global-new-nav__header-third-level-popular-softwares'> <ul class='global-new-nav__header-third-level-links'> <li> <div class='global-new-nav__header-third-level-links-title'>popular software</div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/c/drawingillustration/compatible-with/adobe-illustrator' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Procreate'> <a href='https://design.tutsplus.com/c/drawingillustration/compatible-with/procreate' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/procreate@2x-902df43890c35eb287be.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Procreate </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Graphic Design'> <a href='https://design.tutsplus.com/c/graphic-design' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Graphic Design </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Techniques & Workflow'> <a href='https://design.tutsplus.com/c/graphic-design/s/techniques-workflow' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Techniques & Workflow </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Photo Manipulation'> <a href='https://design.tutsplus.com/c/graphic-design/s/photo-manipulation' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Photo Manipulation </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Infographics'> <a href='https://design.tutsplus.com/c/graphic-design/s/infographics' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Infographics </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='3D Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/3d-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> 3D Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Print Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/print-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Print Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Apparel Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/apparel-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Apparel Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Logo Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/logo-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Logo Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Icon Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/icon-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Icon Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Packaging Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/packaging-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Packaging Design </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Book Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/book-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Book Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Branding'> <a href='https://design.tutsplus.com/c/graphic-design/s/branding' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Branding </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Motion Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/motion-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Motion Design </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/graphic-design' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Graphic Design </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> <div class='global-new-nav__header-third-level-popular-softwares'> <ul class='global-new-nav__header-third-level-links'> <li> <div class='global-new-nav__header-third-level-links-title'>popular software</div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-photoshop' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-illustrator' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-indesign' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe InDesign </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Affinity Designer'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/affinity-designer' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_designer@2x-e69ef559fb7a1e507c86.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Affinity Designer </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Typography'> <a href='https://design.tutsplus.com/c/typography' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Typography </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Fonts'> <a href='https://design.tutsplus.com/c/typography/s/fonts' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Fonts </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Hand Lettering'> <a href='https://design.tutsplus.com/c/typography/s/hand-lettering' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Hand Lettering </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Web Typography'> <a href='https://design.tutsplus.com/c/typography/s/web-typography' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Web Typography </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/typography' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Typography </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Add-Ons'> <a href='https://design.tutsplus.com/c/add-ons' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Add-Ons </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Photoshop Actions'> <a href='https://design.tutsplus.com/c/add-ons/s/photoshop-actions' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Photoshop Actions </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Photoshop Brushes'> <a href='https://design.tutsplus.com/c/add-ons/s/photoshop-brushes' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Photoshop Brushes </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Illustrator Brushes'> <a href='https://design.tutsplus.com/c/add-ons/s/illustrator-brushes' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Illustrator Brushes </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Layer Styles'> <a href='https://design.tutsplus.com/c/add-ons/s/layer-styles' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Layer Styles </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Procreate Add-Ons'> <a href='https://design.tutsplus.com/c/add-ons/s/procreate-add-ons' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Procreate Add-Ons </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Overlays & Textures'> <a href='https://design.tutsplus.com/c/add-ons/s/overlays-textures' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Overlays & Textures </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Photo Effects'> <a href='https://design.tutsplus.com/c/add-ons/s/photo-effects' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Photo Effects </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Patterns'> <a href='https://design.tutsplus.com/c/add-ons/s/patterns' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Patterns </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Text Effects'> <a href='https://design.tutsplus.com/c/add-ons/s/text-effects' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Text Effects </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/add-ons' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Add-Ons </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Graphic Templates'> <a href='https://design.tutsplus.com/c/graphic-templates' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Graphic Templates </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Album Cover'> <a href='https://design.tutsplus.com/c/graphic-templates/s/album-cover' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Album Cover </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Book'> <a href='https://design.tutsplus.com/c/graphic-templates/s/book' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Book </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Brochure'> <a href='https://design.tutsplus.com/c/graphic-templates/s/brochure' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Brochure </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Card & Invite'> <a href='https://design.tutsplus.com/c/graphic-templates/s/card-invite' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Card & Invite </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Business Card'> <a href='https://design.tutsplus.com/c/graphic-templates/s/business-card' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Business Card </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Flyer'> <a href='https://design.tutsplus.com/c/graphic-templates/s/flyer' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Flyer </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Magazine'> <a href='https://design.tutsplus.com/c/graphic-templates/s/magazine' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Magazine </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Menu'> <a href='https://design.tutsplus.com/c/graphic-templates/s/menu' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Menu </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Newsletter'> <a href='https://design.tutsplus.com/c/graphic-templates/s/newsletter' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Newsletter </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Packaging'> <a href='https://design.tutsplus.com/c/graphic-templates/s/packaging' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Packaging </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Poster'> <a href='https://design.tutsplus.com/c/graphic-templates/s/poster' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Poster </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Resume & CV'> <a href='https://design.tutsplus.com/c/graphic-templates/s/resume-cv' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Resume & CV </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Social Media'> <a href='https://design.tutsplus.com/c/graphic-templates/s/social-media' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Social Media </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Stationery'> <a href='https://design.tutsplus.com/c/graphic-templates/s/stationery' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Stationery </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/graphic-templates' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Graphic Templates </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item active-category ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Theory'> <a href='https://design.tutsplus.com/c/theory' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Theory </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Art History'> <a href='https://design.tutsplus.com/c/theory/s/art-history' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Art History </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Global Influences'> <a href='https://design.tutsplus.com/c/theory/s/global-influences' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Global Influences </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Design Trends'> <a href='https://design.tutsplus.com/c/theory/s/design-trends' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Design Trends </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Color Theory'> <a href='https://design.tutsplus.com/c/theory/s/color-theory' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Color Theory </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/theory' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Theory </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Mockups'> <a href='https://design.tutsplus.com/c/mockups' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Mockups </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Apparel'> <a href='https://design.tutsplus.com/c/mockups/s/apparel' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Apparel </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Banners & Ads'> <a href='https://design.tutsplus.com/c/mockups/s/banners-ads' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Banners & Ads </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Book'> <a href='https://design.tutsplus.com/c/mockups/s/book' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Book </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Brochure'> <a href='https://design.tutsplus.com/c/mockups/s/brochure' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Brochure </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Flyer'> <a href='https://design.tutsplus.com/c/mockups/s/flyer' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Flyer </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Devices'> <a href='https://design.tutsplus.com/c/mockups/s/devices' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Devices </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Logo'> <a href='https://design.tutsplus.com/c/mockups/s/logo' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Logo </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Magazine'> <a href='https://design.tutsplus.com/c/mockups/s/magazine' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Magazine </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Mug'> <a href='https://design.tutsplus.com/c/mockups/s/mug' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Mug </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Packaging'> <a href='https://design.tutsplus.com/c/mockups/s/packaging' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Packaging </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Poster'> <a href='https://design.tutsplus.com/c/mockups/s/poster' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Poster </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/mockups' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Mockups </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Crafting'> <a href='https://design.tutsplus.com/c/crafting' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Crafting </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Cricut'> <a href='https://design.tutsplus.com/c/crafting/s/cricut' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Cricut </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Digital Scrapbooking'> <a href='https://design.tutsplus.com/c/crafting/s/digital-scrapbooking' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Digital Scrapbooking </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/crafting' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Crafting </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> </ul> </div> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://business.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Business</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://photography.tutsplus.com/photo' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Photo</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://photography.tutsplus.com/video' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Video</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://webdesign.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Web Design</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://code.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Code</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://music.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Music</span> </a> </li> </ul><div class="global-new-nav__header-right" data-controller="global-search"><form class="global-nav__search-form nonmobile" data-turbo="false" data-action="submit->global-nav#sendSearchDataLayerEvent submit->global-search#perform_search" action="https://design.tutsplus.com/t/tutorials/search" accept-charset="UTF-8" method="get"><input type="text" name="search[terms]" id="search_terms" value="" placeholder="Search tutorials, courses and resources" class="placeholder:leading-5 global-nav__search-terms !font-family-polysan-regular search-terms-nonmobile" data-action="keydown->global-search#keydown input->global-search#auto_suggestions focus->global-search#focus_in" /> <div class="search__auto_suggestions_container " data-global-search-target="suggestionContainer" data-action="mousedown->global-search#onSuggestionContainerMousedown" > <div class="search__auto_suggestions_content"> <div class="search__auto_suggesstion_list_container"> <div class="search__auto_suggesstion_list_content"> <ul class="search__auto_suggesstion_list" role="listbox" data-global-search-target="suggestionList"> </ul> </div> </div> </div> </div><button name="button" type="submit" class="global-nav__search-button" aria-label="Search"><i class="fa fa-search"></i></button></form></div></div></div></div></nav><div class="empty-sticky-nav-background-div" style="height: 207px"></div><div class="page-content topic-design " id="page-content"><main class="content" style="background-color: transparent;"><div class="content-banner"><div class="content-banner-restricted-width full_width_post"><ol class="content-banner__content-breadcrumb topic-design content-banner__content-breadcrumb-with-primary-category" data-controller="breadcrumbs-component" data-analytics-context="breadcrumbs"> <li class='breadcrumbs-link-item__home-icon'> <a href="https://tutsplus.com/" > <img alt="envato-tuts+" src="https://static.tutsplus.com/packs/static/images/home-67b42eb75817c9594bed.svg" /> </a> </li> <li class='breadcrumbs-link-item__home'> <a href="https://tutsplus.com/" > Home </a> </li> <li> <a href="https://design.tutsplus.com" > Design & Illustration </a> </li> <li> <a href="https://design.tutsplus.com/c/theory" > Theory </a> </li> </ol> <div class="content-banner__content"><div class="content-banner__body"><h1 class="content-banner__title font-family-polysan-regular-median">The principles of design</h1><div class="content-banner__summary">Wondering what goes into the creation of a successful design piece? Learn what are the principles of design, see examples of principles of design, and more!</div></div></div></div></div><div class="content-title"></div><input type="hidden" name="registrations_post_languages" id="registrations_post_languages" value="en" autocomplete="off" /><input type="hidden" name="registrations_primary_category_name" id="registrations_primary_category_name" value="Theory" autocomplete="off" /><input type="hidden" name="registrations_primary_subcategory_name" id="registrations_primary_subcategory_name" autocomplete="off" /><input type="hidden" name="registrations_content_type" id="registrations_content_type" value="Article" autocomplete="off" /><article class="post article view full_width_post " data-action="count-headings@window->post-promotion-placement#checkSidebarAdDisplayCondition" data-auto-insert-signup-is-enable-value="true" data-controller="inline-toc-analytics scroll-position sticky-ad post-promotion-placement auto-insert-signup"><div class='post-on-scroll-floating-buttons-group__container' data-controller='sticky-block' data-scroll-height-definer='.post-body__content' data-sticky-block-target='stickyElement' data-sticky-bottom='true'> <a href="#page-body" class="scroll-to-target" data-controller="scroll-to-target-tracking" data-action="click->scroll-to-target-tracking#onClick" data-label="Scroll to top" data-target-selector="#page-body"> <span class="scroll-to-target__btn-label">Scroll to top</span> <i class="fa fa-chevron-down scroll-to-target__btn-icon"></i> </a> </div> <div class="post__inarticle-ad-template is-hidden" data-placement-tag="" data-promotion-placement="5"><turbo-frame id="publift_lazy_article_mid_1" loading="lazy" src="/promotions/publift_promotion?position=article_mid_1&variation=in-article"><div class="avert fuse-ad avert--in-article"><div class="avert__wrapper"><div class="avert__content"></div><div class="avert__label">Advertisement</div></div></div></turbo-frame></div><div class="post__inarticle-ad-template is-hidden" data-placement-tag="" data-promotion-placement="8"><turbo-frame id="publift_lazy_article_mid_2" loading="lazy" src="/promotions/publift_promotion?position=article_mid_2&variation=in-article"><div class="avert fuse-ad avert--in-article"><div class="avert__wrapper"><div class="avert__content"></div><div class="avert__label">Advertisement</div></div></div></turbo-frame></div><div class="post__inarticle-ad-template-mobile is-hidden" data-placement-tag="" data-promotion-placement="3"><turbo-frame id="publift_lazy_mob_article_top" loading="lazy" src="/promotions/publift_promotion?position=mob_article_top&variation=in-article"><div class="avert fuse-ad avert--in-article"><div class="avert__wrapper"><div class="avert__content"></div><div class="avert__label">Advertisement</div></div></div></turbo-frame></div><div class="post__inarticle-ad-template-mobile is-hidden" data-placement-tag="" data-promotion-placement="8"><turbo-frame id="publift_lazy_mob_article_1" loading="lazy" src="/promotions/publift_promotion?position=mob_article_1&variation=in-article"><div class="avert fuse-ad avert--in-article"><div class="avert__wrapper"><div class="avert__content"></div><div class="avert__label">Advertisement</div></div></div></turbo-frame></div><div class="post__inarticle-ad-template-mobile is-hidden" data-placement-tag="" data-promotion-placement="11"><turbo-frame id="publift_lazy_mob_article_2" loading="lazy" src="/promotions/publift_promotion?position=mob_article_2&variation=in-article"><div class="avert fuse-ad avert--in-article"><div class="avert__wrapper"><div class="avert__content"></div><div class="avert__label">Advertisement</div></div></div></turbo-frame></div><div class="layout__content-with-sidebar"><div class="content-heading"><div><div class='content-heading__author-bio-and-meta-info'> <div class='content-heading__author-bio'> <img class="content-author__image" alt="Laura Keung" width="40" height="40" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=80/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x" loading="lazy" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=40/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" /> <div class='content-heading__author-name-publish-date-and-read-time'> <span class='content-heading__author-name'> <a rel="author" aria-label="Author: Laura Keung" href="https://tutsplus.com/authors/laura-keung">Laura Keung</a> </span> <div class='content-heading__publish-date-and-read-time'> <time datetime="2024-09-04T20:29:28Z" title="Sep 4, 2024"> Sep 4, 2024 </time> <span class='content-heading__separator'>•</span> 12 min read </div> </div> </div> <div class="content-heading__meta-info"> <div class='content-heading__meta-info-item'> <span class="content-heading__meta-info-likes">140</span> <div class='content-heading__meta-info-likes-icon'> <img alt="" src="https://static.tutsplus.com/packs/static/images/thumbs-up-e80969147d3487ef9dc5.svg" /> </div> </div> <div class="languges-and-sharing-component"> <div data-controller="share-icon" class='content-heading__social_share'> <div class="share-icon" > <a class="social-link facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://design.tutsplus.com/articles/the-principles-of-design--cms-33962" target="_blank"> <svg class="social-icon social-icon-fb" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M7.69921 19.3126V12.956H5.73572V10.0349H7.69921V8.77635C7.69921 5.52236 9.16588 4.01445 12.3484 4.01445C12.6667 4.01445 13.1064 4.0479 13.5135 4.09649C13.8185 4.12799 14.121 4.17988 14.4191 4.25182V6.90042C14.2467 6.88429 14.0739 6.87473 13.9008 6.87175C13.7069 6.8667 13.513 6.86431 13.3191 6.86458C12.7579 6.86458 12.3198 6.94105 11.9897 7.11072C11.7677 7.22249 11.5811 7.39404 11.4508 7.60619C11.246 7.94075 11.154 8.39878 11.154 9.00178V10.0349H14.2643L13.9579 11.7101L13.7302 12.956H11.154V19.5237C15.8698 18.9518 19.5238 14.9219 19.5238 10.0349C19.5238 4.75605 15.2595 0.476074 10 0.476074C4.74048 0.476074 0.476196 4.75605 0.476196 10.0349C0.476196 14.518 3.5508 18.2794 7.69921 19.3126Z"/> </svg> </a> </div> <div class="share-icon"> <a class="social-link" href=https://www.linkedin.com/shareArticle?mini=true&url=https://design.tutsplus.com/articles/the-principles-of-design--cms-33962&title=The%20principles%20of%20design&summary=Wondering%20what%20goes%20into%20the%20creation%20of%20a%20successful%20design%20piece%3F%20With%20this%20video%20course%2C%20learn%20what%20the%20principles%20of%20design%20are%2C%20see%20examples%20of%20principles%20of%20design%2C%20and%20more%21 target="_blank"> <svg class="social-icon social-icon-linkedin" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M19.5227 19.5237H15.5809V13.3374C15.5809 11.8622 15.551 9.96378 13.5269 9.96378C11.4717 9.96378 11.1579 11.5689 11.1579 13.2285V19.5237H7.21614V6.80232H11.0026V8.53635H11.0536C11.5827 7.53659 12.8692 6.48129 14.7913 6.48129C18.7851 6.48129 19.5238 9.11399 19.5238 12.5409L19.5227 19.5237ZM2.76423 5.06163C1.49542 5.06163 0.476166 4.03299 0.476166 2.76774C0.476166 1.5036 1.49653 0.476074 2.76423 0.476074C4.0286 0.476074 5.05341 1.5036 5.05341 2.76774C5.05341 4.03299 4.02749 5.06163 2.76423 5.06163ZM4.74064 19.5237H0.787822V6.80232H4.74064V19.5237Z"/> </svg> </a> </div> <div class="share-icon"> <a class="social-link" href="https://www.pinterest.com/pin/create/button/?url=https://design.tutsplus.com/articles/the-principles-of-design--cms-33962&description=Wondering%20what%20goes%20into%20the%20creation%20of%20a%20successful%20design%20piece%3F%20With%20this%20video%20course%2C%20learn%20what%20the%20principles%20of%20design%20are%2C%20see%20examples%20of%20principles%20of%20design%2C%20and%20more%21" target="_blank"> <div class="icon"> <svg class="social-icon social-icon-pinterest" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10.014 0.476074C4.74628 0.476074 0.476257 4.7356 0.476257 9.98957C0.476257 14.0205 2.98878 17.4634 6.53719 18.8483C6.45365 18.0951 6.37886 16.9412 6.56981 16.1189C6.74405 15.3753 7.68843 11.3912 7.68843 11.3912C7.68843 11.3912 7.40281 10.8197 7.40281 9.97766C7.40281 8.65782 8.17216 7.66734 9.12768 7.66734C9.94239 7.66734 10.3354 8.27766 10.3354 9.00703C10.3354 9.82369 9.81588 11.0443 9.54617 12.1753C9.31943 13.1221 10.0235 13.8935 10.9584 13.8935C12.6514 13.8935 13.9562 12.1118 13.9562 9.53877C13.9562 7.26814 12.3149 5.67449 9.97182 5.67449C7.2588 5.67449 5.66839 7.70782 5.66839 9.80068C5.66839 10.6205 5.98186 11.5015 6.37568 11.9761C6.45445 12.0713 6.46479 12.1546 6.44331 12.2499C6.3717 12.5475 6.2102 13.2015 6.17758 13.3316C6.13541 13.5102 6.04073 13.5467 5.85854 13.4626C4.6691 12.915 3.92283 11.1785 3.92283 9.77528C3.92283 6.77846 6.10915 4.01973 10.224 4.01973C13.5322 4.01973 16.1052 6.37449 16.1052 9.51417C16.1052 12.7959 14.031 15.4364 11.1461 15.4364C10.1803 15.4364 9.27328 14.9372 8.95185 14.3419L8.35595 16.6023C8.14193 17.4316 7.55716 18.4689 7.16413 19.0991C8.05759 19.3729 8.9988 19.5237 9.98853 19.5237C15.2451 19.5237 19.5239 15.2658 19.5239 10.0102C19.5239 4.75385 15.2451 0.496709 9.98853 0.496709L10.014 0.476074Z"/> </svg> </div> </a> </div> <div class="share-icon"> <a class="social-link" href="https://x.com/intent/post?url=https://design.tutsplus.com/articles/the-principles-of-design--cms-33962&text=The%20principles%20of%20design" target="_blank"> <svg class="social-icon social-icon-x" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M15.477 0.428467H18.3977L12.0167 7.69085L19.5238 17.5713H13.6461L9.04289 11.5781L3.77464 17.5713H0.852417L7.67781 9.80318L0.476227 0.429257H6.50321L10.6643 5.90726L15.477 0.428467ZM14.4524 15.8312H16.0707L5.62385 2.07771H3.88734L14.4524 15.8312Z"/> </svg> </a> </div> <div class="share-icon"> <a class="social-link copy-button" href="javascript:void(0)" data-action="click->share-icon#copyDomain"> <svg class="social-icon social-icon-link" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.9817 9.46401L15.1331 12.3126C14.6442 12.8015 14.0638 13.1894 13.4251 13.454C12.7863 13.7186 12.1016 13.8548 11.4102 13.8548C10.7188 13.8548 10.0341 13.7186 9.39535 13.454C8.75657 13.1894 8.17616 12.8015 7.68728 12.3126C7.56675 12.2123 7.46847 12.0879 7.39869 11.9475C7.32892 11.8071 7.28919 11.6536 7.28204 11.497C7.27489 11.3403 7.30047 11.1839 7.35716 11.0377C7.41386 10.8915 7.50041 10.7587 7.61129 10.6478C7.72218 10.5369 7.85496 10.4504 8.00117 10.3937C8.14738 10.337 8.30381 10.3114 8.46046 10.3185C8.61711 10.3257 8.77056 10.3654 8.91099 10.4352C9.05143 10.505 9.17578 10.6033 9.2761 10.7238C9.84289 11.2847 10.6081 11.5993 11.4055 11.5993C12.2029 11.5993 12.9681 11.2847 13.5349 10.7238L16.3835 7.87518C16.9483 7.31043 17.2655 6.54446 17.2655 5.74578C17.2655 4.9471 16.9483 4.18114 16.3835 3.61638C15.8188 3.05163 15.0528 2.73436 14.2541 2.73436C13.4554 2.73436 12.6895 3.05163 12.1247 3.61638L11.2222 4.52831C11.0102 4.74025 10.7228 4.85932 10.4231 4.85932C10.1233 4.85932 9.83589 4.74025 9.62395 4.52831C9.41201 4.31638 9.29295 4.02893 9.29295 3.7292C9.29295 3.42948 9.41201 3.14203 9.62395 2.93009L10.5359 2.01816C11.5233 1.03078 12.8624 0.476074 14.2588 0.476074C15.6552 0.476074 16.9943 1.03078 17.9817 2.01816C18.9691 3.00554 19.5238 4.34472 19.5238 5.74108C19.5238 7.13745 18.9691 8.47663 17.9817 9.46401ZM8.77783 15.4715L7.87531 16.3834C7.31055 16.9481 6.54459 17.2654 5.74591 17.2654C4.94723 17.2654 4.18126 16.9481 3.61651 16.3834C3.05175 15.8186 2.73448 15.0527 2.73448 14.254C2.73448 13.4553 3.05175 12.6893 3.61651 12.1246L6.46511 9.27598C7.03189 8.71507 7.7971 8.40044 8.59451 8.40044C9.39192 8.40044 10.1571 8.71507 10.7239 9.27598C10.9402 9.45602 11.216 9.54872 11.4971 9.53588C11.7782 9.52305 12.0444 9.40562 12.2434 9.20663C12.4424 9.00764 12.5598 8.74146 12.5726 8.46034C12.5855 8.17922 12.4928 7.90345 12.3127 7.68716C11.8245 7.1971 11.2443 6.80826 10.6054 6.54295C9.96654 6.27763 9.28158 6.14105 8.58981 6.14105C7.89804 6.14105 7.21307 6.27763 6.57421 6.54295C5.93534 6.80826 5.35514 7.1971 4.86688 7.68716L2.01828 10.5358C1.0309 11.5231 0.476196 12.8623 0.476196 14.2587C0.476196 15.6551 1.0309 16.9942 2.01828 17.9816C3.00566 18.969 4.34484 19.5237 5.74121 19.5237C7.13757 19.5237 8.47675 18.969 9.46413 17.9816L10.3761 17.0697C10.588 16.8577 10.7071 16.5703 10.7071 16.2706C10.7071 15.9708 10.588 15.6834 10.3761 15.4715C10.1641 15.2595 9.87667 15.1405 9.57695 15.1405C9.27722 15.1405 8.98977 15.2595 8.77783 15.4715Z"/> </svg> </a> <div id="toast">Copied to clipboard!</div> </div> </div> </div> </div> </div> </div><div class="content-heading__secondary"> <div class="content-heading__secondary-categories"> <a href="https://design.tutsplus.com/c/theory"> <span class="content-heading__secondary-categories-tag"> Theory </span> </a> <a href="https://design.tutsplus.com/c/graphic-design"> <span class="content-heading__secondary-categories-tag"> Graphic Design </span> </a> </div> </div></div><div class="post-body view" data-controller="post-body animate-hash-anchors image-gallery" data-post-title="The principles of design"><div class="post-body__body"><div class="post-body__content"><style>* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#i1g5k{background-color:rgb(243, 245, 246);}#i6ddbi{background-color:rgb(243, 245, 246);}</style><div data-content-block-type="SummaryText" class="content-block content-block-summarytext summary-text" id="iq0df"><p>Have you ever wondered what goes into the creation of a successful design piece? In this course, we'll talk about what the principles of design are and share some examples.</p></div><div data-content-block-type="FullWidthSection" class="content-block content-block-fullwidthsection" id="i1g5k"><div class="full-width-section__content-container div-container"><div data-content-block-type="Grid" class="content-block content-block-grid"><div class="element-row one-column-grid"><div class="element-col"> <h2 id="i8uh">Watch the full principles of design course</h2> <div data-content-block-type="Wysi" class="content-block content-block-wysi"> <figure class="embedded-video" data-video-embed="true" data-original-url="https://www.youtube.com/watch?v=9EPTM91TBDU&t=0"> <iframe data-src="https://www.youtube.com/embed/9EPTM91TBDU?rel=0&start=0" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" loading="lazy"></iframe><div class="video-preview-image youtube"> <div class="video-preview-image__ytv-heading"> <div class="video-preview-image__ytv-heading-gradient-top"></div> <a class="video-preview-image__ytv-heading-channel-logo-link" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q" target="_blank" style="background-image:url(https://yt3.ggpht.com/ytc/AIf8zZQdY7uwv6plQ-NQwn7CqMUuuP3oGSZPGRZA0aiCaA=s88-c-k-c0x00ffffff-no-rj)"></a> <a class="video-preview-image__ytv-heading-title-link" href="https://www.youtube.com/watch?v=9EPTM91TBDU&feature=emb_title" target="_blank"> The Principles of Design | FREE COURSE </a> </div> <img loading="lazy" src="https://i.ytimg.com/vi/9EPTM91TBDU/maxresdefault.jpg"> <svg class="play-button" height="100%" version="1.1" viewbox="0 0 68 48" width="68px" xmlns="http://www.w3.org/2000/svg"> <path class="play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#212121"></path> <path d="M 45,24 27,14 27,34" fill="#fff"></path> </svg> </div> </figure> </div> </div></div></div></div></div><div data-content-block-type="TableOfContents" class="content-block content-block-tableofcontents" id="i4qa-2"> <div data-content-block-type="ContentTextBlock" class="content-block content-block-contenttextblock" id="iinp"><p>Jump to these elements and principles of design:</p></div> <ul class="visual-toc-list toc-ordered-list div-container visual-toc-list__overflow visual-toc__thumbnail-theme visual-toc-list__equal-split" start="0"> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="ir67h"><a href="#toc-8j8g-principles-of-design-balance" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="529px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="397px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg 2x"><span class="visual-toc__heading-title content-container">Balance</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="ixwum"><a href="#toc-jfnm-principles-of-design-unity" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="529px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="397px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg 2x"><span class="visual-toc__heading-title content-container">Unity</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="ic6kj"><a href="#toc-8884-principles-of-design-contrast" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="529px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="397px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg 2x"><span class="visual-toc__heading-title content-container">Contrast</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="ivcel"><a href="#toc-s69w-principles-of-design-emphasis" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="529px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="397px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg 2x"><span class="visual-toc__heading-title content-container">Emphasis</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="i6mye"><a href="#toc-70nf-principles-of-design-repetition" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="529px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="397px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg 2x"><span class="visual-toc__heading-title content-container">Repetition</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="i9fqm"><a href="#toc-nnlg-principles-of-design-pattern" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="529px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="397px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg 2x"><span class="visual-toc__heading-title content-container">Pattern</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="iiaza"><a href="#toc-opgs-principles-of-design-rhythm" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="529px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="397px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg 2x"><span class="visual-toc__heading-title content-container">Rhythm</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="i3h6f"><a href="#toc-7zv6-principles-of-design-movement" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="529px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="397px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg 2x"><span class="visual-toc__heading-title content-container">Movement</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="iou8c"><a href="#toc-kzqp-principles-of-design-proportion" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="530px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="398px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg 2x"><span class="visual-toc__heading-title content-container">Proportion</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="i2627"><a href="#toc-c4xb-principles-of-design-harmony" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="529px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="397px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg 2x"><span class="visual-toc__heading-title content-container">Harmony</span></a></li> <li class="toc-item-title visual-toc__item-thumbnail-theme" id="irkmx"><a href="#toc-fz1f-principles-of-design-variety" class="visual-toc__item-thumbnail-link"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-desktop" width="870px" height="530px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-tablet" width="650px" height="398px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg" alt="" loading="lazy" class="visual-toc__item-thumbnail resized-image resized-image-mobile" width="380px" height="236px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg 2x"><span class="visual-toc__heading-title content-container">Variety</span></a></li> </ul> </div><div data-content-block-type="Wysi" class="content-block content-block-wysi" id="isg76"> <h2 id="toc-m0ti-what-youll-learn">What you'll learn</h2> <ul> <li>The principles of design definition</li> <li>The elements and principles of design</li> <li>The role each principle of design plays in a composition</li> </ul> <h2 id="toc-a0uj-about-your-instructor">About your instructor</h2> </div><div data-content-block-type="ProfileSection" class="content-block content-block-profilesection"><div class="div-container interview-profile-section__content"> <div class="interview-profile-section__photo div-container"><a href="https://tutsplus.com/authors/laura-keung"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2659/posts/33962/image-upload/laura_profile.jpg" alt="Laura Keung" loading="lazy" width="420px" height="420px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2659/posts/33962/image-upload/laura_profile.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2659/posts/33962/image-upload/laura_profile.jpg" alt="Laura Keung" loading="lazy" width="420px" height="420px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2659/posts/33962/image-upload/laura_profile.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/laura_profile.jpg" alt="Laura Keung" loading="lazy" width="380px" height="380px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/laura_profile.jpg 2x"></a></div> <div class="interview-profile-section__info div-container"> <div id="ienzz" class="interview-profile-section__name"><p>Laura Keung</p></div> <div id="iuk1h" class="interview-profile-section__description"><p>I'm a design writer, design mentor, and entrepreneur leading Laura Keung Studio, currently based in Munich, Germany. With 12 years of experience in the design industry, I lead my own design studio and collaborate with other creatives on branding and editorial design projects. </p></div> <div data-content-block-type="SocialGroup" class="content-block content-block-socialgroup"><div id="ixjc5" class="social-element"><a href="https://tutsplus.com/authors/laura-keung" target="_blank" class="social-element--link secondary-link"><span class="content-container social-element--icon social-element--envato-icon"></span><span class="content-container social-element--profile-handle-name">laura-keung</span></a></div></div> </div> </div></div><div data-content-block-type="Wysi" id="ierw" class="content-block-content-block-wysi content-block"> <h2 id="toc-e237-what-are-the-principles-of-design"> <span class="sectionnum">1.</span> Introduction: What are the principles of design?</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=0s" target="_blank" rel="noopener">Watch video lesson (1 min) ↗</a></p> <p>While we’ve all seen our fair share of experimental pieces out there, it's important to know the significance of the fundamentals. <strong>Every design piece has a structure below the surface that holds up the design and makes it visually interesting and balanced. </strong>Once designers understand the usage of the principles, they’ll understand better how to break these rules. </p> <div class="callout-block"> <span class="callout-icon callout-tip"></span> <div class="callout-message"> <strong>The principles of design are a set of rules that designers can follow when <a href="https://design.tutsplus.com/articles/rules-of-composition--cms-93912" target="_blank" rel="noopener">creating a composition</a> to create visually pleasing work. </strong>The purpose of these rules is to deliver a message in the most organized and functional way.</div> </div> <p>In my previous article, <a href="https://design.tutsplus.com/articles/the-basic-elements-of-design--cms-33922" target="_blank" rel="noopener">The Basic Elements of Design</a>, I talked about the elements that create everything we perceive. With a solid understanding of those elements, you’ll be able to learn more about the principles of design. </p> <ul class="roundup-block__contents posts--half-width roundup-block--list"><li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/the-basic-elements-of-design--cms-33922"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/33922/preview_image/19-10-02-ART-The-Basic-Elements-of-DesignArtboard-thumbnail-1.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/33922/preview_image/19-10-02-ART-The-Basic-Elements-of-DesignArtboard-thumbnail-1.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/33922/preview_image/19-10-02-ART-The-Basic-Elements-of-DesignArtboard-thumbnail-1.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/33922/preview_image/19-10-02-ART-The-Basic-Elements-of-DesignArtboard-thumbnail-1.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33922/preview_image/19-10-02-ART-The-Basic-Elements-of-DesignArtboard-thumbnail-1.jpg" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33922/preview_image/19-10-02-ART-The-Basic-Elements-of-DesignArtboard-thumbnail-1.jpg 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">The basic elements of design</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Laura Keung</div> <div class="roundup-block__published-date">04 Sep 2024</div> </div> </div> </div> </div></a></li></ul> <h2 id="toc-8j8g-principles-of-design-balance"> <span class="sectionnum">2. </span>Principles of design: Balance</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=52s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg" alt="principles of design balance examples" loading="lazy" width="870px" height="529px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg" alt="principles of design balance examples" loading="lazy" width="650px" height="397px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg" alt="principles of design balance examples" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%209.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message">Any element placed on a page carries a visual weight. It can range from form to size, color, and texture. <strong>In order to make a design feel stable or have balance, the elements need to have a certain scale.</strong> </div> </div> <p>For example, in a symmetrical design, the elements on the right side have the same visual weight as the elements on the left side. Symmetrical designs are easier to balance but can also come across as boring. Asymmetrical designs have different sides but equal visual weight. <strong>Being able to achieve balance in asymmetry can result in a visually interesting design that has movement. </strong></p> <p>Lack of balance would make your design feel heavy on one side and empty on the opposite. If you're wondering about principles of design balance examples, you’ll know your design lacks balance when it feels as if it’s falling off to one side.</p> <h2 id="toc-jfnm-principles-of-design-unity"> <span class="sectionnum">3. </span>Principles of design: Unity</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=153s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg" alt="unity in principles of design" loading="lazy" width="870px" height="529px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg" alt="unity in principles of design" loading="lazy" width="650px" height="397px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg" alt="unity in principles of design" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2010.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"><strong>Unity in the principles of design is the harmony produced by all the elements in a design piece.</strong></div> </div> <p>For instance, using similar colors that match and integrate elements organically makes it appear as if they belong together and are not just put on a page.</p> <p><strong>You can achieve unity by making clear relationships between visual elements.</strong> You can find unity wherever you find clear organization and order, and the elements of the page won’t be fighting for attention. Instead, they’ll work together to make the message stronger. Too much unity can result in a sterile design with a lack of personality. That’s when you can start incorporating other elements to add movement. </p> <p>Lack of unity would make your design feel cluttered and confusing. Viewers will be attracted to the wrong element of the design and won't get a clear message. <strong>A good rule of thumb is to place an element in your design only if it enhances the message.</strong> Ask yourself what the element is adding to the composition.</p> <h2 id="toc-8884-principles-of-design-contrast"> <span class="sectionnum">4. </span>Principles of design: Contrast</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=255s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg" alt="Principles of Design Contrast" loading="lazy" width="870px" height="529px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg" alt="Principles of Design Contrast" loading="lazy" width="650px" height="397px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg" alt="Principles of Design Contrast" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2011.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"><strong>Contrast refers to the level of difference between design elements in order to create visual hierarchies.</strong></div> </div> <p>The variation makes certain elements stand out more than others. <strong>You can apply contrast by using colors, textures, sizes, and shapes.</strong></p> <p><strong>In a layout, contrast is applied to <a href="https://design.tutsplus.com/articles/what-is-visual-hierarcy--cms-107169" target="_blank" rel="noopener">create hierarchy</a> between the font sizes.</strong> Larger text tends to be read before any smaller text. Contrast is important when it comes to pairing fonts. For instance, in the example below, we have a font duo that includes a script font and a sans serif font. The script font adds movement to the static sans serif. </p> <p>Contrast in art is about creating a focal point to certain elements that can draw the viewer’s eyes. Contrast can also be used to create balance and harmony by making sure items are distributed nicely on a page. Lack of contrast can make a design look dull, and viewers can overlook the important message. <strong>Contrast is important especially when designing accessible documents.</strong> For instance, black type on a white background will be easier to read than black on a brown background.</p> <p>Here are some principles of design examples:</p> </div><div data-content-block-type="Grid" class="content-block content-block-grid"><div class="element-row three-column-grid grid-gap--col-extra-wide grid-gap--row-extra-wide"> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/jacksons-font-duo-Q4LC9N3" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/33962/image-upload/cfd1bbce_924c_48e7_8931_2a6bec88f46f_contrast.jpg" alt="Jacksons font duo" loading="lazy" width="870px" height="609px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2659/posts/33962/image-upload/cfd1bbce_924c_48e7_8931_2a6bec88f46f_contrast.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/33962/image-upload/cfd1bbce_924c_48e7_8931_2a6bec88f46f_contrast.jpg" alt="Jacksons font duo" loading="lazy" width="650px" height="457px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2659/posts/33962/image-upload/cfd1bbce_924c_48e7_8931_2a6bec88f46f_contrast.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/cfd1bbce_924c_48e7_8931_2a6bec88f46f_contrast.jpg" alt="Jacksons font duo" loading="lazy" width="380px" height="269px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/cfd1bbce_924c_48e7_8931_2a6bec88f46f_contrast.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/jacksons-font-duo-Q4LC9N3" target="_blank" rel="noopener" data-action="click->ga-analytics#sendElementsClickEvent">Jacksons Font Duo</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/cv-template-L7AHEYB" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/CV_Template.jpg" alt="CV Template" loading="lazy" width="520px" height="351px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/CV_Template.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/CV_Template.jpg" alt="CV Template" loading="lazy" width="520px" height="351px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/CV_Template.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/CV_Template.jpg" alt="CV Template" loading="lazy" width="380px" height="258px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/CV_Template.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/cv-template-L7AHEYB" target="_self" data-action="click->ga-analytics#sendElementsClickEvent">CV Template</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/urban-black-and-white-poster-YXQRU76" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Black_and_White_Poster.jpg" alt="Black and White Poster" loading="lazy" width="520px" height="353px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Black_and_White_Poster.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Black_and_White_Poster.jpg" alt="Black and White Poster" loading="lazy" width="520px" height="353px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Black_and_White_Poster.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/Black_and_White_Poster.jpg" alt="Black and White Poster" loading="lazy" width="380px" height="260px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/Black_and_White_Poster.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/urban-black-and-white-poster-YXQRU76" target="_blank" rel="noopener" data-action="click->ga-analytics#sendElementsClickEvent">Black and White Poster</a></p></figcaption></figure></div> </div></div><div data-content-block-type="Wysi" id="izo26k" class="content-block-content-block-wysi content-block"> <h2 id="toc-s69w-principles-of-design-emphasis"> <span class="sectionnum">5. </span>Principles of design: Emphasis</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=373s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg" alt="emphasis principle of design definition" loading="lazy" width="870px" height="529px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg" alt="emphasis principle of design definition" loading="lazy" width="650px" height="397px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg" alt="emphasis principle of design definition" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2012.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"> <strong>Emphasis is a strategy to get the viewer’s attention to a specific design element. </strong>This can be in any form: a button, a website, or an image.</div> </div> <p><strong>The purpose is to create something that will stand out from the rest of the page</strong>. You can use different elements to highlight a specific part of your design, like lines, color, positive/negative relationships, and many more. <strong>As long as you can create contrast, either with elements or color, you’ll be creating emphasis.</strong></p> <ul> <li> <strong>Lines</strong> create direction on a page by pointing to specific elements that help the viewer’s eyes know where to go. </li> <li> <strong>Shapes</strong> can also draw attention. Using a group of similar shapes and breaking the group with a different shape will create tension and draw the eyes. </li> <li> <strong>Color</strong> can create an emphasis in any design. Buttons on a website tend to contrast with the background to create a sense of urgency and attention.</li> <li> <strong>Texture</strong> can be seen in materials to enhance tactile features. For instance, a business card can have an emboss or relief on a logo to emphasize it. Digitally, texture can be applied as a drop shadow on a button to appear three-dimensional. </li> <li> <strong>Space</strong> is also an option to emphasize certain elements in your design. Enough white space around an object can prioritize the focus on a single element. For instance, Apple has a clean and direct idea of emphasizing products. </li> </ul> <h2 id="toc-70nf-principles-of-design-repetition"> <span class="sectionnum">6. </span>Principles of design: Repetition</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=463s" target="_blank" rel="noopener">Watch video lesson (1 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg" alt="Principles of Design Repetition" loading="lazy" width="870px" height="529px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg" alt="Principles of Design Repetition" loading="lazy" width="650px" height="397px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg" alt="Principles of Design Repetition" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2013.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"><strong>Using repeated elements on a layout can be pleasing to the viewer. Repetition is repeating a single element through the design.</strong></div> </div> <p>We can call a grid a repetition of lines because it creates a certain consistency. In layout design, repetition is shown through the folio placement to help viewers find their way in a book or magazine. The same folio placement creates continuity in the repetition. </p> <p>On a website, repetition is seen in the menu placement, which gives the viewers a constant placement that can make them feel comfortable and familiar. <strong>Repetition can also be achieved by repeating elements in a design like a logo or a tagline in a brand development project.</strong> </p> <p>Here are some principles of design examples: Below, the repetition of waves gives a feeling that the page is endless. That's why in the principles of design, repetition is relevant.</p> </div><div data-content-block-type="Grid" class="content-block content-block-grid"><div class="element-row three-column-grid grid-gap--col-extra-wide grid-gap--row-extra-wide"> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/retro-colorful-waves-backgrounds-FGNA9Z" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/33962/image-upload/c7c231df_d494_4185_8840_b7f4e40371ff_repetition.jpg" alt="Retro Colorful Waves Background" loading="lazy" width="870px" height="587px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2659/posts/33962/image-upload/c7c231df_d494_4185_8840_b7f4e40371ff_repetition.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/33962/image-upload/c7c231df_d494_4185_8840_b7f4e40371ff_repetition.jpg" alt="Retro Colorful Waves Background" loading="lazy" width="650px" height="440px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2659/posts/33962/image-upload/c7c231df_d494_4185_8840_b7f4e40371ff_repetition.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/c7c231df_d494_4185_8840_b7f4e40371ff_repetition.jpg" alt="Retro Colorful Waves Background" loading="lazy" width="380px" height="260px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/c7c231df_d494_4185_8840_b7f4e40371ff_repetition.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/retro-colorful-waves-backgrounds-FGNA9Z" target="_blank" rel="noopener" data-action="click->ga-analytics#sendElementsClickEvent">Retro Colorful Waves Background</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/abstract-spots-VLNK6XY" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Abstract_Spots.jpg" alt="Abstract Spots" loading="lazy" width="520px" height="351px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Abstract_Spots.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Abstract_Spots.jpg" alt="Abstract Spots" loading="lazy" width="520px" height="351px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Abstract_Spots.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/Abstract_Spots.jpg" alt="Abstract Spots" loading="lazy" width="380px" height="258px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/Abstract_Spots.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/abstract-spots-VLNK6XY" target="_self" data-action="click->ga-analytics#sendElementsClickEvent">Abstract Spots</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/lines-abstract-stripes-backgrounds-vol-02-SCDFHSZ" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Abstract_Stripes.jpg" alt="Abstract Stripes" loading="lazy" width="520px" height="353px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Abstract_Stripes.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Abstract_Stripes.jpg" alt="Abstract Stripes" loading="lazy" width="520px" height="353px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Abstract_Stripes.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/Abstract_Stripes.jpg" alt="Abstract Stripes" loading="lazy" width="380px" height="260px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/Abstract_Stripes.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/lines-abstract-stripes-backgrounds-vol-02-SCDFHSZ" target="_self" data-action="click->ga-analytics#sendElementsClickEvent">Abstract Stripes</a></p></figcaption></figure></div> </div></div><div data-content-block-type="Wysi" id="i5oiuc" class="content-block-content-block-wysi content-block"> <h2 id="toc-nnlg-principles-of-design-pattern"> <span class="sectionnum">7. </span>Principles of design: Pattern</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=533s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg" alt="Principles of Design Pattern" loading="lazy" width="870px" height="529px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg" alt="Principles of Design Pattern" loading="lazy" width="650px" height="397px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg" alt="Principles of Design Pattern" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2014.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"> <strong>In principles of design, pattern is the repetition of more than one design element. While repetition focuses on a single element being repeated, pattern refers to multiple elements repeated throughout a design</strong> (e.g. wallpapers and backgrounds).</div> </div> <p>A <a href="https://elements.envato.com/graphics/patterns/seamless" target="_blank" rel="nofollow noopener" data-action="click->ga-analytics#sendElementsClickEvent">seamless pattern</a> is a repeated set of elements that flows without a flaw to create a unit. You can see seamless patterns predominantly in interior design when using tiles. The use of patterns can enhance the viewer's experience and the look of a final design.</p> <p>In the example below, the pattern repeats itself from edge to edge without any disruptions. The pattern is composed of multiple elements with varying sizes and depths.</p> <p>Here are some principles of design examples:</p> </div><div data-content-block-type="Grid" class="content-block content-block-grid"><div class="element-row three-column-grid grid-gap--col-extra-wide grid-gap--row-extra-wide"> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/cup-of-tea-seamless-pattern-N3SXY4" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/33962/image-upload/8cbaaf91_bb2d_4226_b0b9_339858d1c08a_pattern.jpg" alt="Cup of Tea Seamless Pattern" loading="lazy" width="870px" height="587px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2659/posts/33962/image-upload/8cbaaf91_bb2d_4226_b0b9_339858d1c08a_pattern.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/33962/image-upload/8cbaaf91_bb2d_4226_b0b9_339858d1c08a_pattern.jpg" alt="Cup of Tea Seamless Pattern" loading="lazy" width="650px" height="440px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2659/posts/33962/image-upload/8cbaaf91_bb2d_4226_b0b9_339858d1c08a_pattern.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/8cbaaf91_bb2d_4226_b0b9_339858d1c08a_pattern.jpg" alt="Cup of Tea Seamless Pattern" loading="lazy" width="380px" height="260px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/8cbaaf91_bb2d_4226_b0b9_339858d1c08a_pattern.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/cup-of-tea-seamless-pattern-N3SXY4" target="_self" data-action="click->ga-analytics#sendElementsClickEvent">Cup of Tea Seamless Pattern</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/azulejo-geometric-patterns-v01-NV7HCDB" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Azulejo_Geometric_Patterns.jpg" alt="Azulejo Geometric Patterns" loading="lazy" width="520px" height="336px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Azulejo_Geometric_Patterns.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Azulejo_Geometric_Patterns.jpg" alt="Azulejo Geometric Patterns" loading="lazy" width="520px" height="336px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Azulejo_Geometric_Patterns.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/Azulejo_Geometric_Patterns.jpg" alt="Azulejo Geometric Patterns" loading="lazy" width="380px" height="248px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/Azulejo_Geometric_Patterns.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/azulejo-geometric-patterns-v01-NV7HCDB" target="_self" data-action="click->ga-analytics#sendElementsClickEvent">Azulejo Geometric Patterns</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/electro-boho-seamless-vector-patterns-8BW6WR" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Boho_Seamless_Vector_Patterns.jpg" alt="Boho Seamless Vector Patterns" loading="lazy" width="520px" height="350px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Boho_Seamless_Vector_Patterns.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Boho_Seamless_Vector_Patterns.jpg" alt="Boho Seamless Vector Patterns" loading="lazy" width="520px" height="350px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Boho_Seamless_Vector_Patterns.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/Boho_Seamless_Vector_Patterns.jpg" alt="Boho Seamless Vector Patterns" loading="lazy" width="380px" height="258px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/Boho_Seamless_Vector_Patterns.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/electro-boho-seamless-vector-patterns-8BW6WR" target="_self" rel="" data-action="click->ga-analytics#sendElementsClickEvent">Boho Vector Patterns</a></p></figcaption></figure></div> </div></div><div data-content-block-type="Wysi" id="ij7aqh" class="content-block-content-block-wysi content-block"> <h2 id="toc-opgs-principles-of-design-rhythm"> <span class="sectionnum">8. </span>Principles of design: Rhythm</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=643s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg" alt="rhythm principle of design" loading="lazy" width="870px" height="529px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg" alt="rhythm principle of design" loading="lazy" width="650px" height="397px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg" alt="rhythm principle of design" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2015.jpg 2x"></figure> <p><strong>Rhythm, a principle of design, has more complexity than the previous principles of repetition and pattern.</strong> Repetition and pattern are applied to the same element throughout a design.<strong> </strong></p> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"><strong>Rhythm is the visual tempo of a combination of elements when used repeatedly, and with variation, it gives the feeling of organized movement. </strong></div> </div> <p>Rhythm in art is usually not as obvious as the design principles of repetition and pattern. In the example below, the diagonal lines aren't arranged in a specific pattern. Instead, there's a repetition of the elements with variations.</p> </div><div data-content-block-type="Grid" class="content-block content-block-grid"><div class="element-row three-column-grid grid-gap--col-extra-wide grid-gap--row-extra-wide"> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/melting-lines-in-diagonal-rhythm-seamless-2KZ9FK" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/33962/image-upload/df6796ad_db82_4180_a4a8_a49bab20e547_rhythm.jpg" alt="Melting Lines" loading="lazy" width="870px" height="587px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2659/posts/33962/image-upload/df6796ad_db82_4180_a4a8_a49bab20e547_rhythm.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/33962/image-upload/df6796ad_db82_4180_a4a8_a49bab20e547_rhythm.jpg" alt="Melting Lines" loading="lazy" width="650px" height="440px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2659/posts/33962/image-upload/df6796ad_db82_4180_a4a8_a49bab20e547_rhythm.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/df6796ad_db82_4180_a4a8_a49bab20e547_rhythm.jpg" alt="Melting Lines" loading="lazy" width="380px" height="260px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/df6796ad_db82_4180_a4a8_a49bab20e547_rhythm.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/melting-lines-in-diagonal-rhythm-seamless-2KZ9FK" target="_blank" rel="noopener" data-action="click->ga-analytics#sendElementsClickEvent">Melting Lines</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/50-abstract-grid-background-ZU8TEY" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Abstract_Grid_background.jpg" alt="Abstract Grid background" loading="lazy" width="520px" height="353px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Abstract_Grid_background.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Abstract_Grid_background.jpg" alt="Abstract Grid background" loading="lazy" width="520px" height="353px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Abstract_Grid_background.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/Abstract_Grid_background.jpg" alt="Abstract Grid background" loading="lazy" width="380px" height="260px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/Abstract_Grid_background.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/50-abstract-grid-background-ZU8TEY" target="_self" rel="" data-action="click->ga-analytics#sendElementsClickEvent">Abstract Grid Background</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/abstract-background-geometric-set-geo-fields-HKDGLHM" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Geo_Fields_Geometric_Set.jpg" alt="Geo Fields Geometric Set" loading="lazy" width="520px" height="353px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Geo_Fields_Geometric_Set.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Geo_Fields_Geometric_Set.jpg" alt="Geo Fields Geometric Set" loading="lazy" width="520px" height="353px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Geo_Fields_Geometric_Set.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/Geo_Fields_Geometric_Set.jpg" alt="Geo Fields Geometric Set" loading="lazy" width="380px" height="260px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/Geo_Fields_Geometric_Set.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/abstract-background-geometric-set-geo-fields-HKDGLHM" target="_blank" rel="noopener" data-action="click->ga-analytics#sendElementsClickEvent">Geo Fields Geometric Set</a></p></figcaption></figure></div> </div></div><div data-content-block-type="Wysi" id="iy4sr3" class="content-block-content-block-wysi content-block"> <h2 id="toc-7zv6-principles-of-design-movement"> <span class="sectionnum">9.</span> Principles of design: Movement</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=735s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg" alt="movement principles of design" loading="lazy" width="870px" height="529px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg" alt="movement principles of design" loading="lazy" width="650px" height="397px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg" alt="movement principles of design" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2016.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"><strong>Movement in the principles of design refers to the path the viewer’s eye takes through a composition.</strong></div> </div> <p>In an image, every element can affect how the eyes move. Important elements will lead to secondary elements and so on. <strong>Movement in a composition creates interest and dynamism that keeps the viewer engaged.</strong></p> <p>Movement can be created with rhythm when using a variation of an element repeatedly. Using curved lines and diagonal lines creates more movement compared to straight lines. Use lines to trace the path to the focal point. Color can help enhance the feeling of movement, juxtaposing high and low key colors to create energy. A literal way of showing movement is by using an image that includes motion, like a dancer or hair in the wind. Some artists use illusions like optical art, in which the repetition and contrast make our brains want to organize the information. </p> <p>In the example below, movement is created by the slightly curved lines and the overlapping colors. Both effects enhance the movement because the lines are unstable and the gradient blurs the lines instead of being static.</p> </div><div data-content-block-type="Grid" class="content-block content-block-grid"><div class="element-row three-column-grid grid-gap--col-extra-wide grid-gap--row-extra-wide"> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/iridescent-holographic-backgrounds-TPBJFG" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/33962/image-upload/e7d99b3b_ee2b_4010_81ed_f2ce44791c4d_movement.jpg" alt="Iridescent Holographic Background" loading="lazy" width="870px" height="587px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2659/posts/33962/image-upload/e7d99b3b_ee2b_4010_81ed_f2ce44791c4d_movement.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/33962/image-upload/e7d99b3b_ee2b_4010_81ed_f2ce44791c4d_movement.jpg" alt="Iridescent Holographic Background" loading="lazy" width="650px" height="440px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2659/posts/33962/image-upload/e7d99b3b_ee2b_4010_81ed_f2ce44791c4d_movement.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/e7d99b3b_ee2b_4010_81ed_f2ce44791c4d_movement.jpg" alt="Iridescent Holographic Background" loading="lazy" width="380px" height="260px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/e7d99b3b_ee2b_4010_81ed_f2ce44791c4d_movement.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/iridescent-holographic-backgrounds-TPBJFG" target="_blank" rel="noopener" data-action="click->ga-analytics#sendElementsClickEvent">Holographic Background</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/speed-light-trail-background-7LWLHH7" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Speed_Light_Trail.jpg" alt="Speed Light Trail" loading="lazy" width="520px" height="353px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Speed_Light_Trail.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Speed_Light_Trail.jpg" alt="Speed Light Trail" loading="lazy" width="520px" height="353px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Speed_Light_Trail.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/Speed_Light_Trail.jpg" alt="Speed Light Trail" loading="lazy" width="380px" height="260px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/Speed_Light_Trail.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/speed-light-trail-background-7LWLHH7" target="_self" data-action="click->ga-analytics#sendElementsClickEvent">Speed Light Trail</a></p></figcaption></figure></div> <div class="element-col"><figure class="post_image"><a href="https://elements.envato.com/electric-particle-flows-backgrounds-459B9Y" data-action="click->ga-analytics#sendElementsClickEvent"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Electric_Particle_Flows.jpg" alt="Electric Particle Flows" loading="lazy" width="520px" height="350px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Electric_Particle_Flows.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=500/uploads/users/2659/posts/33962/image-upload/Electric_Particle_Flows.jpg" alt="Electric Particle Flows" loading="lazy" width="520px" height="350px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1000/uploads/users/2659/posts/33962/image-upload/Electric_Particle_Flows.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/33962/image-upload/Electric_Particle_Flows.jpg" alt="Electric Particle Flows" loading="lazy" width="380px" height="258px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/33962/image-upload/Electric_Particle_Flows.jpg 2x"></a><figcaption><p><a href="https://elements.envato.com/electric-particle-flows-backgrounds-459B9Y" target="_blank" rel="noopener" data-action="click->ga-analytics#sendElementsClickEvent">Electric Particle Flows</a></p></figcaption></figure></div> </div></div><div data-content-block-type="Wysi" id="ie8avl" class="content-block-content-block-wysi content-block"> <h2 id="toc-kzqp-principles-of-design-proportion"> <span class="sectionnum">10. </span>Principles of design: Proportion</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=849s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg" alt="proportion principle of design" loading="lazy" width="870px" height="530px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg" alt="proportion principle of design" loading="lazy" width="650px" height="398px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg" alt="proportion principle of design" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2017.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"><strong>Proportion in the principles of design is the sense of unity created when all the elements in a composition relate well with each other.</strong></div> </div> <p>Proportion is mostly about scale and size when two elements are compared. For instance, in art and drawing, proportion is important for the elements to look realistic. Proportion as a principle of design doesn’t necessarily refer to the size of one element but to the relationship of two or more elements. </p> <p>In layout hierarchy, the proportion of the headline compared to the photo caption needs to be larger as the headline is the most important element. Smaller elements have less importance. When you achieve a good sense of proportion in a composition, it can add harmony and balance.</p> <h2 id="toc-c4xb-principles-of-design-harmony"> <span class="sectionnum">11. </span>Principles of design: Harmony</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=953s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg" alt="Principles of Design Harmony" loading="lazy" width="870px" height="529px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg" alt="Principles of Design Harmony" loading="lazy" width="650px" height="397px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg" alt="Principles of Design Harmony" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2018.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"><strong>Harmony as a principle of design is the sense of cohesiveness between the elements in a composition.</strong></div> </div> <p>The elements shouldn’t be exactly the same or completely different but related in some way. Color palettes or similar textures can create a sense of unity between different components. Using similarly shaped items will create harmony because they will seem related. </p> <p>Not enough or too much harmony can make a design dull; there needs to be some kind of variety for it to be visually interesting. </p> <h2 id="toc-fz1f-principles-of-design-variety"> <span class="sectionnum">12. </span>Principles of design: Variety</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=1078s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> <figure class="post_image"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg" alt="variety in design principles" loading="lazy" width="870px" height="530px" class="resized-image resized-image-desktop" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg" alt="variety in design principles" loading="lazy" width="650px" height="398px" class="resized-image resized-image-tablet" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg 2x"><img src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg" alt="variety in design principles" loading="lazy" width="380px" height="236px" class="resized-image resized-image-mobile" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33962/image/19-10-04%20ART%20The%20Principles%20of%20DesignArtboard%201%20copy%2019.jpg 2x"></figure> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message"> <strong>Variety in the principles of design is about creating visual interest that will keep viewers engaged with your design.</strong> Holding their attention and guiding them through the composition will create a powerful user experience.</div> </div> <p>Variety in design adds something interesting to the composition to create contrast and tension. For instance, mixing organic shapes with geometric shapes adds variety. This concept should reinforce the message you are trying to communicate in your design—otherwise, it can look pointless.</p> <h2 id="toc-l0z2-lets-wrap-it-up"> <span class="sectionnum">13.</span> Let's wrap it up!</h2> <p><a href="https://www.youtube.com/watch?v=9EPTM91TBDU&t=1198s" target="_blank" rel="noopener">Watch video lesson (2 min) ↗</a></p> </div><div data-content-block-type="FullWidthSection" class="content-block content-block-fullwidthsection" id="i6ddbi"><div class="full-width-section__content-container div-container"><div data-content-block-type="Wysi" class="content-block content-block-wysi" id="iy7qur"> <p><strong>The elements and principles of art and design are the foundation for creating a composition. </strong>The use of these principles can give structure and help you understand how other design pieces and artworks are built. It can help you determine whether a composition will be successful or determine the missing piece of the puzzle.</p> <p><strong>The use of these principles will help you design with purpose by giving function to every single element in a composition. </strong>Communicating a clear message isn't only about the message but also about how we use design to deliver it cleanly and clearly.</p> <p>When you look at a design composition from now on, think of these principles and how they are being applied. You'll be able to decode the most intricate designs and understand what's working and what's not. </p> </div></div></div><div data-content-block-type="Wysi" id="itqxfq" class="content-block-content-block-wysi content-block"> <div class="callout-block"> <span class="callout-icon callout-do"></span> <div class="callout-message">If you’re looking for more principles of design examples and inspiration, be sure to check out <a href="https://elements.envato.com/" target="_blank" rel="noopener" data-action="click->ga-analytics#sendElementsClickEvent">Envato Elements.</a> It’s the best source of <a href="https://elements.envato.com/graphics" target="_blank" rel="nofollow noopener" data-action="click->ga-analytics#sendElementsClickEvent">high-quality graphics</a>, <a href="https://elements.envato.com/add-ons" target="_blank" rel="nofollow noopener" data-action="click->ga-analytics#sendElementsClickEvent">add-ons</a>, <a href="https://elements.envato.com/fonts" target="_blank" rel="noopener" data-action="click->ga-analytics#sendElementsClickEvent">fonts</a>, and much more.</div> </div> <h2 id="toc-2sgq-learn-more-about-design-theory">Learn more about design theory</h2> <p>Did you enjoy this <a href="https://design.tutsplus.com/c/theory" target="_blank" rel="noopener">design theory course</a>? Then you might want to explore more awesome videos from the <a href="https://www.youtube.com/@envatotuts" target="_blank" rel="noopener">Envato Tuts+ YouTube channel</a>:</p> </div><div data-content-block-type="Grid" class="content-block content-block-grid"> <div class="element-row two-column-grid grid-gap--col-extra-wide grid-gap--row-extra-wide" id="iyqxlr"> <div class="element-col"><div data-content-block-type="Wysi" class="content-block content-block-wysi" id="i1muxm"> <figure class="embedded-video" data-video-embed="true" data-original-url="https://www.youtube.com/watch?v=MshxnTQW4qU&t=0"> <iframe data-src="https://www.youtube.com/embed/MshxnTQW4qU?rel=0&start=0" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" loading="lazy"></iframe><div class="video-preview-image youtube"> <div class="video-preview-image__ytv-heading"> <div class="video-preview-image__ytv-heading-gradient-top"></div> <a class="video-preview-image__ytv-heading-channel-logo-link" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q" target="_blank" style="background-image:url(https://yt3.ggpht.com/ytc/AIf8zZQdY7uwv6plQ-NQwn7CqMUuuP3oGSZPGRZA0aiCaA=s88-c-k-c0x00ffffff-no-rj)"></a> <a class="video-preview-image__ytv-heading-title-link" href="https://www.youtube.com/watch?v=MshxnTQW4qU&feature=emb_title" target="_blank"> The Basic Elements of Design | FREE COURSE </a> </div> <img loading="lazy" src="https://i.ytimg.com/vi/MshxnTQW4qU/maxresdefault.jpg"> <svg class="play-button" height="100%" version="1.1" viewbox="0 0 68 48" width="68px" xmlns="http://www.w3.org/2000/svg"> <path class="play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#212121"></path> <path d="M 45,24 27,14 27,34" fill="#fff"></path> </svg> </div> </figure> </div></div> <div class="element-col"><div data-content-block-type="Wysi" class="content-block content-block-wysi"> <figure class="embedded-video" data-video-embed="true" data-original-url="https://www.youtube.com/watch?v=r6LPNRVhGKA&t=0"> <iframe data-src="https://www.youtube.com/embed/r6LPNRVhGKA?rel=0&start=0" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" loading="lazy"></iframe><div class="video-preview-image youtube"> <div class="video-preview-image__ytv-heading"> <div class="video-preview-image__ytv-heading-gradient-top"></div> <a class="video-preview-image__ytv-heading-channel-logo-link" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q" target="_blank" style="background-image:url(https://yt3.ggpht.com/ytc/AIf8zZQdY7uwv6plQ-NQwn7CqMUuuP3oGSZPGRZA0aiCaA=s88-c-k-c0x00ffffff-no-rj)"></a> <a class="video-preview-image__ytv-heading-title-link" href="https://www.youtube.com/watch?v=r6LPNRVhGKA&feature=emb_title" target="_blank"> Rules of Composition | FREE COURSE </a> </div> <img loading="lazy" src="https://i.ytimg.com/vi/r6LPNRVhGKA/maxresdefault.jpg"> <svg class="play-button" height="100%" version="1.1" viewbox="0 0 68 48" width="68px" xmlns="http://www.w3.org/2000/svg"> <path class="play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#212121"></path> <path d="M 45,24 27,14 27,34" fill="#fff"></path> </svg> </div> </figure> </div></div> </div> <div class="element-row two-column-grid grid-gap--col-extra-wide grid-gap--row-extra-wide"> <div class="element-col"><div data-content-block-type="Wysi" class="content-block content-block-wysi" id="izhsa1"> <figure class="embedded-video" data-video-embed="true" data-original-url="https://www.youtube.com/watch?v=xfL2f_rMyiw&t=0"> <iframe data-src="https://www.youtube.com/embed/xfL2f_rMyiw?rel=0&start=0" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" loading="lazy"></iframe><div class="video-preview-image youtube"> <div class="video-preview-image__ytv-heading"> <div class="video-preview-image__ytv-heading-gradient-top"></div> <a class="video-preview-image__ytv-heading-channel-logo-link" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q" target="_blank" style="background-image:url(https://yt3.ggpht.com/ytc/AIf8zZQdY7uwv6plQ-NQwn7CqMUuuP3oGSZPGRZA0aiCaA=s88-c-k-c0x00ffffff-no-rj)"></a> <a class="video-preview-image__ytv-heading-title-link" href="https://www.youtube.com/watch?v=xfL2f_rMyiw&feature=emb_title" target="_blank"> Design Styles Across the Decades | Short Course </a> </div> <img loading="lazy" src="https://i.ytimg.com/vi/xfL2f_rMyiw/maxresdefault.jpg"> <svg class="play-button" height="100%" version="1.1" viewbox="0 0 68 48" width="68px" xmlns="http://www.w3.org/2000/svg"> <path class="play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#212121"></path> <path d="M 45,24 27,14 27,34" fill="#fff"></path> </svg> </div> </figure> </div></div> <div class="element-col"><div data-content-block-type="Wysi" class="content-block content-block-wysi" id="ipw2eq"> <figure class="embedded-video" data-video-embed="true" data-original-url="https://www.youtube.com/watch?v=2QTHs7QSR9o&t=0"> <iframe data-src="https://www.youtube.com/embed/2QTHs7QSR9o?rel=0&start=0" frameborder="0" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" loading="lazy"></iframe><div class="video-preview-image youtube"> <div class="video-preview-image__ytv-heading"> <div class="video-preview-image__ytv-heading-gradient-top"></div> <a class="video-preview-image__ytv-heading-channel-logo-link" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q" target="_blank" style="background-image:url(https://yt3.ggpht.com/ytc/AIf8zZQdY7uwv6plQ-NQwn7CqMUuuP3oGSZPGRZA0aiCaA=s88-c-k-c0x00ffffff-no-rj)"></a> <a class="video-preview-image__ytv-heading-title-link" href="https://www.youtube.com/watch?v=2QTHs7QSR9o&feature=emb_title" target="_blank"> Color Theory for Beginners | FREE COURSE </a> </div> <img loading="lazy" src="https://i.ytimg.com/vi/2QTHs7QSR9o/maxresdefault.jpg"> <svg class="play-button" height="100%" version="1.1" viewbox="0 0 68 48" width="68px" xmlns="http://www.w3.org/2000/svg"> <path class="play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#212121"></path> <path d="M 45,24 27,14 27,34" fill="#fff"></path> </svg> </div> </figure> </div></div> </div> </div><div data-content-block-type="Wysi" id="iewpl" class="content-block-content-block-wysi content-block"> <p>If you liked this course about the principles of design definitions, you might like:</p> <ul class="roundup-block__contents posts--half-width roundup-block--list"> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/rules-of-composition--cms-93912"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2659/posts/93912/preview_image/rules_of_composition_thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2659/posts/93912/preview_image/rules_of_composition_thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2659/posts/93912/preview_image/rules_of_composition_thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2659/posts/93912/preview_image/rules_of_composition_thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/93912/preview_image/rules_of_composition_thumbnail.jpg" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/93912/preview_image/rules_of_composition_thumbnail.jpg 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">Rules of Composition</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Laura Keung</div> <div class="roundup-block__published-date">15 Mar 2023</div> </div> </div> </div> </div></a></li> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/the-different-types-of-logo-with-design-ideas--cms-36232"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2092/posts/36232/preview_image/thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2092/posts/36232/preview_image/thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2092/posts/36232/preview_image/thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2092/posts/36232/preview_image/thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2092/posts/36232/preview_image/thumbnail.jpg" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2092/posts/36232/preview_image/thumbnail.jpg 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">The Different Types of Logo (With Design Ideas)</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Daisy E.</div> <div class="roundup-block__published-date">19 Apr 2023</div> </div> </div> </div> </div></a></li> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/the-different-types-of-fonts-when-to-use-each-font-type-and-when-not--cms-33346"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/33346/preview_image/Screenshot-2019-06-22-at-08.57.05.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/33346/preview_image/Screenshot-2019-06-22-at-08.57.05.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/33346/preview_image/Screenshot-2019-06-22-at-08.57.05.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/33346/preview_image/Screenshot-2019-06-22-at-08.57.05.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/33346/preview_image/Screenshot-2019-06-22-at-08.57.05.jpg" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/33346/preview_image/Screenshot-2019-06-22-at-08.57.05.jpg 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">The Different Types of Fonts: When to Use Each Font Type and When Not</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Laura Keung</div> <div class="roundup-block__published-date">17 Feb 2020</div> </div> </div> </div> </div></a></li> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/teach-yourself-graphic-design-a-self-study-course-outline--psd-3520"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2659/posts/15638/preview_image/teach_yourself_graphic_design_thumb.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2659/posts/15638/preview_image/teach_yourself_graphic_design_thumb.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2659/posts/15638/preview_image/teach_yourself_graphic_design_thumb.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2659/posts/15638/preview_image/teach_yourself_graphic_design_thumb.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/15638/preview_image/teach_yourself_graphic_design_thumb.jpg" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2659/posts/15638/preview_image/teach_yourself_graphic_design_thumb.jpg 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">Teach Yourself Graphic Design: A Self-Study Course Outline</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/23/profiles/18511/profileImage/sean-hodge-profile.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/23/profiles/18511/profileImage/sean-hodge-profile.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/23/profiles/18511/profileImage/sean-hodge-profile.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/23/profiles/18511/profileImage/sean-hodge-profile.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/23/profiles/18511/profileImage/sean-hodge-profile.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/23/profiles/18511/profileImage/sean-hodge-profile.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Sean Hodge</div> <div class="roundup-block__published-date">07 Sep 2022</div> </div> </div> </div> </div></a></li> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/the-9-different-types-of-graphic-design--cms-39176"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/39176/preview_image/TypesofGraphicDesign-thumbnail" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/39176/preview_image/TypesofGraphicDesign-thumbnail 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/39176/preview_image/TypesofGraphicDesign-thumbnail" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/39176/preview_image/TypesofGraphicDesign-thumbnail 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/39176/preview_image/TypesofGraphicDesign-thumbnail" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/39176/preview_image/TypesofGraphicDesign-thumbnail 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">The 9 Different Types of Graphic Design</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Laura Keung</div> <div class="roundup-block__published-date">03 Oct 2023</div> </div> </div> </div> </div></a></li> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/these-movie-posters-are-the-best-and-heres-why--cms-106693"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/114/posts/106693/preview_image/Preview.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/114/posts/106693/preview_image/Preview.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/114/posts/106693/preview_image/Preview.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/114/posts/106693/preview_image/Preview.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/114/posts/106693/preview_image/Preview.jpg" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/114/posts/106693/preview_image/Preview.jpg 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">These Movie Posters Are the Best, and Here’s Why</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/114/profiles/18595/profileImage/Headshot-small.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/114/profiles/18595/profileImage/Headshot-small.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/114/profiles/18595/profileImage/Headshot-small.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/114/profiles/18595/profileImage/Headshot-small.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/114/profiles/18595/profileImage/Headshot-small.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/114/profiles/18595/profileImage/Headshot-small.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Grace Fussell</div> <div class="roundup-block__published-date">03 Apr 2023</div> </div> </div> </div> </div></a></li> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/60-design-terms-you-should-know--cms-34238"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/34238/preview_image/19-10-04-ART-The-Principles-of-DesignArtboard-1-copy-33-thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/34238/preview_image/19-10-04-ART-The-Principles-of-DesignArtboard-1-copy-33-thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/34238/preview_image/19-10-04-ART-The-Principles-of-DesignArtboard-1-copy-33-thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/34238/preview_image/19-10-04-ART-The-Principles-of-DesignArtboard-1-copy-33-thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/34238/preview_image/19-10-04-ART-The-Principles-of-DesignArtboard-1-copy-33-thumbnail.jpg" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/34238/preview_image/19-10-04-ART-The-Principles-of-DesignArtboard-1-copy-33-thumbnail.jpg 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">65 Design Terms You Should Know</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Laura Keung</div> <div class="roundup-block__published-date">29 May 2022</div> </div> </div> </div> </div></a></li> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/the-5-problems-with-fundamental-color-theory--cms-31477"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/108/posts/31477/preview_image/5-problems-with-color-theory-prev.png" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/108/posts/31477/preview_image/5-problems-with-color-theory-prev.png 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/108/posts/31477/preview_image/5-problems-with-color-theory-prev.png" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/108/posts/31477/preview_image/5-problems-with-color-theory-prev.png 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/108/posts/31477/preview_image/5-problems-with-color-theory-prev.png" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/108/posts/31477/preview_image/5-problems-with-color-theory-prev.png 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">The 5 Problems With Fundamental Color Theory</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/108/profiles/18550/profileImage/profil-envato.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/108/profiles/18550/profileImage/profil-envato.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/108/profiles/18550/profileImage/profil-envato.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/108/profiles/18550/profileImage/profil-envato.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/108/profiles/18550/profileImage/profil-envato.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/108/profiles/18550/profileImage/profil-envato.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Monika Zagrobelna</div> <div class="roundup-block__published-date">19 May 2023</div> </div> </div> </div> </div></a></li> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/tutorials/trending-how-to-color-block-in-graphic-design--cms-39483"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/39483/preview_image/ColorBlocking_thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/39483/preview_image/ColorBlocking_thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/posts/39483/preview_image/ColorBlocking_thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/posts/39483/preview_image/ColorBlocking_thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/posts/39483/preview_image/ColorBlocking_thumbnail.jpg" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/posts/39483/preview_image/ColorBlocking_thumbnail.jpg 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">Trending: How to Color Block in Graphic Design</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Laura Keung</div> <div class="roundup-block__published-date">30 Mar 2022</div> </div> </div> </div> </div></a></li> <li class="roundup-block__content"><a class="roundup-block__content-link" href="https://design.tutsplus.com/articles/smart-versus-stylish-how-to-balance-design-principles-with-design-trends--cms-33619"><div class="roundup-block__content-container"> <div class="roundup-block__preview"> <img class="roundup-block__preview-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2092/posts/33619/preview_image/thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2092/posts/33619/preview_image/thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2092/posts/33619/preview_image/thumbnail.jpg" alt="" loading="lazy" width="420px" height="297px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2092/posts/33619/preview_image/thumbnail.jpg 2x"><img class="roundup-block__preview-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2092/posts/33619/preview_image/thumbnail.jpg" alt="" loading="lazy" width="380px" height="269px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2092/posts/33619/preview_image/thumbnail.jpg 2x"> </div> <div class="roundup-block__content-meta"> <div class="roundup-block__content-title">Smart vs. Stylish: How to Balance Design Principles With Design Trends</div> <div class="roundup-block__author-info"> <div class="roundup-block__author-profile-image"> <img class="roundup-block__author-image resized-image resized-image-desktop" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-tablet" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=400/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg" alt="" loading="lazy" width="420px" height="420px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=800/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg 2x"><img class="roundup-block__author-image resized-image resized-image-mobile" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg" alt="" loading="lazy" width="380px" height="380px" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg 2x"> </div> <div class="roundup-block__author-meta"> <div class="roundup-block__author-name">Daisy E.</div> <div class="roundup-block__published-date">23 Aug 2019</div> </div> </div> </div> </div></a></li> </ul> </div></div></div></div><div class="post__article-ad-mobile"><turbo-frame id="publift_lazy_mob_article_3" loading="lazy" src="/promotions/publift_promotion?position=mob_article_3&variation=in-article"><div class="avert fuse-ad avert--in-article"><div class="avert__wrapper"><div class="avert__content"></div><div class="avert__label">Advertisement</div></div></div></turbo-frame></div><div class="content-heading content-heading__mobile"><div class="content-heading__secondary"> <div class="content-heading__secondary-categories"> <a href="https://design.tutsplus.com/c/theory"> <span class="content-heading__secondary-categories-tag"> Theory </span> </a> <a href="https://design.tutsplus.com/c/graphic-design"> <span class="content-heading__secondary-categories-tag"> Graphic Design </span> </a> </div> </div></div> <div class='content-footer'> <div class='content-footer__content-meta-details'> <div class='content-footer__author-details'> <img class="content-footer__author-image" alt="Laura Keung" width="64" height="64" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=128/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg 2x" loading="lazy" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=64/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" /> <span>By</span> <span class='content-footer__author-name'> <a rel="author" aria-label="Author: Laura Keung" href="https://tutsplus.com/authors/laura-keung">Laura Keung</a> </span> </div> <div class='content-footer__additional-details'> <div class='content-footer__feedback-buttons-group' data-controller="post-vote" data-id=33962> <a class='content-footer__feedback-like-button' data-post-vote-target='likeButton' data-action='click->post-vote#like'> <span>Like</span> <div class='content-footer__feedback-icon-placeholder' data-post-vote-target='likeIcon'> <img alt="" src="https://static.tutsplus.com/packs/static/images/thumbs-up-e80969147d3487ef9dc5.svg" /> <img alt="" src="https://static.tutsplus.com/packs/static/images/thumbs-up-highlight-13174f0b8cbe2b523c3b.svg" /> </div> </a> <a class='content-footer__feedback-dislike-button' data-post-vote-target='dislikeButton' data-action='click->post-vote#dislike'> <div class='content-footer__feedback-icon-placeholder' data-post-vote-target='dislikeIcon'> <img alt="" src="https://static.tutsplus.com/packs/static/images/thumbs-down-401ae0d4ead12668516b.svg" /> <img alt="" src="https://static.tutsplus.com/packs/static/images/thumbs-down-highlight-1022d39c6062c9267b1d.svg" /> </div> </a> <input type="hidden" name="authenticity_token" id="authenticity_token" value="bAgYdhb4-1uFm5hGWFvMk3WeGgGkIqN9nkBpblRGzgy0EB_bChClRj2ITM_l8CSDJAF-SoSmUp4Zj601TMj8jQ" data-post-vote-target="token" autocomplete="off" /> </div> </div> </div> </div> </div></article></main></div><div class="cta-toast-popup" data-analytics-context-detail="cta toast"><turbo-frame id="cta_toast_popup" src="/cta_toast"></turbo-frame></div> <div id="footer-promo-component" class="w-full flex justify-center items-center bg-white pb-20 px-6 font-family-polysan-regular"> <a href="https://elements.envato.com/pricing" class="h-[343px] w-full lg:max-w-[960px] md:max-w-screen 2xl:max-w-[1290px] rounded-2xl overflow-hidden flex hover:cursor-default" data-action="click->ga-analytics#sendElementsClickEvent" > <div class="w-1/2 flex flex-col justify-center xsm:px-2 sm:px-8 md:px-16 lg:pr-48 gap-y-4 bg-[#9CEE69]"> <div class="text-3xl font-semibold text-black text-left">Let’s create something extraordinary</div> <div class="text-black hidden md:flex">Your one-stop creative asset destination</div> <div class="w-full flex justify-start"> <button class="bg-[#191919] text-white rounded-md xsm:px-1 xsm:py-0 sm:px-6 sm:py-2 hover:bg-gray-800 active:bg-gray-700 text-lg border-0 hover:cursor-pointer">Let’s create!</button> </div> </div> <div class="w-1/2"> <img class="w-full h-full object-cover" src="https://s3.amazonaws.com/cms-assets.tutsplus.com/uploads/users/2843/posts/109025/image-upload/Tuts_Homepage_Uplift_FooterBanner_645x343_v1_2_.png"> </div> </a> </div> <footer class="page-footer view" data-analytics-context="footer" data-controller="page-footer"><div class="page-footer__content"><div class="page-footer__links-column"><div class="page-footer__section page-footer__section--first"><div class="page-footer__heading">Envato Tuts+</div><a class="page-footer__links-column-expansion-link" data-action="click->page-footer#toggleFooterSection" href="javascript:void(0);"><span class="page-footer__links-column-expansion-link-expand-text"><i class="fa fa-plus page-footer__links-column-link-icon"></i></span><span class="page-footer__links-column-expansion-link-collapse-text"><i class="fa fa-minus page-footer__links-column-link-icon"></i></span></a><div class="page-footer__item"><a class="page-footer__link" href="https://tutsplus.com/about">About Envato Tuts+</a></div><div class="page-footer__item"><a class="page-footer__link" href="https://tutsplus.com/terms-of-use">Terms of Use</a></div><div class="page-footer__item"><a target="_blank" class="page-footer__link" href="https://www.envato.com/privacy">Privacy</a></div><div class="page-footer__item"><a target="_blank" class="page-footer__link" href="https://www.envato.com/cookies/">Cookies</a></div><div class="page-footer__item"><a class="page-footer__link" data-action="click->page-footer#openCookieSettings" href="javascript:void(0);">Cookie Settings</a></div><div class="page-footer__item"><a target="_blank" class="page-footer__link" href="https://www.envato.com/privacy/#my-personal-information">Do not sell or share my personal information</a></div></div></div><div class="page-footer__links-column"><div class="page-footer__section page-footer__section--first"><div class="page-footer__heading">Help</div><a class="page-footer__links-column-expansion-link" data-action="click->page-footer#toggleFooterSection" href="javascript:void(0);"><span class="page-footer__links-column-expansion-link-expand-text"><i class="fa fa-plus page-footer__links-column-link-icon"></i></span><span class="page-footer__links-column-expansion-link-collapse-text"><i class="fa fa-minus page-footer__links-column-link-icon"></i></span></a><div class="page-footer__item"><a class="page-footer__link" href="https://help.elements.envato.com/hc/en-us/categories/360000070683">FAQ</a></div><div class="page-footer__item"><a class="page-footer__link" href="https://help.elements.envato.com">Help Center</a></div></div></div><div class="page-footer__links-column page-footer__links-last-column"><div class="page-footer__brands-wrapper"><div class="page-footer__tuts-brand"><img loading="lazy" alt="envato-tuts+" class="page-footer__tuts-logo-image tuts-logo" src="https://static.tutsplus.com/packs/static/images/tuts_logo-73b941f1418b55c886ac.svg" /><div class="page-footer__counts"><div class="page-footer__count-item"><div class="page-footer__count-value">25,400</div><div class="page-footer__count-label">Tutorials</div></div><div class="page-footer__count-item"><div class="page-footer__count-value">553</div><div class="page-footer__count-label">Courses</div></div><div class="page-footer__count-item"><div class="page-footer__count-value">18,690</div><div class="page-footer__count-label">Translations</div></div></div></div><div class="page-footer__bcorp-brand"><a class="page-footer__bcorp-brand-link" href="https://www.bcorporation.net/en-us/find-a-b-corp/company/envato" rel="noopener" target="_blank"><img alt="B Corp logo" loading="lazy" src="https://static.tutsplus.com/packs/static/images/bcorp-bfc565be3a93741fc88c.svg" /></a></div></div></div></div><div class="page-footer__envato-bar"><div class="page-footer__envato-bar-content"><div class="page-footer__envato-bar-content-left-column"><ul class="page-footer__envato-bar-links"><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" data-action="click->ga-analytics#sendElementsClickEvent" href="https://elements.envato.com">Envato</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" data-action="click->ga-analytics#sendMarketClickEvent" href="https://market.envato.com">Envato Market</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" data-action="click->ga-analytics#sendPlaceitClickEvent" href="https://placeit.net/">Placeit by Envato</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" href="https://www.envato.com/products/">All products</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" href="https://www.envato.com/about/careers/">Careers</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" href="https://www.envato.com/sitemap/">Sitemap</a></li></ul><div class="page-footer__copyright">© 2025 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.</div></div><div class="page-footer__envato-bar-content-right-column"><ul class="page-footer__follow-us"><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__youtube-link" href="https://www.youtube.com/@envatotuts"><img alt="Youtube" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_youtube-2fdd89edede4b116d099.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__instagram-link" href="https://www.instagram.com/envato/"><img alt="Instagram" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_instagram-f01c9d7dc71f1ea86182.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__tiktok-link" href="https://www.tiktok.com/@envato"><img alt="Tiktok" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_tiktok-57b06ff17a284d8a1744.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__facebook-link" href="https://www.facebook.com/envato/"><img alt="Facebook" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_facebook-f35494f677e855ad50dd.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__twitter-link" href="https://twitter.com/envato"><img alt="Twitter" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_twitter-98772a5169f3f29dd437.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__pinterest-link" href="https://www.pinterest.com.au/envato/"><img alt="Pinterest" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_pinterest-c768bee1968ceb51ae43.svg" /></a></li></ul></div></div></div></footer><script defer="defer" src="https://www.google-analytics.com/analytics.js"></script><div class="sticky-footer-ad"><turbo-frame id="publift_lazy_article_sticky_footer" loading="lazy" src="/promotions/publift_promotion?position=article_sticky_footer&variation=sticky-footer"><div class="avert fuse-ad avert--sticky-footer"><div class="avert__wrapper"><div class="avert__content"></div><div class="avert__label">Advertisement</div></div></div></turbo-frame></div><script defer="defer" src="https://cdn.fuseplatform.net/publift/tags/2/1007/fuse.js"></script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=912712196247539&ev=PageView&noscript=1"/> </noscript> <script src="https://static.tutsplus.com/packs/js/lazy_load_third_party_libraries-3f74f88902b8cb9ca575.js" defer="defer"></script><script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 943617023; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" defer="defer" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/943617023/?value=0&guid=ON&script=0"/> </div> </noscript> </body></html>