Congratulations!

[Valid Atom 1.0] This is a valid Atom 1.0 feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: https://londoneluxury.blogspot.com/feeds/posts/default

  1. <?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6122981405248003605</id><updated>2024-08-28T11:56:40.324-07:00</updated><title type='text'>London Luxury</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://londoneluxury.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default'/><link rel='alternate' type='text/html' href='https://londoneluxury.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>London Luxury</name><uri>http://www.blogger.com/profile/06181673818768958520</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>6</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6122981405248003605.post-1517202090436606587</id><published>2022-12-23T11:10:00.005-08:00</published><updated>2022-12-23T11:10:55.447-08:00</updated><title type='text'>Le designer américain Virgil Abloh, star engagée de Vuitton et d’Off-White, emporté par un cancer</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px;&quot;&gt;Star des millénials et roi du streetwear du luxe, le designer américain Virgil Abloh, créateur des collections homme de la maison Louis Vuitton, est décédé dimanche d’un cancer à l’âge de 41&amp;nbsp;ans, a annoncé le groupe LVMH, maison mère de Vuitton.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Premier grand créateur noir reconnu sur la scène de la mode, engagé pour l’affirmation des cultures afro-américaines, le styliste fan de hip-hop avait décroché en 2018 l’un des postes les plus enviés du secteur de la mode et du luxe, au sein de la griffe fleuron de LVMH, numéro un mondial du luxe.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;«&amp;nbsp;Le groupe LVMH, la Maison Louis Vuitton et Off-White ont l’immense douleur d’annoncer la disparition de Virgil Abloh, terrassé ce dimanche 28&amp;nbsp;novembre par un cancer qu’il combattait depuis plusieurs années&amp;nbsp;», a déclaré LVMH sur son compte Twitter.&lt;/p&gt;&lt;div class=&quot;fsk_splitbox_3702_onscreen  sb-opened&quot; id=&quot;fsk_splitbox_3702_onscreen&quot; style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; margin-bottom: 10px; margin-left: auto; margin-right: auto; max-width: 603px;&quot;&gt;&lt;div class=&quot;  fsk_splitbox_3702        sb-opened&quot; id=&quot;fsk_splitbox_3702&quot; style=&quot;box-sizing: border-box; clear: both; height: 491px; margin-bottom: 10px; margin-left: auto; margin-right: auto; max-width: 480px !important; text-align: center; width: 480px;&quot;&gt;&lt;iframe allow=&quot;autoplay&quot; allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; id=&quot;fsk_frame_splitbox&quot; mozallowfullscreen=&quot;&quot; name=&quot;fsk_frame_splitbox&quot; style=&quot;border-style: none; border-width: initial; box-sizing: border-box; height: 491px; margin: 0px; width: 480px;&quot; webkitallowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Fils d’immigrés ghanéens, il était marié et père de deux enfants, Lowe et Grey Abloh.&lt;/p&gt;&lt;div class=&quot;row visible-md visible-lg&quot; id=&quot;pub-6e-paragraph-wrapper&quot; style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; margin-left: -16px; margin-right: -16px;&quot;&gt;&lt;div class=&quot;col-xs-14&quot; id=&quot;pub-6e-paragraph&quot; style=&quot;box-sizing: border-box; float: left; margin-bottom: 1em; min-height: 1px; padding-left: 16px; padding-right: 16px; position: relative; width: 602.275px;&quot;&gt;&lt;div class=&quot;pub pub-fw-offset&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;div class=&quot;pub&quot; id=&quot;C1&quot; style=&quot;box-sizing: border-box; margin: 0px auto;&quot;&gt;&lt;div align=&quot;center&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;div data-google-query-id=&quot;CKj2oNG4kPwCFdJB0wod7w4IIA&quot; data-m32-dynamic-ad=&quot;&quot; data-options=&quot;{&amp;quot;sizes&amp;quot;:&amp;quot;[[300,250],[300,600]]&amp;quot;,&amp;quot;sizeMapping&amp;quot;:&amp;quot;[[[0,0],[[0,0]]], [[768,0],[[300,250]]]]&amp;quot;,&amp;quot;dfpId&amp;quot;:&amp;quot;21658289790,340432006&amp;quot;,&amp;quot;dfpAdUnitPath&amp;quot;:&amp;quot;le.devoir/culture&amp;quot;,&amp;quot;kv&amp;quot;:{&amp;quot;zone&amp;quot;:&amp;quot;C1&amp;quot;}}&quot; id=&quot;ad-897669001914-4&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;div id=&quot;google_ads_iframe_/21658289790,340432006/le.devoir/culture_4__container__&quot; style=&quot;border: 0pt none; box-sizing: border-box;&quot;&gt;&lt;iframe aria-label=&quot;Advertisement&quot; data-google-container-id=&quot;5&quot; data-load-complete=&quot;true&quot; frameborder=&quot;0&quot; height=&quot;250&quot; id=&quot;google_ads_iframe_/21658289790,340432006/le.devoir/culture_4&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; name=&quot;google_ads_iframe_/21658289790,340432006/le.devoir/culture_4&quot; role=&quot;region&quot; scrolling=&quot;no&quot; style=&quot;border-style: initial; border-width: 0px; box-sizing: border-box; display: block; max-width: 100%; vertical-align: bottom;&quot; tabindex=&quot;0&quot; title=&quot;3rd party ad content&quot; width=&quot;300&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;La maladie qu’il combattait depuis deux ans n’avait pas été rendue publique.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;«&amp;nbsp;Il a choisi d’endurer son combat en privé depuis son diagnostic en 2019&amp;nbsp;» d’un angiosarcome cardiaque, une tumeur maligne rare située au niveau du cœur, a expliqué sa famille dans une publication sur le compte Instagram du designer, mentionnant de «&amp;nbsp;nombreux traitements difficiles&amp;nbsp;».&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Artiste d’une «&amp;nbsp;infinie curiosité&amp;nbsp;», il a créé des «&amp;nbsp;voies pour plus d’égalité dans l’art et le design&amp;nbsp;», a salué sa famille qui appelle au respect de son intimité pour faire son deuil et «&amp;nbsp;célébrer la vie de Virgil&amp;nbsp;».&lt;/p&gt;&lt;h2 class=&quot;h2-intertitre&quot; style=&quot;background-color: white; box-sizing: border-box; clear: none; color: #101010; font-family: Publico-Roman, serif; font-size: 1em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.1875em; margin: 1.5em 0px 0.8em;&quot;&gt;«&amp;nbsp;Visionnaire&amp;nbsp;»&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Bernard Arnault, le président de LVMH, s’est dit «&amp;nbsp;sous le choc&amp;nbsp;», saluant «&amp;nbsp;un designer de génie, un visionnaire&amp;nbsp;» et «&amp;nbsp;une belle âme&amp;nbsp;».&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;L’annonce de son décès a suscité nombre de réactions émues à travers le monde.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Kim Jones, chez Dior Homme et Fendy (et prédécesseur de Virgil Abloh chez Vuitton), a rendu hommage sur Instagram à «&amp;nbsp;l’une des personnes les plus gentilles que vous pouviez rencontrer&amp;nbsp;».&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;«&amp;nbsp;Il nous manquera profondément bien que sa vision perdurera à travers les sentiers qu’il a tracés tout au long de sa carrière&amp;nbsp;», a réagi la maison Gucci (groupe Kering).&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;«&amp;nbsp;Virgil Abloh était l’essence de la créativité moderne&amp;nbsp;», a estimé Alexandre Arnault, vice-président de Tiffany, sur Instagram.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Ami et collaborateur de Virgil Abloh, le rappeur et designer américain Kanye West lui a rendu hommage sur son site Sunday Service par un écran noir barré d’un message en «&amp;nbsp;souvenir affectueux de Virgil Abloh&amp;nbsp;». Sur Instagram, le rappeur canadien Drake lui a témoigné de son «&amp;nbsp;amour pour l’éternité, mon frère&amp;nbsp;».&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;«&amp;nbsp;Ton travail en tant qu’humain et ton travail en tant qu’être spirituel vivront éternellement&amp;nbsp;», a ajouté l’artiste américain Pharrell Williams.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Côté français, le footballeur Kylian Mbappé a écrit sur Twitter que «&amp;nbsp;personne n’oubliera l’empreinte que tu as laissée&amp;nbsp;». «&amp;nbsp;Rest in Power&amp;nbsp;» («&amp;nbsp;Repose dans la force), a twitté l’acteur Omar Sy.&amp;nbsp;»&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Virgil Abloh était né le 30&amp;nbsp;septembre 1980 aux États-Unis, à Rockford (Illinois).&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Ce fan de hip-hop avait commencé ses activités de DJ au lycée avant de sortir diplômé en génie civil de l’Université du Wisconsin et en architecture de l’Illinois Institute of Technology.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Au début des années 2000, il était devenu consultant artistique pour Kanye West, conseillant le rappeur notamment sur ses pochettes de disques et les scénographies de ses concerts.&lt;/p&gt;&lt;span style=&quot;background-color: white; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;h2 class=&quot;h2-intertitre&quot; style=&quot;background-color: white; box-sizing: border-box; clear: both; color: #101010; font-family: Publico-Roman, serif; font-size: 1em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.1875em; margin: 1.5em 0px 0.8em;&quot;&gt;Inclusivité et antiracisme&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Roi du streetwear de luxe, il s’était imposé en quelques années comme l’un des créateurs les plus «&amp;nbsp;cools&amp;nbsp;» auprès d’un public de millénials connectés.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Récompensé à de nombreuses reprises pour son travail, le prestigieux British Fashion Awards «&amp;nbsp;Urban Luxe&amp;nbsp;» award lui avait entre autres été décerné en 2017 et 2018.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Sa collection de janvier 2021 pour Louis Vuitton, dévoilée dans le cadre de la Fashion week virtuelle à Paris, l’avait été sous forme d’une performance antiraciste et anti-homophobe menée par des rappeurs américains.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Virgil Abloh s’était interrogé sur comment les stéréotypes et les uniformes liés aux professions et aux modes de vie façonnent la personnalité, s’efforçant de changer ces idées préconçues.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;«&amp;nbsp;La mode est un outil de la mise en forme de ces identités […] De façon inconsciente, nous faisons confiance à une silhouette en costume et nous nous méfions en voyant le contour d’un sweatshirt à capuche&amp;nbsp;», pouvait-on lire dans les notes qui accompagnent la collection.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Il avait créé en 2012 un premier label, Pyrex Vision. Un an plus tard naissait Off-White, marque de streetwear de luxe qui s’imposa par la force de son graphisme avant d’évoluer vers des créations plus «&amp;nbsp;couture&amp;nbsp;».&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;LVMH avait conclu un accord en juillet avec Virgil Abloh afin de devenir actionnaire majoritaire de sa marque Off-White. Le designer s’était félicité de «&amp;nbsp;la puissance et la dimension nécessaires&amp;nbsp;» qu’apportait LVMH «&amp;nbsp;pour accélérer notre élan et faire de Off-White une véritable marque de luxe&amp;nbsp;».&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;LVMH comptait aussi étendre sa collaboration avec l’Américain pour lancer de nouvelles marques et voulait «&amp;nbsp;imaginer de nouveaux partenariats&amp;nbsp;» avec lui, «&amp;nbsp;au-delà de la mode&amp;nbsp;».&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 0px 0px 0.8em;&quot;&gt;Abloh espérait se servir de son partenariat avec LVMH pour «&amp;nbsp;favoriser une plus grande équité et inclusion dans les industries&amp;nbsp;» qu’il servait.&lt;/p&gt;&lt;div class=&quot;hidden-print read-also&quot; style=&quot;background-color: #f2f2f2; border-top: 1px solid rgb(16, 16, 16); box-sizing: border-box; color: #101010; font-family: PublicoText-Roman, serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.4444em; margin: 2.625em 0px 0px; padding: 20px 20px 22px;&quot;&gt;&lt;h4 style=&quot;box-sizing: border-box; color: inherit; font-family: Graphik-Bold, sans-serif; font-size: 0.8125em; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 400; line-height: 1.23077em; margin: 0px 0px 0.692308em; text-transform: uppercase;&quot;&gt;&lt;br /&gt;&lt;/h4&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://londoneluxury.blogspot.com/feeds/1517202090436606587/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/le-designer-americain-virgil-abloh-star.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/1517202090436606587'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/1517202090436606587'/><link rel='alternate' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/le-designer-americain-virgil-abloh-star.html' title='Le designer américain Virgil Abloh, star engagée de Vuitton et d’Off-White, emporté par un cancer'/><author><name>London Luxury</name><uri>http://www.blogger.com/profile/06181673818768958520</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6122981405248003605.post-7385227880552105595</id><published>2022-12-23T11:10:00.000-08:00</published><updated>2022-12-23T11:10:00.156-08:00</updated><title type='text'>Accessible Palette: stop using HSL for color systems</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;The main problems with our old palette were inconsistent perceived lightness of colors (blues and reds are much darker than yellows and greens) and unpredictable contrast ratios between color variants. When picking a color pair, we couldn’t easily tell if it would meet the recommendations from&lt;/span&gt;&lt;span style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.w3.org/TR/WCAG21/#contrast-minimum&quot; style=&quot;color: #147cb8; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot; target=&quot;_blank&quot;&gt;Web Content Accessibility Guidelines&lt;/a&gt;&lt;span style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px;&quot;&gt;(WCAG) and had to manually check the contrast ratio. (Or, most likely… not&amp;nbsp;check.)&lt;/span&gt;&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center &quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 2px solid rgb(242, 242, 242); display: inline-block; padding: 8px;&quot;&gt;&lt;img alt=&quot;Postmark Color System v1 with inconsistent lightness&quot; height=&quot;430&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/pm-color-system-v1.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/pm-color-system-v1.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;Postmark Color System v1 with inconsistent lightness&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;figcaption class=&quot;entry_figcaption&quot; style=&quot;color: grey; font-size: 0.875rem; margin: 0.75em 10px;&quot;&gt;&lt;p style=&quot;margin: 0px;&quot;&gt;Postmark Color System v1 with inconsistent lightness&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure class=&quot;entry_image entry_image--center &quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 2px solid rgb(242, 242, 242); display: inline-block; padding: 8px;&quot;&gt;&lt;img alt=&quot;Contrast ratios against white background&quot; height=&quot;370&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/pm-color-system-v1-cr.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/pm-color-system-v1-cr.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;Contrast ratios against white background&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;figcaption class=&quot;entry_figcaption&quot; style=&quot;color: grey; font-size: 0.875rem; margin: 0.75em 10px;&quot;&gt;&lt;p style=&quot;margin: 0px;&quot;&gt;Contrast ratios against white background&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;In fact, both of these problems were caused by&amp;nbsp;&lt;a href=&quot;https://en.wikipedia.org/wiki/HSL_and_HSV#Disadvantages&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;the inherent fault in the HSL color model&lt;/a&gt;&amp;nbsp;and lack of support for better alternatives in the design tools. While HSL and HSV are fine choices for choosing a single color, they’re not suitable for building a color system, as they simply transform the RGB model and ignore the complexities of human perception. To see what’s wrong with them and find an alternative, we need to look at color theory and consider other color spaces.&lt;/p&gt;&lt;h2 style=&quot;background-color: #fffdeb; color: #248f3e; font-family: Laica, Georgia, serif; font-size: 2.875rem; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 500; line-height: 1.15; margin: 1.75em 0px 0.5em; padding: 0px;&quot;&gt;Stop using HSL for color systems!&lt;/h2&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;The&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;RGB&lt;/span&gt;&amp;nbsp;color model reflects how screens work and is not trying to be user-friendly or intuitive. Instead, in the 1970s, researchers came up with&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;HSL&lt;/span&gt;&amp;nbsp;(Hue, Saturation, Lightness) and&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;HSV/HSB&lt;/span&gt;&amp;nbsp;(Hue, Saturation, Value or Brightness) models as alternative representations of RGB, based on how humans think of colors. The intention was good, but they had to trade off perceptual relevance for computation speed, as more sophisticated models would have been too computationally expensive for that time. The resulting HSL and HSV models are easy mathematical transformations of RGB that don’t reflect a human perception of lightness or saturation.&lt;/p&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Consider colors in this scale with the same Saturation (100) and Lightness (50) in&amp;nbsp;HSL:&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center entry_image--borderless&quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 0px; display: inline-block; padding: 10px;&quot;&gt;&lt;img alt=&quot;HSL gradient with Saturation set to 100 and Lightness to 50&quot; height=&quot;140&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/hsl-gradient-l50-s100.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/hsl-gradient-l50-s100.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;HSL gradient with Saturation set to 100 and Lightness to 50&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;While this scale may have consistent lightness according to the color model, it definitely feels wrong for a human&amp;nbsp;— visually, blue (&lt;code style=&quot;font-family: Menlo, Consolas, Monaco, &amp;quot;Courier New&amp;quot;, Courier, monospace, serif; font-size: 0.941em;&quot;&gt;#00F&lt;/code&gt;) is much darker than yellow (&lt;code style=&quot;font-family: Menlo, Consolas, Monaco, &amp;quot;Courier New&amp;quot;, Courier, monospace, serif; font-size: 0.941em;&quot;&gt;#FF0&lt;/code&gt;) or cyan (&lt;code style=&quot;font-family: Menlo, Consolas, Monaco, &amp;quot;Courier New&amp;quot;, Courier, monospace, serif; font-size: 0.941em;&quot;&gt;#0FF&lt;/code&gt;). This happens because in HSL, fully saturated colors are mapped to the peak RGB values and placed around a Hue circle at a Lightness value of 50, with values of 0 and 100 corresponding to fully black and white, respectively. When a lighter or darker variant of the color is needed, it gets “mixed” with white or black. The central vertical axis comprises the range of&amp;nbsp;&lt;em&gt;neutral&lt;/em&gt;&amp;nbsp;or&amp;nbsp;&lt;em&gt;gray&lt;/em&gt;&amp;nbsp;colors with a Saturation of zero. (The difference between HSL and HSV is insignificant for this discussion, but instead of “mixing” colors, HSV represents how colors appear under bright light, so the most saturated colors have a Value of&amp;nbsp;100.)&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--full &quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 1.25em calc((var(--s-column)*2 + var(--s-gutter)*1 + var(--s-gutter))*-1); width: calc(var(--s-column)*12*1 + var(--s-gutter)*11*1);&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 2px solid rgb(242, 242, 242); padding: 8px;&quot;&gt;&lt;img alt=&quot;RGB cube transformation to HSL and HSV cylinders&quot; height=&quot;450&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_full/rgb-to-hsl-and-hsv.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/rgb-to-hsl-and-hsv.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: 1195.89px;&quot; title=&quot;RGB cube transformation to HSL and HSV cylinders&quot; width=&quot;960&quot; /&gt;&lt;/div&gt;&lt;figcaption class=&quot;entry_figcaption&quot; style=&quot;color: grey; font-size: 0.875rem; margin: 0.75em 10px;&quot;&gt;&lt;p style=&quot;margin: 0px;&quot;&gt;Based on illustrations by Jacob Rus and Michael Horvath (SharkD), CC BY-SA 3.0, Wikimedia Commons.&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Luckily, we’re not limited by computational speed anymore and can use better tools for this&amp;nbsp;job.&lt;/p&gt;&lt;h2 style=&quot;background-color: #fffdeb; color: #248f3e; font-family: Laica, Georgia, serif; font-size: 2.875rem; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 500; line-height: 1.15; margin: 1.75em 0px 0.5em; padding: 0px;&quot;&gt;Meet CIELAB and LCh&lt;/h2&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;By the time HSL and HSV models were formalized, a better alternative already existed. The International Commission on Illumination (abbreviated CIE) defined the&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;CIELAB or L*a*b*&lt;/span&gt;&amp;nbsp;color space back in 1976. It was designed as a perceptually uniform color space, where a given&amp;nbsp;&lt;em&gt;numerical change&lt;/em&gt;&amp;nbsp;corresponds to a similar&amp;nbsp;&lt;em&gt;perceived change&lt;/em&gt;&amp;nbsp;in color. Unlike the RGB color model, CIELAB is designed to cover the entire range of visible colors, and its Lightness&amp;nbsp;&lt;em&gt;(L*)&lt;/em&gt;&amp;nbsp;component closely matches human perception.&lt;/p&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Here is how this color space is defined,&amp;nbsp;&lt;a href=&quot;https://en.wikipedia.org/wiki/CIELAB_color_space&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;according to Wikipedia&lt;/a&gt;:&lt;/p&gt;&lt;blockquote style=&quot;background-color: #fffdeb; border-left: 2px solid rgb(242, 242, 242); border-right: 2px solid rgb(242, 242, 242); color: #666666; font-family: Laica, Georgia, serif; font-size: 1.125em; font-stretch: normal; font-style: italic; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal; margin: 0.4em 0px 1.2em; padding: 0.4em 1.6em;&quot;&gt;The lightness value&amp;nbsp;&lt;span style=&quot;font-style: normal;&quot;&gt;L*&lt;/span&gt;&amp;nbsp;defines black at 0 and white at 100. The&amp;nbsp;&lt;span style=&quot;font-style: normal;&quot;&gt;a*&lt;/span&gt;&amp;nbsp;axis is relative to the green-red opponent colors, with negative values toward green and positive values toward red. The&amp;nbsp;&lt;span style=&quot;font-style: normal;&quot;&gt;b*&lt;/span&gt;&amp;nbsp;axis represents the blue-yellow opponents, with negative numbers toward blue and positive toward yellow.&lt;/blockquote&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Earlier, I said that RGB isn’t user-friendly or intuitive. Well, CIELAB really put things into perspective.&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center entry_image--borderless&quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 0px; display: inline-block; padding: 10px;&quot;&gt;&lt;img alt=&quot;Visible gamut within CIELAB color space&quot; height=&quot;610&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/Visible_gamut_within_CIELAB_color_space_D65_whitepoint_mesh.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal2x/Visible_gamut_within_CIELAB_color_space_D65_whitepoint_mesh.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;Visible gamut within CIELAB color space&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;figcaption class=&quot;entry_figcaption&quot; style=&quot;color: grey; font-size: 0.875rem; margin: 0.75em 10px;&quot;&gt;&lt;p style=&quot;margin: 0px;&quot;&gt;Visible gamut within CIELAB color space (see also&amp;nbsp;&lt;a href=&quot;https://commons.wikimedia.org/wiki/File:Visible_gamut_within_CIELAB_color_space_D65_whitepoint_mesh.webm&quot; rel=&quot;noreferrer noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;as a video&lt;/a&gt;).&amp;nbsp;&lt;em&gt;a&lt;/em&gt;&amp;nbsp;and&amp;nbsp;&lt;em&gt;b&lt;/em&gt;&amp;nbsp;are the horizontal axes;&amp;nbsp;&lt;em&gt;L&lt;/em&gt;&amp;nbsp;is the vertical axis. Michael Horvath (SharkD), Christoph Lipka, CC BY-SA 4.0, via Wikimedia Commons.&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Just as HSL and HSV are easier-to-use cylindrical representations of the RGB,&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;CIELCh or LCh or Lch(ab)&lt;/span&gt;&amp;nbsp;color space is a&amp;nbsp;&lt;a href=&quot;https://en.wikipedia.org/wiki/CIELAB_color_space#Cylindrical_model&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;cylindrical representation of CIELAB&lt;/a&gt;. Chromaticity components&amp;nbsp;&lt;em&gt;a*&lt;/em&gt;&amp;nbsp;and&amp;nbsp;&lt;em&gt;b*&lt;/em&gt;&amp;nbsp;are replaced with&amp;nbsp;&lt;em&gt;Chroma&lt;/em&gt;&amp;nbsp;(relative&amp;nbsp;saturation) and&amp;nbsp;&lt;em&gt;Hue&lt;/em&gt;&amp;nbsp;angle, while&amp;nbsp;&lt;em&gt;Lightness&lt;/em&gt;&amp;nbsp;remains unchanged. The Hue angle is similar to the one in HSL, but they’re not identical&amp;nbsp;— HSL/HSV uses the three additive primary colors red, green, and blue (H&amp;nbsp;= 0, 120, 240°). Instead, the LCh system uses the four colors red, yellow, green, and blue (h&amp;nbsp;= 0, 90, 180, 270°). (It’s worth mentioning there is a similar&amp;nbsp;&lt;a href=&quot;https://en.wikipedia.org/wiki/HCL_color_space&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-weight: 700;&quot;&gt;HCL or LCh(uv)&lt;/span&gt;&lt;/a&gt;&amp;nbsp;color space with a Chroma on a uniform scale from 0 to 100, unlike an LCh(ab) where it varies based on Hue and Lightness.)&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center entry_image--borderless&quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 0px; display: inline-block; padding: 10px;&quot;&gt;&lt;img alt=&quot;Visible gamut within CIELCh color space&quot; height=&quot;610&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/Visible_gamut_within_CIELCHab_color_space_D65_whitepoint_mesh.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal2x/Visible_gamut_within_CIELCHab_color_space_D65_whitepoint_mesh.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;Visible gamut within CIELCh color space&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;figcaption class=&quot;entry_figcaption&quot; style=&quot;color: grey; font-size: 0.875rem; margin: 0.75em 10px;&quot;&gt;&lt;p style=&quot;margin: 0px;&quot;&gt;Visible gamut within CIELCh color space (see also&amp;nbsp;&lt;a href=&quot;https://commons.wikimedia.org/wiki/File:Visible_gamut_within_CIELCHab_color_space_D65_whitepoint_mesh.webm&quot; style=&quot;background-color: transparent; color: #147cb8;&quot;&gt;as a video&lt;/a&gt;).&amp;nbsp;&lt;em&gt;L&lt;/em&gt;&amp;nbsp;is the vertical axis;&amp;nbsp;&lt;em&gt;C&lt;/em&gt;&amp;nbsp;is the cylinder radius;&amp;nbsp;&lt;em&gt;h&lt;/em&gt;&amp;nbsp;is the angle around the circumference. Michael Horvath (SharkD), Christoph Lipka, CC BY-SA 4.0, via Wikimedia Commons.&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;You may notice that, unlike HSL and HSV, LCh fits inside a cylinder but doesn’t fill it. This is expected, as some combinations of Lightness, Chroma, and Hue produce impossible colors&amp;nbsp;— for example, a dark saturated yellow just doesn’t exist. The closer the visible gamut gets to black and white on a Lightness scale, the fewer colors can be distinguished by a human eye. In reality, not even all of these visible colors can be displayed on a screen&amp;nbsp;— the sRGB gamut represents a typical screen and includes only about ⅓ of the LCh color space. That’s what we’re limited to in CSS as well,&amp;nbsp;&lt;a href=&quot;https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;at least for now&lt;/a&gt;.&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center entry_image--borderless&quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 0px; display: inline-block; padding: 10px;&quot;&gt;&lt;img alt=&quot;The sRGB gamut plotted within the cylindrical LCh color space&quot; height=&quot;610&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/SRGB_gamut_within_CIELCHab_color_space_isosurface.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal2x/SRGB_gamut_within_CIELCHab_color_space_isosurface.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;The sRGB gamut plotted within the cylindrical LCh color space&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;figcaption class=&quot;entry_figcaption&quot; style=&quot;color: grey; font-size: 0.875rem; margin: 0.75em 10px;&quot;&gt;&lt;p style=&quot;margin: 0px;&quot;&gt;The sRGB gamut plotted within the cylindrical LCh color space (see also&amp;nbsp;&lt;a href=&quot;https://commons.wikimedia.org/wiki/File:SRGB_gamut_within_CIELCHab_color_space_mesh.webm&quot; rel=&quot;noreferrer noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;as a video&lt;/a&gt;). Michael Horvath (SharkD), Christoph Lipka, CC BY-SA 4.0, via Wikimedia Commons.&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Let’s go back to our HSL color scale with Saturation of 100 and Lightness of 50 and see what its Lightness is in LCh:&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center entry_image--borderless&quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 0px; display: inline-block; padding: 10px;&quot;&gt;&lt;img alt=&quot;HSL gradient with LCh Lightness levels&quot; height=&quot;199&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/hsl-gradient-with-lch-lightness.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/hsl-gradient-with-lch-lightness.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;HSL gradient with LCh Lightness levels&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Now, these numbers make more sense&amp;nbsp;— yellow is the lightest color, blue is the darkest, greens are almost three times lighter than blue or twice than reds. Let’s rebuild this scale in LCh with a consistent level of Lightness:&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center entry_image--borderless&quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 0px; display: inline-block; padding: 10px;&quot;&gt;&lt;img alt=&quot;LCh scale with a consistent level of Lightness&quot; height=&quot;335&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/lch-controlled-lightness.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/lch-controlled-lightness.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;LCh scale with a consistent level of Lightness&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Because of the varied Chroma component, some of these colors are more saturated than others, but their lightness is visually consistent. This doesn’t look good as a gradient but may be desirable in a color system&amp;nbsp;— I want my colors for notifications and warnings more saturated than shades of the base text. Just for curiosity sake, let’s see how these scales look with more consistency in Chroma:&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center entry_image--borderless&quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 0px; display: inline-block; padding: 10px;&quot;&gt;&lt;img alt=&quot;LCh scale with consistent levels of Lightness and Chroma&quot; height=&quot;335&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/lch-controlled-lightness-and-chroma.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/lch-controlled-lightness-and-chroma.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;LCh scale with consistent levels of Lightness and Chroma&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Smooth as butter, even while we’re dealing with a limited sRGB color space. This is a great foundation for building a color system.&lt;/p&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;At this point, you may wonder why the design community does not widely use this powerful color space. As of today, neither Figma, Sketch, or Adobe XD support CIELAB or LCh. There is an&amp;nbsp;&lt;a href=&quot;https://www.figma.com/community/plugin/969496279507778512/LCH&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;LCH color picker&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href=&quot;https://www.figma.com/community/plugin/759433498184507623/Chromatic-Figma&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;Chromatic&lt;/a&gt;&amp;nbsp;plugins for Figma, but I didn’t find them sufficient to construct a flexible color system.&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;The ideal tool for the job would generate color variants with persistent lightness, let me control the contrast ratio between them, and be flexible enough to accommodate existing brand colors.&lt;/span&gt;&amp;nbsp;That’s when I discovered a&amp;nbsp;&lt;a href=&quot;https://gka.github.io/chroma.js/&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;Chroma.js library&lt;/a&gt;&amp;nbsp;with great LCh support and decided to write a simple tool to generate a new palette from code. After using this tool internally and sharing it with a few friends, we decided to turn it into an app and share it publicly as a project from our&amp;nbsp;&lt;a href=&quot;https://postmarkapp.com/labs&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;Labs&lt;/a&gt;.&lt;/p&gt;&lt;h2 style=&quot;background-color: #fffdeb; color: #248f3e; font-family: Laica, Georgia, serif; font-size: 2.875rem; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 500; line-height: 1.15; margin: 1.75em 0px 0.5em; padding: 0px;&quot;&gt;Introducing Accessible Palette&lt;/h2&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;&lt;mark style=&quot;background: rgba(249, 255, 179, 0.5); color: black;&quot;&gt;&lt;span style=&quot;font-weight: 700;&quot;&gt;&lt;a href=&quot;https://accessiblepalette.com/&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;Accessible Palette&lt;/a&gt;&amp;nbsp;is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.&lt;/span&gt;&lt;/mark&gt;&amp;nbsp;It’s flexible enough to accommodate existing brand colors and lighter or darker palettes. Let’s see how it works:&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--full &quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 1.25em calc((var(--s-column)*2 + var(--s-gutter)*1 + var(--s-gutter))*-1); width: calc(var(--s-column)*12*1 + var(--s-gutter)*11*1);&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 2px solid rgb(242, 242, 242); padding: 8px;&quot;&gt;&lt;img alt=&quot;The interface of the Accessible Palette app&quot; height=&quot;1076&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_full/accessiblepalette@2x.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/accessiblepalette@2x.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: 1195.89px;&quot; title=&quot;The interface of the Accessible Palette app&quot; width=&quot;960&quot; /&gt;&lt;/div&gt;&lt;figcaption class=&quot;entry_figcaption&quot; style=&quot;color: grey; font-size: 0.875rem; margin: 0.75em 10px;&quot;&gt;&lt;p style=&quot;margin: 0px;&quot;&gt;The interface of the&amp;nbsp;&lt;a href=&quot;https://accessiblepalette.com/&quot; rel=&quot;noreferrer noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;Accessible Palette&lt;/a&gt;&amp;nbsp;app&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;ul style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em 1.3em; padding-left: 1.3em;&quot;&gt;&lt;li style=&quot;list-style: square; margin-bottom: 0.6em;&quot;&gt;You begin by tweaking one of the&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;starting colors&lt;/span&gt;&amp;nbsp;or pasting the existing color from your design. The tool will use color’s Chroma and Hue to calculate a scale with multiple lightness levels.&lt;/li&gt;&lt;li style=&quot;list-style: square; margin-bottom: 0.6em;&quot;&gt;&lt;span style=&quot;font-weight: 700;&quot;&gt;Lightness&lt;/span&gt;&amp;nbsp;is completely customizable and can work both with light and dark palettes. It also provides granular control over a palette to include existing brand colors. In our case, I wanted to preserve the three most used colors from the original Postmark palette&amp;nbsp;— yellow&amp;nbsp;&lt;code style=&quot;font-family: Menlo, Consolas, Monaco, &amp;quot;Courier New&amp;quot;, Courier, monospace, serif; font-size: 0.941em;&quot;&gt;#FFDE00&lt;/code&gt;, blue&amp;nbsp;&lt;code style=&quot;font-family: Menlo, Consolas, Monaco, &amp;quot;Courier New&amp;quot;, Courier, monospace, serif; font-size: 0.941em;&quot;&gt;#007DCC&lt;/code&gt;, and green&amp;nbsp;&lt;code style=&quot;font-family: Menlo, Consolas, Monaco, &amp;quot;Courier New&amp;quot;, Courier, monospace, serif; font-size: 0.941em;&quot;&gt;#4FC47F&lt;/code&gt;. After taking them as starting colors, I used their Lightness values (88.6, 75.2, and 50.6, respectively) as lightness for levels 200, 400, and 600.&lt;/li&gt;&lt;li style=&quot;list-style: square; margin-bottom: 0.6em;&quot;&gt;&lt;span style=&quot;font-weight: 700;&quot;&gt;Contrast ratio&lt;/span&gt;&amp;nbsp;depends on Lightness and is calculated for every level using both current WCAG 2.1 Recommendations and a new algorithm in an upcoming 3.0 Working Draft. (The current way of measuring contrast is flawed, but we’ll talk about this later.) By default, the contrast of every color is measured against a white background, but you can select any color swatch to measure the contrast ratio against it.&lt;/li&gt;&lt;li style=&quot;list-style: square; margin-bottom: 0.6em;&quot;&gt;Levels can be generated using&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;RGB or CIELAB&lt;/span&gt;&amp;nbsp;color space. In some cases, the results can be different, so it’s worth experimenting. In the Postmark color scheme, using CIELAB reduced purplish tint in lighter reds (good) but increased in blues (bad).&lt;/li&gt;&lt;/ul&gt;&lt;figure class=&quot;entry_image entry_image--center entry_image--borderless&quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 0px; display: inline-block; padding: 10px;&quot;&gt;&lt;img alt=&quot;Red and blue scales generated in CIELAB and RGB color spaces&quot; height=&quot;440&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/cielab-vs-rgb-scale.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/cielab-vs-rgb-scale.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;Red and blue scales generated in CIELAB and RGB color spaces&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;/figure&gt;&lt;ul style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em 1.3em; padding-left: 1.3em;&quot;&gt;&lt;li style=&quot;list-style: square; margin-bottom: 0.6em;&quot;&gt;For some colors, you may want to&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;shift Hue across the range&lt;/span&gt;. Our bright yellow is a good example&amp;nbsp;— as it gets darker, colors get a greenish shade. To shift them a little closer to orange, I use a negative Hue compensation.&lt;/li&gt;&lt;/ul&gt;&lt;figure class=&quot;entry_image entry_image--center entry_image--borderless&quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 0px; display: inline-block; padding: 10px;&quot;&gt;&lt;img alt=&quot;Shifting Hue across the range of colors&quot; height=&quot;250&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/hue-shift.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/hue-shift.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;Shifting Hue across the range of colors&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;/figure&gt;&lt;ul style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em 1.3em; padding-left: 1.3em;&quot;&gt;&lt;li style=&quot;list-style: square; margin-bottom: 0.6em;&quot;&gt;As you use the app, it&amp;nbsp;&lt;span style=&quot;font-weight: 700;&quot;&gt;updates the URL to save changes&lt;/span&gt;. Share it with your team, or add it to your Figma library and a CSS file with color variables for future reference.&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;The app can be used to generate all kinds of color palettes. Use them as a final color system or as a foundation to build upon. To see some real-world examples, check out a new&amp;nbsp;&lt;a href=&quot;https://accessiblepalette.com/?lightness=98,93.3,88.6,79.9,71.2,60.5,49.8,38.4,27,15.6&amp;amp;e94c49=1,0&amp;amp;F1903C=1,-10&amp;amp;f3e203=1,-15&amp;amp;89BF1D=0,0&amp;amp;64c273=0,15&amp;amp;007DCC=0,0&amp;amp;808080=0,0&amp;amp;EAE8DE=0,0&amp;amp;768092=0,0&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;Postmark color palette&lt;/a&gt;&amp;nbsp;or palettes based on&amp;nbsp;&lt;a href=&quot;https://accessiblepalette.com/?lightness=98.2,96.5,94,89.5,77,65,49.5,41,28,20&amp;amp;D81B60=0,0&amp;amp;E53935=0,0&amp;amp;F4511E=0,0&amp;amp;FB8C00=0,0&amp;amp;FFB300=0,0&amp;amp;FDD835=0,0&amp;amp;C0CA33=0,0&amp;amp;7CB342=0,0&amp;amp;43A047=0,0&amp;amp;00897B=0,0&amp;amp;00ACC1=0,0&amp;amp;039BE5=0,0&amp;amp;1E88E5=0,0&amp;amp;3949AB=0,0&amp;amp;5E35B1=0,0&amp;amp;8E24AA=0,0&amp;amp;FAFAFA=0,0&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;Google’s Material Design&lt;/a&gt;&amp;nbsp;or&amp;nbsp;&lt;a href=&quot;https://accessiblepalette.com/?lightness=98,96,91.5,85,67,48,36,27,16,8&amp;amp;DB2777=0,0&amp;amp;DC2626=0,0&amp;amp;D97706=0,-10&amp;amp;059669=0,0&amp;amp;007afd=0,0&amp;amp;4F46E5=0,0&amp;amp;7C3AED=1,0&amp;amp;47556a=0,0&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;TailwindCSS&lt;/a&gt;. They’re not exact replicas, but alternative takes inspired by the original colors and levels of lightness.&lt;/p&gt;&lt;h2 style=&quot;background-color: #fffdeb; color: #248f3e; font-family: Laica, Georgia, serif; font-size: 2.875rem; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: 500; line-height: 1.15; margin: 1.75em 0px 0.5em; padding: 0px;&quot;&gt;Bonus: How are contrast ratios calculated?&lt;/h2&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;So why does Accessible Palette show&amp;nbsp;&lt;em&gt;two&lt;/em&gt;&amp;nbsp;different contrast ratios? WCAG 2.1 calculates the contrast ratio by dividing the luminance of the foreground color by the luminance of the background. The problem is this formula provides a linear response, while humans perceive the contrast between lighter colors as higher than between darker colors. Consider these examples:&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center &quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 2px solid rgb(242, 242, 242); display: inline-block; padding: 8px;&quot;&gt;&lt;img alt=&quot;Problems with contrast ratio algorithm in WCAG 2.1&quot; height=&quot;411&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/wcag-2-cr-issues.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/wcag-2-cr-issues.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;Problems with contrast ratio algorithm in WCAG 2.1&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;In practice, samples meeting the WCAG 2.1 recommendations are harder to read than those with an “insufficient” contrast ratio. Luckily, W3C is aware of this problem, as&amp;nbsp;&lt;a href=&quot;https://github.com/w3c/wcag/issues/695&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;Andrew Somers started an open discussion&lt;/a&gt;&amp;nbsp;back in 2019. (It’s a fascinating and deep reading if you have a spare evening or two.) He proposed a better working algorithm that is now a part of the&amp;nbsp;&lt;a href=&quot;https://www.w3.org/TR/wcag-3.0/#visual-contrast-of-text&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;WCAG 3 Working Draft&lt;/a&gt;&amp;nbsp;and built an&amp;nbsp;&lt;a href=&quot;https://www.myndex.com/APCA/&quot; rel=&quot;noreferrer nofollow noopener&quot; style=&quot;background-color: transparent; color: #147cb8;&quot; target=&quot;_blank&quot;&gt;APCA Contrast Calculator&lt;/a&gt;&amp;nbsp;that is perceptually accurate and also takes font size and weight into account. Accessible Palette uses his Advanced Perceptual Contrast Algorithm (APCA) and considers score 60 as the minimum level recommended for readable text, similar to the old 4.5:1 contrast ratio recommendation in WCAG 2.1.&lt;/p&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Let’s see how our examples will hold up with the new algorithm:&lt;/p&gt;&lt;figure class=&quot;entry_image entry_image--center &quot; style=&quot;background-color: #fffdeb; box-sizing: border-box; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0px 0px 0.8em; text-align: center; width: 799.338px;&quot;&gt;&lt;div class=&quot;entry_figure&quot; style=&quot;border: 2px solid rgb(242, 242, 242); display: inline-block; padding: 8px;&quot;&gt;&lt;img alt=&quot;Improved contrast ratio algorithm in WCAG 3 Working Draft&quot; height=&quot;461&quot; itemprop=&quot;image&quot; src=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_normal/wcag-3-cr.png&quot; srcset=&quot;https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/wcag-3-cr.png 2x&quot; style=&quot;border: 0px; height: auto; max-width: 100%; padding: 0px; vertical-align: middle; width: auto;&quot; title=&quot;Improved contrast ratio algorithm in WCAG 3 Working Draft&quot; width=&quot;610&quot; /&gt;&lt;/div&gt;&lt;/figure&gt;&lt;p style=&quot;background-color: #fffdeb; color: #1f2e2b; font-family: sofia-pro, -apple-system, -apple-system-body, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-size: 20px; margin: 0.4em 0px 0.8em;&quot;&gt;Does it mean that WCAG 2.1 contrast ratio is useless? No, it’s still fairly accurate for mid-range colors, but overall the new algorithm is a massive improvement. Keep in mind that it’s still a Working Draft and may change over time. For maximum future-proofness and compliance with current guidelines, try building your color system with both guidelines in mind.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://londoneluxury.blogspot.com/feeds/7385227880552105595/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/accessible-palette-stop-using-hsl-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/7385227880552105595'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/7385227880552105595'/><link rel='alternate' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/accessible-palette-stop-using-hsl-for.html' title='Accessible Palette: stop using HSL for color systems'/><author><name>London Luxury</name><uri>http://www.blogger.com/profile/06181673818768958520</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6122981405248003605.post-9082909807476526541</id><published>2022-12-23T11:08:00.002-08:00</published><updated>2022-12-23T11:08:50.829-08:00</updated><title type='text'>10 ways to stop your designs from looking the same and create unique stuff quickly</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; font-style: italic;&quot;&gt;If you love designing from templates, have you ever worried that all your designs will end up looking the same?&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;If you’re familiar with Canva and use it in your workplace, you might have thought about this before. The good news — you can easily prevent your designs from looking alike.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Templates are a great starting point for a design, but changing simple variants such as style, photography, fonts, and colors can give your design a whole new look and feel.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;As part of some exciting plans we have in the pipeline to make&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;design in your workplace amazingly simple&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/pro/&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot;&gt;design in your workplace amazingly simple&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;, we’re going be tackling common design problems over the next couple weeks.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Jumping right in — I’m going to show you how you can avoid falling into the trap of repetitive designs, but still retain your personal style. Here are some creative ideas for you to try:&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;01. Look to the past: Borrow some of the features of historical design styles&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Often grouped together under the vague term “vintage,”&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;historical design styles&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/learn/famous-graphic-designers/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;historical design styles&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;are a rich source of inspiration. Some specific styles you may have heard of include Art Deco (1920s), Art Nouveau, Bauhaus, and Victorian, among others. Each has its own distinctive look and characteristics. You can create designs that replicate these styles for an authentic period look if it’s appropriate for your project, or you can pick and choose elements that inspire you — like layout, shapes, colors, or typography styles.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Let’s look at two sets of examples.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;First, we have some Art Deco-inspired examples from&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Westminster Paper Co.&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.etsy.com/au/listing/157979914/?ref=market&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Westminster Paper Co.&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Frank Rodriguez&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.etsy.com/au/listing/157979914/?ref=market&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Frank Rodriguez&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;. These pieces use distinct motifs from the Deco movement, like intricate borders and embellishments; sharp, sleek and geometric typefaces; and a gold-and-black color palette. Notice, though, that while these examples both use elements from the Art Deco era, they’re two different interpretations of the movement. Mixing and matching elements from art history can make your design both unique and engaging.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572338/1_LookToPast.4bc34185.avif, https://static-cse.canva.com/blob/572338/1_LookToPast.9cc4aa16.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572338/1_LookToPast.0ccb0c82.jpg, https://static-cse.canva.com/blob/572338/1_LookToPast.08e7ba13.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;1_LookToPast&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572338/1_LookToPast.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572338/1_LookToPast.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;1_LookToPast&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Westminster Paper Co. / Frank Rodriguez&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Another example are these two pieces from&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Telegramme Paper Co.&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://telegramme.co.uk/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Telegramme Paper Co.&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;which are inspired by 1950’s design. These examples draw elements such as distressed textures, vintage palettes and vibrant, expressive type, right from the 50’s to create some whimsical and engaging designs. Again, though, do notice that while these two pieces both fall under the same umbrella in many respects, they’ve both taken unique elements from the era/movement to produce original solutions. Do plenty of research into art history and mix and match elements to see what original concepts you can come up with.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;http://www.telegramme.co.uk/&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572315/1_LookToPast2.43f47d8b.avif, https://static-cse.canva.com/blob/572315/1_LookToPast2.bbfd3d38.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572315/1_LookToPast2.b21bd911.jpg, https://static-cse.canva.com/blob/572315/1_LookToPast2.d5d7dbcd.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;1_LookToPast2&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572315/1_LookToPast2.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572315/1_LookToPast2.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;1_LookToPast2&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Telegramme Paper Co.&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Now, let’s take a look how at how this would look in Canva. Using the same template, I’ve created two different social media posts: one with a retro feel, and the other more a vintage or classic.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://telegramme.co.uk/&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572336/springsale.cb33716e.avif, https://static-cse.canva.com/blob/572336/springsale.26f0dba8.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572336/springsale.0ad74528.jpg, https://static-cse.canva.com/blob/572336/springsale.10d6726f.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;spring sale&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572336/springsale.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572336/springsale.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;spring sale&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Telegramme Paper Co.&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;02. Look to the past, part 2: Mix and match design styles from different periods for a one-of-a-kind look&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Mixing graphic styles from different periods — picking and choosing features that suit your particular project — is another easy way to&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;find design inspiration&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/learn/feeding-creativity-find-inspiration-graphics/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;find design inspiration&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;and experiment with styles that you don’t normally use. Plus, this approach helps you create a distinctive design that has a look all its own, since you’re mixing elements from different design traditions that are complementary, but that you still won’t usually see together.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;For the&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;logo design&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/create/logos/&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot;&gt;logo design&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;below,&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Joe White&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://yeoldestudio.co.uk/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Joe White&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;has used this approach to nice effect. The Art Deco influences — geometric shapes and precise linear embellishments — are obvious at first glance. But if you look at the&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;typography&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/learn/vintage-typography/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;typography&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;choices for this design, you’ll notice that both the round-edged san serif and the script have a more retro/industrial feel reminiscent of the 1940s and 50s rather than the 20s. This combination seems especially appropriate for a brand that emphasizes both luxury and urban living.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://www.behance.net/gallery/12994739/Atelier&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572339/uniquedesigns3.8696ceb2.avif, https://static-cse.canva.com/blob/572339/uniquedesigns3.91bae2bc.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572339/uniquedesigns3.ded6246c.jpg, https://static-cse.canva.com/blob/572339/uniquedesigns3.29c0e125.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;Behance/Joe White&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572339/uniquedesigns3.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572339/uniquedesigns3.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;Behance/Joe White&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Behance/Joe White&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;The key takeaway here is to let yourself be&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Gtld5yd4dPIiV1RIMqcU5A==&quot; style=&quot;box-sizing: border-box; font-style: italic;&quot;&gt;inspired&lt;/span&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;by art history, not to copy eras’ styles directly. A good technique is to find some examples you like and write down or circle the elements that you like the most and which ones you don’t like; maybe you love the palette but really dislike the kinds of typefaces used. Then experiment with mixing and matching these elements – use one palette with another kind of illustration, then completely reverse it. You’ll eventually end up with a bunch of unique and stylish design pieces. Modernise your found examples, give them a personal and unique twist, and tailor them to what you need.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;03. Experiment with simplicity and complexity&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;If your default style is a&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;minimalist&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/learn/minimalist-design-beautiful-examples-and-practical-tips/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;minimalist&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;, stripped-down look, purposely try creating a detailed, ornate design. And vice versa: if you’re all about embellishments and ornaments, force yourself to simplify. Getting out of your comfort zone can help you improve as a designer — and you may be surprised at what you’re able to learn and accomplish when you try something new.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Here’s an example of two designers taking two very different approaches to the same subject matter: one simple and angular, with minimal detail; the other more complex, with swirling, intricate details.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://www.behance.net/gallery/Food-Wine-Festival/950840&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572317/SimplicityComplexity1.5f4f6af7.avif, https://static-cse.canva.com/blob/572317/SimplicityComplexity1.e0e5e81b.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572317/SimplicityComplexity1.816dfdcb.jpg, https://static-cse.canva.com/blob/572317/SimplicityComplexity1.b76d4183.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;SimplicityComplexity1&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572317/SimplicityComplexity1.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572317/SimplicityComplexity1.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;SimplicityComplexity1&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Kaushik Badarinarayana&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Though they are radically different, both styles – the minimal and the more intricate designs – make for effective and engaging designs. Experimenting with adding or taking away detail and seeing what effect it has can be the key to varied, interesting and dynamic designs.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://www.logolounge.com/article.asp?aid=lkYa#.VUmDjtOqpBc&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572318/SimplicityComplexity2.f3ee1b6b.avif, https://static-cse.canva.com/blob/572318/SimplicityComplexity2.69f40e3d.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572318/SimplicityComplexity2.74f03ced.jpg, https://static-cse.canva.com/blob/572318/SimplicityComplexity2.5b0b8492.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;SimplicityComplexity2&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572318/SimplicityComplexity2.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572318/SimplicityComplexity2.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;SimplicityComplexity2&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Jared Jacob&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;You could try the same thing for fun or practice: pick a subject that interests you, then use it as a starting point to try out and compare different design styles. Add elements or take them away, just try to think outside the box and in a radical new way.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Consider how this principle has been applied in Canva. By removing the background image and rearranging the text, the difference in complexity and simplicity between these two invitations is immense.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://www.logolounge.com/article.asp?aid=lkYa#.VUmDjtOqpBc&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572316/birthdayparty.2315dc71.avif, https://static-cse.canva.com/blob/572316/birthdayparty.6e04dca8.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572316/birthdayparty.63cd16ef.jpg, https://static-cse.canva.com/blob/572316/birthdayparty.9bc75924.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;birthday party&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572316/birthdayparty.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572316/birthdayparty.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;birthday party&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Jared Jacob&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;04. Use familiar objects in unexpected ways&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Finding yourself using the same imagery in the same old ways over and over again? Get a creative jumpstart by using recognizable objects in surprising ways. Much like how a metaphor or play on words spices up writing, giving an unexpected interpretation to a familiar image or object can add extra interest and make for an eye-catching design.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Try to have a think about what things are associated with your communication, consider relationships and connections that can be found between two radically different or similar elements.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Let’s look at three posters that do just this.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;These posters by&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Carlos Zamora&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.thestlouisegotist.com/news/2012/07/10/st-louis-filmmakers-showcase-poster-carlos-zamora/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Carlos Zamora&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Pentagram&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.pentagram.com/work/bike-expo-new-york&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Pentagram&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;, and&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Lemel Yossi&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.theguardian.com/world/gallery/2011/apr/03/amnesty-international-posters-in-pictures&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Lemel Yossi&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;, each find clever relationships within their communication, and they pair these to make meaningful and engaging designs. These posters have found the relationships based on shapes – the curve of film strips is similar to the curve of soft serve ice cream, bicycle wheels perfectly match NYC manhole covers, the spaces between fingers taper inwards just like an arm reaching up does etc.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;If you’re looking for something radically different for your design, then try to use familiar objects in unexpected ways to create communications that really grab ahold of you. Thinking a little left of centre can help you create a truly unique design that not even you have created before.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572325/4_Unexpected.85e1f45b.avif, https://static-cse.canva.com/blob/572325/4_Unexpected.773e40cd.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572325/4_Unexpected.120f830b.jpg, https://static-cse.canva.com/blob/572325/4_Unexpected.89148e0f.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;4_Unexpected&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572325/4_Unexpected.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572325/4_Unexpected.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;4_Unexpected&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Carlos Zamora / Pentagram / Lemel Yossi&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;05. Forget your favorite font&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;You may have a favorite font (or five, or 20). Maybe it’s one you spent a lot of money for (gotta get your money’s worth, right?).&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Many designers have a special fondness for certain fonts&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/learn/typography-guide/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Many designers have a special fondness for certain fonts&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;, and it’s okay to use them when they suit a particular project. But if you find yourself defaulting to those fonts all the time, then it’s time to mix things up. Typography is such an essential part of graphic design, that you don’t want all your projects looking like cookie-cutter copies of each other.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Not sure where to find new fonts, or is money an issue? There are many sources of free or pay-what-you-want fonts for both personal and commercial use. Two of the best are&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Font Squirrel&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.fontsquirrel.com/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Font Squirrel&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;(all free, commercial use) and Lost Type (pay what you want for personal use and priced commercial use options). For&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;web design&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/learn/print-vs-web/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;web design&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Google Fonts&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://fonts.google.com/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Google Fonts&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;TypeKit&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://fonts.adobe.com/fonts?collection=trial&amp;amp;sort=name&amp;amp;ref=tk.com&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;TypeKit&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;both have selections of free web fonts.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;http://www.losttype.com/browse/&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572322/uniquedesigns7.48ba5828.avif, https://static-cse.canva.com/blob/572322/uniquedesigns7.fc61e7b8.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572322/uniquedesigns7.4be075b8.png, https://static-cse.canva.com/blob/572322/uniquedesigns7.1e9338c5.png 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;Lost Type Co-op&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572322/uniquedesigns7.png&quot; srcset=&quot;https://static-cse.canva.com/blob/572322/uniquedesigns7.png&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;Lost Type Co-op&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Lost Type Co-op&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;If you’re really keen on producing designs that are totally unique to what you usually create, enforce a ban on using your favourite fonts. Spend an afternoon hunting down some new ones and compile a brand new catalogue for yourself, so next time you go to set some type, you’ll be like a kid in a candy store. With all new typographic options to choose from you’ll forget about those used and abused typefaces in no time.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;06. Use stock photos, illustrations, and vectors sparingly&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;There are a lot of great design resources out there, both free and paid, and many designers have a library of&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;images&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/photos/free/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;images&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;and graphics to draw from when needed. There’s nothing wrong with that, but (much like the favorite font dilemma), when you find yourself going back to the same resources over and over again, your designs might start to look a little too similar.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://creativemarket.com/graphics/popular/1&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572332/uniquedesigns8.a332f31a.avif, https://static-cse.canva.com/blob/572332/uniquedesigns8.1c885da4.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572332/uniquedesigns8.9787344c.png, https://static-cse.canva.com/blob/572332/uniquedesigns8.980206f0.png 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;Creative Market&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572332/uniquedesigns8.png&quot; srcset=&quot;https://static-cse.canva.com/blob/572332/uniquedesigns8.png&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;Creative Market&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Creative Market&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Yes, stock resources can save a lot of time, but if the timeframe and scope of your project allows, you should create your own images and graphics to give your client/boss/self an original design. Or, if you’re really strapped for time, try customizing or adapting a stock resource to put your own spin on it and give it a look other than how it came “out of the box.”&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;07. Go analog: Sketch first&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;These days, graphic designers have&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;powerful tools and programs&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/learn/tools-graphic-designs-cant-live-without/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;powerful tools and programs&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;to create digital designs. From super-fast computers to complex software, designers can create perfectly useful, beautiful designs without ever touching pencil and paper. But that doesn’t mean they should rely on those tools exclusively. Because by using the same tools every day, this is how we fall into the trap of producing the same content every day.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://dribbble.com/shots/1131345-Old-Chicago-Scrapyard&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572330/uniquedesigns9.e96af097.avif, https://static-cse.canva.com/blob/572330/uniquedesigns9.8f4dd480.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572330/uniquedesigns9.c43dd693.jpg, https://static-cse.canva.com/blob/572330/uniquedesigns9.acbb3eb3.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;Dribbble/Adam Trageser&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572330/uniquedesigns9.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572330/uniquedesigns9.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;Dribbble/Adam Trageser&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Dribbble/Adam Trageser&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Sketching out a design before moving to the computer has a number of benefits:&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;ul class=&quot;SMcNN2aiWrmLzhOSvTDMtg== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== Lb1g9F33XFhgIxLpN3V-Xw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.4rem; line-height: 1.6; list-style: none; margin: 0px; padding: 8px 0px 8px 16px; width: 776px;&quot;&gt;&lt;li class=&quot;lSDlFGShaLq5lbcFyKKEvw==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;div class=&quot;Rqore-G6w1LwsLlvH7SxWg== Lo1+jREm2t4VJb8Xudn8RA==&quot; style=&quot;box-sizing: border-box; height: auto; padding: 0px 8px 0px 0px;&quot;&gt;&lt;div class=&quot;G8TJvs9dy2CaHKlP1Nf3vA==&quot; style=&quot;align-items: center; box-sizing: border-box; display: flex; height: auto; line-height: 1.6; padding: 8px 0px 0px;&quot;&gt;&lt;span class=&quot;MfYbWCQg4rO6OWYU8Exhzw==&quot; style=&quot;box-sizing: border-box; flex: 1 1 0%; margin: 0px 4px 0px 0px; max-width: 100%; overflow: auto; text-overflow: clip; transition: background-color 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;&quot;&gt;&lt;span class=&quot;WAoG4R6j4Hv2OrSmSxWhBQ== ISqfIHLxTeKATDpo9Zur6Q== rR+Hg9eVLyhp3GfqCLgubQ== Zm4EzkfR8bkiUiAAZt7xZA== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.6rem; line-height: 1.6; margin: 0px;&quot;&gt;You can quickly try out different layouts and concepts (and filter out the best ones) without devoting a lot to time to rendering them in design software.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;&lt;li class=&quot;lSDlFGShaLq5lbcFyKKEvw==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;div class=&quot;Rqore-G6w1LwsLlvH7SxWg== Lo1+jREm2t4VJb8Xudn8RA==&quot; style=&quot;box-sizing: border-box; height: auto; padding: 0px 8px 0px 0px;&quot;&gt;&lt;div class=&quot;G8TJvs9dy2CaHKlP1Nf3vA==&quot; style=&quot;align-items: center; box-sizing: border-box; display: flex; height: auto; line-height: 1.6; padding: 8px 0px 0px;&quot;&gt;&lt;span class=&quot;MfYbWCQg4rO6OWYU8Exhzw==&quot; style=&quot;box-sizing: border-box; flex: 1 1 0%; margin: 0px 4px 0px 0px; max-width: 100%; overflow: auto; text-overflow: clip; transition: background-color 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;&quot;&gt;&lt;span class=&quot;WAoG4R6j4Hv2OrSmSxWhBQ== ISqfIHLxTeKATDpo9Zur6Q== rR+Hg9eVLyhp3GfqCLgubQ== Zm4EzkfR8bkiUiAAZt7xZA== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.6rem; line-height: 1.6; margin: 0px;&quot;&gt;You can brainstorm your ideas with minimal effort and get approval early on, so you don’t waste time on rejected designs.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;&lt;li class=&quot;lSDlFGShaLq5lbcFyKKEvw==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;div class=&quot;Rqore-G6w1LwsLlvH7SxWg== Lo1+jREm2t4VJb8Xudn8RA==&quot; style=&quot;box-sizing: border-box; height: auto; padding: 0px 8px 0px 0px;&quot;&gt;&lt;div class=&quot;G8TJvs9dy2CaHKlP1Nf3vA==&quot; style=&quot;align-items: center; box-sizing: border-box; display: flex; height: auto; line-height: 1.6; padding: 8px 0px 0px;&quot;&gt;&lt;span class=&quot;MfYbWCQg4rO6OWYU8Exhzw==&quot; style=&quot;box-sizing: border-box; flex: 1 1 0%; margin: 0px 4px 0px 0px; max-width: 100%; overflow: auto; text-overflow: clip; transition: background-color 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;&quot;&gt;&lt;span class=&quot;WAoG4R6j4Hv2OrSmSxWhBQ== ISqfIHLxTeKATDpo9Zur6Q== rR+Hg9eVLyhp3GfqCLgubQ== Zm4EzkfR8bkiUiAAZt7xZA== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.6rem; line-height: 1.6; margin: 0px;&quot;&gt;You can carry a small sketch pad and pencil or pen anywhere, in your pocket or bag — it’s always accessible, there when you need it to record a spur-of-the-moment idea — whether you’re meeting with a client, on a crowded bus, or enjoying some downtime.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://dribbble.com/shots/1407628-Mission-Oaks-Cafe-Sketchin&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572329/uniquedesigns10.a6f63e6c.avif, https://static-cse.canva.com/blob/572329/uniquedesigns10.dae97c15.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572329/uniquedesigns10.16476865.png, https://static-cse.canva.com/blob/572329/uniquedesigns10.7c40c216.png 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;Dribbble/Mike Jones&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572329/uniquedesigns10.png&quot; srcset=&quot;https://static-cse.canva.com/blob/572329/uniquedesigns10.png&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;Dribbble/Mike Jones&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Dribbble/Mike Jones&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Sketching first can also help prevent you from relying on your same old digital workflow, injecting fresh ideas and approaches into your designs. Remember: You don’t have to be particularly good at drawing to use sketching as a design tool; the sketches don’t even have to look that good, especially if you’re just using them for your own brainstorming and planning.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;The key is to disrupt your routine of thinking, so picking up a pencil and paper and just letting your mind wander can be the best way to get yourself onto the path towards unique designs.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;08. Go analog, part 2: Add something hand-drawn or handmade to your final design&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;If you have experience in traditional artistic mediums like drawing or painting (or access to someone who does), one of the best ways to add a truly unique centerpiece to your design project is to create a hand-drawn illustration or lettering. The whole design (such as a greeting card or poster) might be handmade or hand-drawn, or just certain elements. Whatever your approach, you can be sure that you won’t see your design anywhere else.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Let’s discuss two effective ways to do just this.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;First of all we have complementary illustrations. Just as is seen in this ad series from&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Sara Morris&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.saramorris.co.uk/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Sara Morris&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;, super simple illustrative elements have been paired with photographic elements to create a new, fun, and quirky design. Do some doodles, scan them into your computer and see what pairing them with digital elements can do for you.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://www.saramorris.co.uk/&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572341/food.54adb682.avif, https://static-cse.canva.com/blob/572341/food.7955ef6a.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572341/food.191c36f5.jpg, https://static-cse.canva.com/blob/572341/food.e1670857.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;food&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572341/food.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572341/food.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;food&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Sara Morris&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Another super easy way you can pair analog and digital elements is by using some handcrafted type. Check out these two examples by&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Clement Goebels&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;http://houhouhaha.fr/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Clement Goebels&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Domenico Caminiti&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.behance.net/NicoCaminiti&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Domenico Caminiti&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;that pair run of the mill serif typefaces with less linear, more handcrafted typefaces. Whether you choose to use a pre-made font or take the time to sit down and handwrite a piece of copy, pairing a some handcrafted type with traditional serif or sans-serif body copy typefaces can give your design an original and engaging effect that will be unique to your design alone.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572319/AnalogDigital2.eea37ec8.avif, https://static-cse.canva.com/blob/572319/AnalogDigital2.78a469bf.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572319/AnalogDigital2.75f48b44.jpg, https://static-cse.canva.com/blob/572319/AnalogDigital2.856faec5.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;AnalogDigital2&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572319/AnalogDigital2.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572319/AnalogDigital2.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;AnalogDigital2&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Clement Goebels / Domenico Caminiti&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;09. Customize your templates (or make your own)&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Design templates have their uses — say, to get the dimensions just right for a print design or to save time if you regularly work on established projects, such as your company’s newsletter. But if you’re using a fully designed template you found online and make no changes to it, you can be sure that somewhere there’s an exact copy of your design floating around. And you don’t want that.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;So if you want to save time, rather than using templates in the same way that hundreds of other designers have, you have a couple of alternatives:&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;ul class=&quot;SMcNN2aiWrmLzhOSvTDMtg== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== Lb1g9F33XFhgIxLpN3V-Xw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.4rem; line-height: 1.6; list-style: none; margin: 0px; padding: 8px 0px 8px 16px; width: 776px;&quot;&gt;&lt;li class=&quot;lSDlFGShaLq5lbcFyKKEvw==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;div class=&quot;Rqore-G6w1LwsLlvH7SxWg== Lo1+jREm2t4VJb8Xudn8RA==&quot; style=&quot;box-sizing: border-box; height: auto; padding: 0px 8px 0px 0px;&quot;&gt;&lt;div class=&quot;G8TJvs9dy2CaHKlP1Nf3vA==&quot; style=&quot;align-items: center; box-sizing: border-box; display: flex; height: auto; line-height: 1.6; padding: 8px 0px 0px;&quot;&gt;&lt;span class=&quot;MfYbWCQg4rO6OWYU8Exhzw==&quot; style=&quot;box-sizing: border-box; flex: 1 1 0%; margin: 0px 4px 0px 0px; max-width: 100%; overflow: auto; text-overflow: clip; transition: background-color 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;&quot;&gt;&lt;span class=&quot;WAoG4R6j4Hv2OrSmSxWhBQ== ISqfIHLxTeKATDpo9Zur6Q== rR+Hg9eVLyhp3GfqCLgubQ== Zm4EzkfR8bkiUiAAZt7xZA== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.6rem; line-height: 1.6; margin: 0px;&quot;&gt;&lt;a aria-label=&quot;Make your own template&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://designschool.canva.com/tutorials/getting-started/how-to-design-from-scratch/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Make your own template&lt;/a&gt;&lt;span class=&quot;Gtld5yd4dPIiV1RIMqcU5A==&quot; style=&quot;box-sizing: border-box; font-style: italic;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;Creating a master file (where you can easily plug in content and change out elements like photos and color palettes) makes a lot of sense for designs that are produced on a regular schedule, like magazines, newsletters, or emails. Having a basic layout in place allows you to spend more time being creative with new content.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;ul class=&quot;SMcNN2aiWrmLzhOSvTDMtg== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== Lb1g9F33XFhgIxLpN3V-Xw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.4rem; line-height: 1.6; list-style: none; margin: 0px; padding: 8px 0px 8px 16px; width: 776px;&quot;&gt;&lt;li class=&quot;lSDlFGShaLq5lbcFyKKEvw==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;div class=&quot;Rqore-G6w1LwsLlvH7SxWg== Lo1+jREm2t4VJb8Xudn8RA==&quot; style=&quot;box-sizing: border-box; height: auto; padding: 0px 8px 0px 0px;&quot;&gt;&lt;div class=&quot;G8TJvs9dy2CaHKlP1Nf3vA==&quot; style=&quot;align-items: center; box-sizing: border-box; display: flex; height: auto; line-height: 1.6; padding: 8px 0px 0px;&quot;&gt;&lt;span class=&quot;MfYbWCQg4rO6OWYU8Exhzw==&quot; style=&quot;box-sizing: border-box; flex: 1 1 0%; margin: 0px 4px 0px 0px; max-width: 100%; overflow: auto; text-overflow: clip; transition: background-color 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;&quot;&gt;&lt;span class=&quot;WAoG4R6j4Hv2OrSmSxWhBQ== ISqfIHLxTeKATDpo9Zur6Q== rR+Hg9eVLyhp3GfqCLgubQ== Zm4EzkfR8bkiUiAAZt7xZA== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 1.6rem; line-height: 1.6; margin: 0px;&quot;&gt;If you’re using an existing template, make enough changes to it that it isn’t recognizable as the original. That way, you get the benefit of a head start, but the appearance and functionality of a custom design.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572324/Canva.500f0131.avif, https://static-cse.canva.com/blob/572324/Canva.106217d2.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572324/Canva.d2c2a3e1.png, https://static-cse.canva.com/blob/572324/Canva.39ab616d.png 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;Canva&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572324/Canva.png&quot; srcset=&quot;https://static-cse.canva.com/blob/572324/Canva.png&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;Canva&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Canva&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Tools like Canva make creating customised designs so easy that you’d be crazy to not put a personal touch on your templates. Explore options, colours, type combinations etc. and tailor your design perfectly to your needs. Try to look at a template as a stepping stone to a design that suits your needs to an absolute T.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;h2 class=&quot;_46NsTPPu6-OjX20SPn0dIw==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; margin-top: 48px;&quot;&gt;&lt;span class=&quot;scP3mNQQH0BEGv2ja97ZTQ== ISqfIHLxTeKATDpo9Zur6Q== amn4KIdX7d0hg36gC5nBGw== Zm4EzkfR8bkiUiAAZt7xZA== p5zikYkm34ZctvcDl6kAJg== cjMWg1HNRcBNVoG6VkvWCQ== iJbXjQGdFH92WTmH9lqH5Q== HV6z-pq-7WwNI59Lk-TNBg==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; font-size: 3.2rem; font-variation-settings: &amp;quot;opsz&amp;quot; 100; line-height: 1.3; margin: 0px;&quot;&gt;10. Learn the difference between copying and inspiration&lt;/span&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Studying other designers’ work is one of the best ways to get inspired and learn about different styles and techniques. And there’s no shortage of inspiration both off and online — there’s tons of design and illustration talent to be found on social media sites like Dribbble and&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Instagram&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/learn/graphic-designers-instagram/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Instagram&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Artists have always been inspired by each other. Have you ever seen students sitting in museums, copying paintings by the old masters? They’re improving their own technique by reproducing the successes of other artists. If you want to do the same thing as a graphic designer, though, you need to be careful.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;It can be a good exercise to try a reproduce a design you admire as a personal exercise, but you have to be careful not to accidently include unique aspects of other designers’ work in your own public or professional work. Not only is that&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;plagiarism&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.uprinting.com/ultimate-plagiarism-guide.html&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;plagiarism&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;, but you can be sure, since everything ends up online, that someone will notice. Although there’s no such thing as complete originality, there is a difference between being influenced by another designer and outright copying.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;edcjJY86zJK6yK8JiGWaeA==&quot; style=&quot;box-sizing: border-box; margin: auto; position: relative;&quot;&gt;&lt;figure class=&quot;qHxSHEp9DXNEDlGF5580ag==&quot; style=&quot;box-sizing: border-box; margin: 0px; width: 776px;&quot;&gt;&lt;div class=&quot;UEzP85q4NbaqlNqPAS4oCQ==&quot; style=&quot;border-radius: 4px; box-sizing: border-box; max-height: 648px; overflow: hidden; position: relative;&quot;&gt;&lt;div style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;LwYbQnbQUzqiEAo4g5GQYw==&quot; draggable=&quot;false&quot; href=&quot;https://www.flickr.com/photos/deathtogutenberg/6289302147/in/set-72157629454918267&quot; style=&quot;box-sizing: border-box; display: block; text-decoration-line: none; width: 776px;&quot; target=&quot;_blank&quot;&gt;&lt;div style=&quot;box-sizing: border-box; pointer-events: none;&quot;&gt;&lt;picture class=&quot;_6mFS8DJlJqCz7-7s+dg+uw== d31WIv3yudah38a9r3mRJw== BVK9rtpwJc9POuIFrRqp7A== t5TEz++7mg0NtzUkoDv9+Q==&quot; style=&quot;box-sizing: border-box; display: block; line-height: 0; min-height: 3rem; position: relative; text-align: center;&quot;&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572321/uniquedesigns13.469c02f6.avif, https://static-cse.canva.com/blob/572321/uniquedesigns13.943dd098.avif 2x&quot; style=&quot;box-sizing: border-box;&quot; type=&quot;image/avif&quot;&gt;&lt;/source&gt;&lt;source media=&quot;(min-width: 0px)&quot; srcset=&quot;https://static-cse.canva.com/blob/572321/uniquedesigns13.afe26e5e.jpg, https://static-cse.canva.com/blob/572321/uniquedesigns13.ff5fd216.jpg 2x&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/source&gt;&lt;img alt=&quot;Flickr/Austin Kleon&quot; class=&quot;gGWnG5nO9tgBrtkD4beOrA== UkB8U9yMlEQVML6APxqu4Q== PZDRs3I7uNRaFnSTidA4XA==&quot; draggable=&quot;false&quot; src=&quot;https://static-cse.canva.com/blob/572321/uniquedesigns13.jpg&quot; srcset=&quot;https://static-cse.canva.com/blob/572321/uniquedesigns13.jpg&quot; style=&quot;box-sizing: border-box; display: inline-block; max-height: 648px; max-width: 100%; min-height: 1px; min-width: 1px; opacity: 1; position: relative; transition: opacity 0.2s linear 10ms; width: auto;&quot; title=&quot;Flickr/Austin Kleon&quot; /&gt;&lt;/picture&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption class=&quot;_9hZGOQZoTBMl2vTTXBoX5g==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin-top: 8px;&quot;&gt;&lt;p class=&quot;Zp9oVlcyqVeT4q+Tj8YKcA== ISqfIHLxTeKATDpo9Zur6Q== DVz174+-Ew9RJNw1ChSy7Q== Zm4EzkfR8bkiUiAAZt7xZA== bk7YJ1xFc3chh64iUQq-VQ== v5nOQrc9trC8RRka0InKjw==&quot; style=&quot;-webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgba(17, 23, 29, 0.6); font-size: 1.4rem; line-height: 1.6; margin: 0px; text-align: center;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Flickr/Austin Kleon&lt;/span&gt;&lt;/p&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;a aria-label=&quot;Austin Kleon&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://austinkleon.com/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Austin Kleon&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;, the author of the&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Gtld5yd4dPIiV1RIMqcU5A==&quot; style=&quot;box-sizing: border-box; font-style: italic;&quot;&gt;New York Tim&lt;/span&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;es bestseller&amp;nbsp;&lt;/span&gt;&lt;a aria-label=&quot;Steal Like an Artist&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.amazon.com/exec/obidos/ASIN/0761169253/wwwaustinkleo-20/ref=nosim/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Steal Like an Artist&lt;/a&gt;&lt;span class=&quot;Gtld5yd4dPIiV1RIMqcU5A==&quot; style=&quot;box-sizing: border-box; font-style: italic;&quot;&gt;,&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;has a lot to say about this subject. Here’s a relevant excerpt:&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;“Don’t just steal the style, steal the thinking behind the style. You don’t want to look like your heroes, you want to see like your heroes. The reason to copy your heroes and their style is so that you might somehow get a glimpse into their minds. That’s what you really want — to internalize their way of looking at the world. If you just mimic the surface of somebody’s work without understanding where they are coming from, your work will never be anything more than a knockoff.”&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;To sum up, here’s one more nugget of wisdom from Kleon:&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; position: relative;&quot;&gt;&lt;blockquote class=&quot;KUcDqoqRbCtGY+AtaJ278w==&quot; style=&quot;box-sizing: border-box; font-style: italic; margin: 48px 0px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;“At some point, you’ll have to move from imitating your heroes to emulating them…&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; color: #0e1318; font-family: &amp;quot;Canva Sans&amp;quot;, &amp;quot;Noto Sans Variable&amp;quot;, &amp;quot;Noto Sans&amp;quot;, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Helvetica, Arial, sans-serif; font-size: 16px; position: relative;&quot;&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;Gtld5yd4dPIiV1RIMqcU5A==&quot; style=&quot;box-sizing: border-box; font-style: italic;&quot;&gt;Imitation is about copying. Emulation is when imitation goes one step further, breaking through into your own thing.”&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; margin-bottom: 24px; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;a aria-label=&quot;Designing at work can be tough&quot; class=&quot;ZETqKT401OM64oitmulYxw==&quot; draggable=&quot;false&quot; href=&quot;https://www.canva.com/pro/&quot; rel=&quot;noopener&quot; style=&quot;-webkit-tap-highlight-color: transparent; box-sizing: border-box; color: #7d2ae8; transition: color 0.3s ease 0s;&quot; tabindex=&quot;0&quot; target=&quot;_blank&quot;&gt;Designing at work can be tough&lt;/a&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;. Between marketing materials, social media graphics, corporate documents and all the rest – it can be difficult to think of different creative ideas.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&quot;FKBQDbxWDMukLsIbfi4HMw== ICEOPVWfmFh4dcn1bI40Gg==&quot; style=&quot;box-sizing: border-box; position: relative;&quot;&gt;&lt;p class=&quot;b7fgN9HkvHjjfhv6c0A5lA==&quot; style=&quot;box-sizing: border-box; margin: 0px;&quot;&gt;&lt;span class=&quot;&quot; style=&quot;box-sizing: border-box;&quot;&gt;Ready to break through into your own thing — and regularly create standout designs? Put these 10 tips into action, and you’ll be well on your way.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://londoneluxury.blogspot.com/feeds/9082909807476526541/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/10-ways-to-stop-your-designs-from.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/9082909807476526541'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/9082909807476526541'/><link rel='alternate' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/10-ways-to-stop-your-designs-from.html' title='10 ways to stop your designs from looking the same and create unique stuff quickly'/><author><name>London Luxury</name><uri>http://www.blogger.com/profile/06181673818768958520</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6122981405248003605.post-6672593927822444307</id><published>2022-12-23T11:07:00.002-08:00</published><updated>2022-12-23T11:07:23.426-08:00</updated><title type='text'>كيف تعرض تصاميم الشعارات على نماذج محاكية للعلامة التجارية</title><content type='html'>&lt;p style=&quot;text-align: right;&quot;&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;يمكنك عرض&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://academy.hsoub.com/design/general/%D8%A7%D9%84%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%A7%D9%84%D8%B0%D9%87%D8%A8%D9%8A%D8%A9-%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D8%B4%D8%B9%D8%A7%D8%B1%D8%A7%D8%AA-r692/&quot; rel=&quot;&quot; style=&quot;box-sizing: border-box; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; text-decoration-line: none;&quot;&gt;تصاميم الشعارات&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;من خلال&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://academy.hsoub.com/marketing/social-media/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D9%88%D8%B3%D8%A7%D8%A6%D9%84-%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A-%D9%88%D8%A2%D9%84%D9%8A%D8%A9-%D8%B9%D9%85%D9%84%D9%87%D8%A7-r526/&quot; rel=&quot;&quot; style=&quot;box-sizing: border-box; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; text-decoration-line: none;&quot;&gt;منصات التواصل الاجتماعي&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;، لكن من المفضل أحيانًا إنشاء نماذج محاكية للعلامة التجارية لتعكس المزيد من التفاصيل حول تصميم الشعار، وبذلك يتمكن عملاؤك المحتملون من رؤية التصاميم بصورة أوضح، ومعرفة ما ستبدو عليه عند دمجها مع هوية علامتهم التجارية.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;من أجل عرض تصاميمك للشعارات بأفضل طريقة ممكنة، ستحتاج إلى أفضل الوسائل التي تسهّل إيصال الأفكار وتسمح لعملائك بتصوُّر العلامة التجارية الجديدة بسهولة. وتُعَد النماذج المحاكية مكانًا ممتازًا للبدء، فهي تتيح لك إمكانية عرض أعمالك بصورة أنيقة.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;سنتحدث في هذا المقال عن أفضل النماذج المحاكية التي يمكنك استخدامها لعرض تصاميم الشعارات لعملائك، بالإضافة إلى نصائح حول كيفية إنشائها بالطريقة المثلى.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يعمد منجزو هذه الأعمال إلى استخدام نماذج محاكية من أجل استعراض نوعية التصميم، إذ تتيح هذه النماذج عرض الموقع أو الشعار أو هوية الشركة على هيئة مجسم مادي، وليس فقط على خلفية بيضاء، وبذلك يتضح عمليًا كيف ستبدو هذه الأعمال على أرض الواقع، كما في لوحات الإعلانات أو النشرات أو بطاقات العمل أو الأكواب أو الملابس أو شاشات الأجهزة.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;النموذج المحاكي هو عبارة عن ملف PSD (ملف فوتوشوب) مزوَّد بطبقة خاصة (كائن ذكي) مضافة إلى مخطط معدّ مسبقًا. ويمكن تعريف هذا النموذج باختصار على أنه قالب صورة مع كائن يمكن إضافة أي شكل عليه، لتبدو الصورة النهائية واقعيةً وممثِّلة للمنتج المستقبلي بألوانه الحقيقية. يحسَب كل من موقع الكائن وزواياه وظلاله ورسمه المنظوري عند تطبيق كل تصميم جديد.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يشير النموذج المحاكي أيضًا في مجال تصميم الويب إلى مخطط الموقع الذي ينقل النمط المرئي للموقع، وفيما يلي المزيد من التفاصيل.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;النماذج المحاكية موفرة للوقت والمال&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;102121&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/01.png.811986538c9981a5c1195cb173f992b9.png&quot; data-ipslightbox-group=&quot;g72981&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/01.png.811986538c9981a5c1195cb173f992b9.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;01.png&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;102121&quot; data-unique=&quot;nrzcn9ht2&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/01.thumb.png.29ecd603c874d15585ed9a481ecae135.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 500px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;من السهل على العميل إدراك شكل التصميم إذا أتيحت له إمكانية رؤيته على منتجه، مما يعني الحاجة إلى تعديلات أقل، والحد من سوء التفاهم، وإعطاء تصور أقرب للمنتج النهائي، وهو ما يحقق المنفعة للطرفين.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;قبل البدء بإنتاج المنتجات على نطاق واسع، يجب التأكد من أن كل شيء منسجم ومنظم، فالطباعة مكلفة ومجهدة. وفي حال دعت الحاجة إلى أي تعديل؛ فقد تضطر إلى إعادة كل العملية مرةً أخرى؛ لذا فمن الأفضل إنشاء نموذج وعرض النتيجة من زوايا مختلفة.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;بالإضافة لذلك، تساعد النماذج المحاكية على تمثيل التلاؤمية والاستجابة في تطوير الويب، وتمكّنك من معرفة كيف يبدو المصدر على الأجهزة المختلفة.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;من أين يمكن الحصول على نماذج محاكية&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يمكنك تحميل قوالب جاهزة من مواقع معينة ثم تطبيقها على مخططك، وإذا كنت في عجلة من أمرك ولم تتوفر لك أدوات التحرير الرسومي، فأنشئ قالبك الخاص انطلاقًا من صورة منتجات العميل. قد تكون هذه العملية صعبة، لكنك ستضطر للجوء إليها أحيانًا عندما لا تتلاءم أي من القوالب الجاهزة مع مشروعك.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;كيفية عرض الشعار&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;102122&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/02.png.7bde04048eb170031396630f3325ea1b.png&quot; data-ipslightbox-group=&quot;g72981&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/02.png.7bde04048eb170031396630f3325ea1b.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;02.png&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;102122&quot; data-unique=&quot;9wag1k680&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/02.thumb.png.a2277bdded9b2c3612a95033c6383be1.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 500px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;عندما تجد أخيرًا ما كنت تبحث عنه، سيأتي دور استعراضه. وفي حال كنت أنت صاحب المشروع، فإنك تعرضه على الموظفين والمستثمرين أولًا؛ أما في حال كنت من الموظفين، فربما تعرضه أولًا على المدير؛ بينما إذ في حال كنت مصممًا، فسيكون العميل هو أول من يرى نتائجك.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;عند استعراضك للشعار، إما ستصبح قادرًا على إبرام صفقة ربحية، وبالتالي زيادة إجمالي دخل الشركة؛ أو ستخسر كل ما كنت تحلم به. وسنقدم لك فيما يلي مجموعة نصائح لعرض الشعار على عملائك بطريقة ناجحة.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;المضمون مهم ولكن ليس بدون الغلاف&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يمكن تشبيه معاينة الشعار على خلفية بيضاء بمحاولة إدراك مذاق العصير من خلال النظر إلى عبوته. تجنب عرض الشعار لوحده، واحرص على استخدام إطار عام لنموذجٍ مُحاكٍ، ليتسنى لعملائك رؤية ما سيبدو عليه الشعار عند تطبيقه على&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/marketing/core-concepts-of-marketing/%D8%AA%D8%B9%D8%B1%D9%8A%D9%81-%D8%A7%D9%84%D9%85%D9%86%D8%AA%D8%AC-%D9%88%D8%A3%D9%86%D9%88%D8%A7%D8%B9%D9%87-r433/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;المنتج&lt;/a&gt;. يمكنك مثلًا إنشاء عينات على شكل بطاقات.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;النماذج المحاكية تجعل الشعارات تبدو واقعية، مثل الأعلام الكبيرة المحمولة في مدرجات المباريات، والتي تستعرض شعارات مختلفةً على أرض الواقع.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;قد تنتج شركة ما مشروبات بنفس جودة مشروبات كوكا كولا، لكنها تقوم بحملات الإعلانية أقل شهرةً، فيؤثر ذلك على نجاحها، وكذلك هو الحال بالنسبة للشعار؛ فقد يكون الشعار عالي الجودة، لكن مقدار تمويل الحملة الإعلانية يؤثر على مدى نجاحه وكيفية رؤية الناس له في نهاية المطاف.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;كيف تقدم العرض المثالي&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;102123&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/03.png.5d6037a32763ede93859d8a2de665ef0.png&quot; data-ipslightbox-group=&quot;g72981&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/03.png.5d6037a32763ede93859d8a2de665ef0.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;03.png&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;102123&quot; data-unique=&quot;pg537yvhc&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/03.thumb.png.33b9b25daf15e46db1e36b449e1b0a16.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 600px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;عندما تختار صورًا ممكنة للنموذج الملائم لشعارك، سينصبّ اهتمامك على طريقة عرضه. يمكنك البدء بعملية التهجئة، إذ تتيح معظم البرامج هذه الميزة، ومن خلالها يُحدَّد تسلسل لكل المعلومات، وكل ما عليك فعله هو تحديد الهوامش ومساحات العمل عبر الأسهم، وبعد ذلك سيتعامل الويب مع قابلية القراءة والوضوح.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;لا تنسَ تعيين النص بطريقة صحيحة، ويجب أن يكون ملائمًا وواضحًا أيضًا، كما أن تقسيم الفقرات يساعد كثيرًا على تحسين إدراك القارئ.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;الترويسات مهمة أيضًا لبُنية المحتوى، لذا افصلها دائمًا عن النص وعن العبارات التوضيحية الثانوية. يمكنك استخدام خطوط بأنماط وأحجام مختلفة، لكن لا تختر خطوطًا مختلفة لكل عنوان، بل يكفي اختيار نمط خط عريض موحَّد للعناوين ونمط خط معياري لمحتوى النص.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;إذا أردت تقديم عرض غير نمطي، فيمكنك إضافة رسوم متحركة إليه، فهذا يجعله ممتعًا وجذابًا للعميل. يمكنك اختيار قوالب الرسوم المتحركة الاحترافية لإضفاء الحيوية على مظهر الرسوم في عرضك، كما يمكنك تعيين بعض الصور المتحركة أو مقاطع الفيديو خلفيةً لشرائحك.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;من ناحية أخرى، انتبه إلى ملكية المواد التي تستخدمها، إذ يجب أن يكون استخدامها مسموحًا به من قِبل مالكها أو مُنشئها، وإلا فسيُعَد ذلك انتحالًا. احرص أيضًا على اختيار نمط محايد لكي لا يتعارض مع نمط شعارك.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;تساعدك النماذج المحاكية للعلامة التجارية على عرض تصاميم شعاراتك على العملاء بأفضل طريقة ممكنة، لكي تتمكن من النجاح في هذه المَهمة. وإليك عشر خطوات بسيطة لجعل النماذج المحاكية للعلامة التجارية عمليةً وجذابة، وتمييزك عن منافسيك.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;1. اختر العنصر الصحيح للعلامة التجارية&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;102125&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/05.png.72261e5b09808e62224533b374e4253b.png&quot; data-ipslightbox-group=&quot;g72981&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/05.png.72261e5b09808e62224533b374e4253b.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;05.png&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;102125&quot; data-unique=&quot;mw6tzwh4t&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/05.thumb.png.48f62e847cc6e990ce153ccb22617ba8.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 500px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;بعد أن&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/general/%d8%af%d9%84%d9%8a%d9%84%d9%83-%d8%a5%d9%84%d9%89-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d8%ad%d8%aa%d8%b1%d8%a7%d9%81%d9%8a%d8%a9-r129/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;تصمم الشعار&lt;/a&gt;، عليك أن تحدد العنصر الملائم لعلامتك التجارية الذي سيبرز شعارك. والفكرة الأساسية هي اختيار تصميم يتلاءم جيدًا مع سياق&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/marketing/core-concepts-of-marketing/%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9-%D9%88%D8%A3%D9%87%D9%85%D9%8A%D8%AA%D9%87%D8%A7-%D9%81%D9%8A-%D9%82%D8%B1%D8%A7%D8%B1-%D8%A7%D9%84%D8%B4%D8%B1%D8%A7%D8%A1-%D9%85%D9%83%D9%88%D9%86%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9-r486/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;علامتك التجارية&lt;/a&gt;&amp;nbsp;ويضفي لها معنى.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;في بعض الحالات، قد تكون الأيقونة كافية، وفي حالات أخرى، قد تحتاج إلى صورة في متناول اليد لمنتجك أو خدمتك. ومهما كان الشكل الذي اخترته، احرص دائمًا على وجود بعض المواد المرئية في متناول اليد تحسبًا لأية حالة، فلا تدري متى قد تحتاج إلى شيء بسيط مثل بطاقة العمل أو المفكرة.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;2. طبق شعارك على خلفيات مختلفة&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;من المفيد استخدام مجموعة مختلفة من النماذج المحاكية عند عرض تصاميم شعاراتك، وذلك لكي يتمكن العميل من أخذ فكرة عن الشكل الذي سيبدو به شعاره على خلفيات مختلفة. لتحقيق ذلك، يمكن ببساطة استخدام خلفية بيضاء بسيطة، أو تطبيق الشعار على خلفيات العلامات التجارية للمنافسين، وذلك من خلال استخدام صور ورسوميات بسيطة في الحالة الأولى أو موسومة بعلامة تجارية في الحالة الثانية.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;من الضروري إتاحة خيارات عديدة للعميل عندما يكون بصدد اتخاذ القرار بشأن الشعار الجديد، والأهم من ذلك توفير إمكانية استعراض هذه الخيارات.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;على سبيل مثال، إذا كان العميل يرجح عدة نماذج محاكية ويستصعب الاختيار فيما بينها، فإن الاستعراض على خلفيات متعددة سيسهل عليه عملية الاختيار، لأنه سيتمكن من إدراك الشكل النهائي عند التطبيق على كل خلفية. وهي خطوة مفيدة جدًا.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;3. ميز شعارك&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يُعَد الشعار أحد أهم جوانب العلامة التجارية، إن لم يكن أهمها على الإطلاق، فهو ما يميز بينك وبين منافسيك، كما أنه يعطي الآخرين فكرةً ملموسةً عن ماهيتك، ولهذا السبب فإن المصممين يبذلون جهدًا كبيرًا لإنشاء شعار جذاب ومقنع ويبقى ملائمًا لفترة طويلة.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يمكنك إضفاء منظور جديد لتصميمك القديم للشعار عبر استخدام قوالب النماذج المحاكية ضمن&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/illustration/adobe-illustrator/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D8%A5%D9%84%D9%89-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-%D8%A3%D8%AF%D9%88%D8%A8%D9%8A-%D8%A5%D9%84%D9%8A%D8%B3%D8%AA%D8%B1%D9%8A%D8%AA%D9%88%D8%B1-adobe-illustrator-%D9%88%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D9%88%D8%A7%D8%AC%D9%87%D8%AA%D9%87-r542/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;إليستريتور&lt;/a&gt;&amp;nbsp;أو&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/graphic/photoshop/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D8%A5%D9%84%D9%89-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-%D8%A3%D8%AF%D9%88%D8%A8%D9%8A-%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8-adobe-photoshop-r541/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;فوتوشوب&lt;/a&gt;. تتيح لك هذه العملية إمكانية إنشاء شعارات بسرعة دون الاعتماد على نصوص أو رموز حقيقية، مما يوفر المزيد من المرونة في المخطط والحجم والشكل وفي النواحي الجمالية عمومًا.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;4. استخدم خاصية الكائنات الذكية في فوتوشوب&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;عندما يتعلق الأمر بعرض تصاميم الشعارات، فإن النماذج المحاكية تمثل طريقةً رائعةً لعرض الشكل الذي سيبدو عليه تصميمك على أرض الواقع. تساعدك ميزة الكائنات الذكية على إنشاء النماذج المحاكية بسرعة وكفاءة، وتمثل الكائنات الذكية أي ملف (صورة أو فيديو أو غيره) تم تضمينه في مستند أكبر عبر أمر تعيين Place أو أوامر قائمة صورة/ملف &amp;gt; تعيين في فوتوشوب.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;على سبيل المثال، إذا كان لديك ملف أو أكثر من ملفات الشعارات التي لم تُجهَّز للطباعة بعد (الحواف خشنة فيها على الأغلب)، فيمكنك إصلاحها بسرعة باستخدام الكائنات الذكية، لتتمكن من إنشاء ملفات جميلة للطباعة انطلاقًا من مستندات تتضمن صورًا بسيطة. تشرح لك الخطوة التالية كيف تساعدك الكائنات الذكية على عرض علامتك التجارية بكفاءة عالية.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;5. أنشئ مخططات متقدمة للشعار في إليستريتور&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;مخطط الشعار هو عبارة عن صورة تحتوي على كل مكونات تصميم الشعار (من نص وأيقونات وألوان وغيرها) في مكان واحد سهل الاستعراض. تُنشأ المخططات عادةً في برنامج&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/illustration/adobe-illustrator/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;أدوبي إليستريتور&lt;/a&gt;، لكن يمكن أيضًا استخدام برنامج&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/graphic/photoshop/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;فوتوشوب&lt;/a&gt;&amp;nbsp;لهذا الغرض.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;لإنشاء المخطط مزايا عديدة، مثل إمكانية عرض عدة نسخ من شعارك في صورة واحدة، وتوفير المرونة عند عرض تصاميم مختلفة أثناء الاجتماع، وتطبيق شعارك على الخلفيات لاختبار مظهره عند اختيار مخططات لونية مختلفة.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;6. استخدم أقنعة القطع في فوتوشوب&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;102124&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/04.png.f3a40b5993b1f56c73a0e94ef6064843.png&quot; data-ipslightbox-group=&quot;g72981&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/04.png.f3a40b5993b1f56c73a0e94ef6064843.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;04.png&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;102124&quot; data-unique=&quot;becrcrhto&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_06/04.thumb.png.8bc5c2a30db006564f1ada666b23d70b.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 750px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;تُعَد أقنعة القطع clipping masks مفيدةً لإنشاء الصور ووضعها في طبقات في فوتوشوب، حيث تسمح لك أقنعة القطع بوضع جزء من صورة فوق أخرى دون دمجهما معًا، كما يمكنك الاستفادة منها بإنشاء تأثيرات عندما يكون جزء من الصورة شفاف، حيث تتمكن من رؤية ما وراءه.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;7. استخدم أدوات الإطار والمرشحات في فوتوشوب&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;إذا كنت تنشئ نماذجًا من أجل عملك، فجرب استخدام أدوات الإطار والفلاتر الأساسية في فوتوشوب. تتيح أداة الإطار في فوتوشوب إمكانية إضافة ظل حول شعارك في الصورة بكل سهولة، ليبدو كما لو أنه محبوك عليها أو محاط بإطار خشبي يدوي الصنع.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;جرب إضافة تأثير الطلاء (Filter &amp;gt; Artistic &amp;gt; Paint Daubs) على الطبقة السطحية لإتمام نموذجك المحاكي. من الممكن أيضًا إنشاء بطاقات عمل بمظهر احترافي باستخدام تقنيات مشابهة، لكن انتبه إلى حجم الملف عند العمل على البرنامج لكي لا تجد في النهاية أنك أنشأت ملفات كبيرة غير لازمة.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;8. أنشئ قالب رمز في إليستريتور&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يشرح هذا&amp;nbsp;&lt;a href=&quot;https://youtu.be/RcRSZbYCvRU&quot; rel=&quot;external nofollow noopener&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;المقطع&lt;/a&gt;&amp;nbsp;كيفية إنشاء قالب لرمز في إليستريتور، والقالب عبارة عن ملف بصيغة المتجهات vector. ومن أجل تحويل هوية العلامة التجارية الخاصة بك إلى صيغة المتجهات، عليك اللجوء إلى أحد الخيارين: تحويل شعارك إلى شكل طبقات، أو تحويله إلى مخطط.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;9. استخدم أداة إنشاء الأشكال في إليستريتور&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;إذا كنت تعمل على إنشاء شعار، فربما ترغب بوضعه ضمن بيئة واقعية، وفي حال كنت تستخدم إليستريتور، استفد من أداة إنشاء الأشكال، فلها تطبيقات رائعة.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;أولًا أنشئ شعارك، ثم اسحبه وأفلته على خلفية صورة طبيعية (هناك آلاف الصور المناسبة على الإنترنت)، وعندما تصل به إلى المكان المطلوب، انقر بالزر الأيمن على لوحة الرسم، واختر إنشاء طريق عمل.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;املأ بعض المعلومات الأساسية، ثم انقر على التالي حتى تصل إلى إغلاق مجموعة الشكل والإنشاء، اختر إغلاق المجموعة، وستجد أنه تمت تعبئة الشكل بالألوان تلقائيًا.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;لقد تحدثنا مطولًا عن تصميم الشعار، لكن كيف سيبدو الشعار في النهاية عند تطبيقه في موقع ويب أو في إعلان أو&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/illustration/adobe-illustrator/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%B4%D8%B9%D8%A7%D8%B1-%D9%86%D8%B5%D9%8A-%D9%84%D9%84%D8%B7%D8%A8%D8%A7%D8%B9%D8%A9-%D8%B9%D9%84%D9%89-%D8%A7%D9%84%D9%85%D9%84%D8%A7%D8%A8%D8%B3-r561/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;طباعته على الملابس&lt;/a&gt;؟ من الصعب اكتشاف ذلك دون وجود أمثلة ونماذج حية. هناك أداة لإنشاء الطبقات في أدوبي سبارك، والتي تسمح بعرض عدة نسخ مختلفة من تصاميم شعارك بسرعة وسهولة، بعيدًا عن مقاطعة عملك على فوتوشوب أو فايروركس كلما أردت استعراض بعض التغييرات أثناء عرض تصميمك.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://londoneluxury.blogspot.com/feeds/6672593927822444307/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/blog-post_40.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/6672593927822444307'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/6672593927822444307'/><link rel='alternate' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/blog-post_40.html' title='كيف تعرض تصاميم الشعارات على نماذج محاكية للعلامة التجارية'/><author><name>London Luxury</name><uri>http://www.blogger.com/profile/06181673818768958520</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6122981405248003605.post-3743448083844088981</id><published>2022-12-23T11:05:00.003-08:00</published><updated>2022-12-23T11:05:42.444-08:00</updated><title type='text'>  أهمية تصميم غلاف الكتاب</title><content type='html'>&lt;p style=&quot;text-align: right;&quot;&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;كثيرًا ما نسمع جملة &quot;لا تحكم على الكتاب من عنوانه&quot;. لكن في الواقع، يُعَد غلاف الكتاب عنصرًا مهمًا وقد يلعب دورًا محوريًا في نجاح الكتاب أو فشله.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;توجد حولنا ملايين المنتجات التي تعطي انطباعًا أوليًا جذابًا يلفت الانتباه. وبالمثل، فإن غلاف الكتاب مهم أيضًا، فأنت كبائع تحتاج إلى&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/entrepreneurship/planning/%D8%A7%D9%84%D9%82%D9%86%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B3%D8%B9%D8%A9-%D8%B9%D8%B4%D8%B1-%D8%A7%D9%84%D8%AA%D9%8A-%D8%AA%D8%B3%D9%85%D8%AD-%D9%84%D9%83-%D8%A8%D8%A7%D8%AC%D8%AA%D8%B0%D8%A7%D8%A8-%D8%B2%D8%A8%D8%A7%D8%A6%D9%86-%D9%86%D8%AD%D9%88-%D9%85%D9%86%D8%AA%D8%AC%D9%83-%D9%88%D8%B4%D8%B1%D9%83%D8%AA%D9%83-%D8%A7%D9%84%D9%86%D8%A7%D8%B4%D8%A6%D8%A9-r247/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;جذب انتباه المعنيين&lt;/a&gt;&amp;nbsp;حتى تشجعهم على شراء منتجك القيّم. لست مضطرًا لتصميم غلاف يربط كل أفكار صفحات الكتاب ببعضها، بل يكفي إيجاد أسلوب جيد يحافظ على تناسقها. وبغض النظر عن الفئة المعنية بكتابك، فإنك ستخسر فرصةً كبيرةً إن لم يكن الغلاف جذابًا بما يكفي ليشجع القراء على قراءته. إن الصور الموجودة على أغلفة الكتب ليست مجرد زخارف تضاف دون إمعان التفكير فيها.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يُعَد الغلاف وسيلةً تجذب انتباه القارئ من خلال إخباره عن محتويات الكتاب، ولا يمكن مقاومة التناسق المرئي للعناصر الجذابة. سوف نناقش دور غلاف الكتاب الجيد في إنجاحه، وندرج بعض الاقتراحات ونساعدك على فهم سبب حكم الأشخاص على الكتاب من عنوانه.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;يصمم غلاف الكتاب ليجذب الانتباه&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;أول وأهم وظيفة لغلاف الكتاب هي جذب الانتباه إلى الكتاب، إذ كثيرًا ما يُحكم على الكتب من عناوينها ويرى الأشخاص غلاف الكتاب قبل أن يقرؤوا عنوانه حتى. وكثيرًا ما يجذب غلاف الكتاب الجيد قرّاءً جددًا، وهو أمر لا يمكن لغلاف عادي تحقيقه.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يجب التأنّي أثناء تصميم الغلاف. يجد البعض أن الغلاف جزء مهم من الكتاب ويعدّونه أهم من النص الموجود داخله، وذلك بغضّ النظر عن جودة الكتاب. قد تخسر بسبب غلاف سيئ المبيعات اللازمة لتصل إلى قائمة الكتب الأكثر مبيعًا التي تمنحك ملصق &quot;الأكثر مبيعًا&quot; المهم للغاية على الغلاف.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;يتناسق الغلاف الجيد مع موضوع الكتاب&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109119&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/02-anatomy-of-a-book-cover-design.png.0e2264f84bfddff3d76d79b804c4d84a.png&quot; data-ipslightbox-group=&quot;g73058&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/02-anatomy-of-a-book-cover-design.png.0e2264f84bfddff3d76d79b804c4d84a.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;02-anatomy-of-a-book-cover-design.png&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109119&quot; data-unique=&quot;m85t96fgw&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/02-anatomy-of-a-book-cover-design.thumb.png.133cc8c9453a5a53ea532cd68d8738b1.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 680px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;مثل معظم عناصر الفن، لا يمكنك محو جوهر الشيء وتوقع أن يتناسق مع العناصر الأخرى. فدون فهم لمحتوى الكتاب، سيكون نجاح غلافه مجرد صدفة معلّقة على أمل صغير. يمكن الاستعانة بمصممين يعملون مع المؤلفين ومستشاري التحرير لتصميم أفضل غلاف للكتاب. وقد تضاف امتيازات المؤلف إلى التصميم، لذلك نتأكد من التعامل مع غلاف الكتاب من الناحية الفنية واحتمالات البيع.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;بالمجمل، يجب أن يلائم غلاف الكتاب باقي المحتوى والحفاظ على الطابع موحدًا ومتناسقًا. وإذا ظهرت إحدى شخصيات الكتاب ضمن الغلاف، سفوف يتخيل القرّاء هذه الشخصية كما رُسمت، وبالتالي يجب أن تتوافق مع وصف الكاتب لها ضمن الكتاب.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;كل شيء يبدأ بفكرة&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يحكم البحث كل شيء، لذا يُنصح دومًا بالبحث قليلًا عند البدء بأي شيء قبل اتخاذ الخطوة الأولى؛ وهنا ينطبق المفهوم ذاته على تصميم الغلاف، فإذا كنت تخطط لنشر كتاب أو ما شابه، فلن تتمكن من إيجاد أفضل فكرة تناسب كتابك دون البحث.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يجب على الشخص المفوض بالبحث العمل بذكاء، لذا اختصر الوقت وابحث عن كتب رائدة بيعت في السنوات القليلة الماضية وحلل أغلفتها. يمكنك أن تحلل المشكلة وتطور حلًا مميزًا دون أخطاء.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;يعد تصميم الغلاف أكثر من مجرد ربط&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;قد تعتقد أن المهمة الأساسية لغلاف الكتاب هي جمع الصفحات مع بعضها، و أن تصميم الغلاف مجرد تفاصيل كمالية، وهو اعتقاد خاطئ تمامًا. فقد يستغل المصمم المميز وجهي الكتاب وعقبه Spine ليعكس إبداعًا يزيد جذب انتباه القراء.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;يفضل إدراج مراجعة سريعة ضمن غلاف الكتاب&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يحب القراء التأكد من أن المحتوى الذي سيقرؤونه مُنتقى بعناية وجدير بوقتهم. وهنا يستغل غلاف الكتاب الجيد المساحة بإدراج مراجعة عن الكتاب تتباهى بجودته، سواءً كان تعليقًا واحدًا أو أكثر. يجب أن توازن مراجعة الكتاب بين البساطة والتعقيد، بحيث تضمن جذب القارئ دون أن تخبره بالكثير. تتواجد المراجعة عادةً في الغلاف الخلفي للكتاب إذا كان تصميمه نموذجيًا. لكنها ليست قاعدةً ثابتة، فقد يبدع المصمم ويدرجه على عقب الكتاب.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;يمثل غلاف الكتاب انطباع القارئ الأول عنه&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109120&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/03-book-cover-design-examples-1536x691.png.d81316f54973383103c9bb823faa60fb.png&quot; data-ipslightbox-group=&quot;g73058&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/03-book-cover-design-examples-1536x691.png.d81316f54973383103c9bb823faa60fb.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;أمثلة عن أغلفة الكتب&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109120&quot; data-unique=&quot;u7rjbvimc&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/03-book-cover-design-examples-1536x691.thumb.png.985416d118049bd9d6059f336d32fe12.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 740px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;حافظ على التناسق مع طابع الكتاب، وركز على محور اهتمام الكتاب، مع جعل الغلاف صارخًا إذا وافق ذلك طابع الكاتب؛ أو اعتمد العكس تمامًا. يفترض أن يقدم الغلاف لمحةً عن الكتاب، لذا من المناسب نقل الطابع والمشاعر التي يعيشها القارئ في تصميم الغلاف، كما أن الغموض ضروري أيضًا. إذ لا يمكنك شرح كل شيء عن الكتاب في الغلاف دون أن يطلع القارئ حتى على صفحته الأولى.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;يعتمد تصميم الغلاف على فكرة جوهرية من الكتاب&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;فكر بالأمر كالتالي، إذا كان لديك كتاب خيالي، فإن تصميم غلافه سيحتاج إلى شيء يناسب عالمًا خياليًا. قد تكون إحدى شخصيات الكتاب هي محور الاهتمام، وبالتالي يفضَّل إدراجها في التصميم.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;على سبيل المثال، عند إصدار أول كتب سلسلة هاري بوتر، كانت شخصية هاري الرئيسية هي العنصر الأساسي في تصميم الغلاف، كما استخدم المصمم مكانًا مميزًا في عالم الكتاب وهو مدرسة هوجورتس للسحر Hogwarts ووضع شخصية هاري على عصا المكنسة السحرية. كانت العناصر السابقة متناسقةً مع طابع الرواية وجذبت القارئ إليها دون إفصاحها عن معلومات كثيرة.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;قد يمثل غلاف الكتاب أصلًا تسويقيًا عند تصميمه جيدًا، فبما أنه سيوضع في كل مكان، فهو ضروري مثل شعار العلامة التجارية. على سبيل المثال، لا يمكنك تخيل كوكا كولا أو بيبسي دون شعارهما، كما لا يمكنك تخيل كتابك دون تصميم لغلافه.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;يلعب أسلوب الطباعة دور كبير في تصميم الغلاف&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109121&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/04-best-book-cover-designs-example.png.c234c445368f950ceebaef41916e3035.png&quot; data-ipslightbox-group=&quot;g73058&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/04-best-book-cover-designs-example.png.c234c445368f950ceebaef41916e3035.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;best-book-cover-designs-example&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109121&quot; data-unique=&quot;ffgkymhgr&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/04-best-book-cover-designs-example.thumb.png.6c7c4d40aca6306e815e0252c83f858c.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 550px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يقصد&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/general/%D8%A7%D9%84%D9%86%D8%B5-%D9%88%D8%A3%D8%B3%D9%84%D9%88%D8%A8-%D8%A7%D9%84%D8%B7%D8%A8%D8%A7%D8%B9%D8%A9-typography-%D9%81%D9%8A-%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D8%B1%D8%B3%D9%88%D9%85%D9%8A%D8%A7%D8%AA-r545/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;بأسلوب الطباعة Typography&lt;/a&gt;&amp;nbsp;نوع الخط وكيف يظهر عند الطباعة. تملك نصوص وخطوط كتب الرعب على سبيل المثال طابعًا مخيفًا. وبالمثل، تُعَد عائلة خطوط Sans Serif خطوطًا رسميةً تستخدم في الأعمال الاحترافية. وبالعكس، يمكن للأعمال الأخرى الأقل رسميةً الابتعاد عن خطوط Sans Serif ما دام طابعها متناسقًا.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;لكل فئة من الكتب خط مختلف يحقق أفضل توافق. على سبيل المثال تلقى خطوط Bentham و Day Roman رواجًا في فئة الكتب الرومانسية، بينما تستخدم خطوط Gotham و Bodoni في الكتب الواقعية Non-Fiction.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;خطط لمظهر غلاف كتابك&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;خطط أولًا لتصميم وتنسيق غلافك. حافظ على بساطة النصوص ولا تبالغ بتزيينها باستخدام الخطوط المائلة Italics أو الأحرف الغامقة Bold والسطور وتغيير أحجام النصوص. يجب أن يكون عنوان الكتاب أكبر النصوص حجمًا ويعود اختيار أحجام باقي العناصر إلى المصمم.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يمكنك أيضًا اتباع معايير تصميم أغلفة الكتب إذا أردت الإبداع من خلال العمل بوجود بعض القواعد. ويقصد بالمبدأ السابق أن تفهم القواعد لتتمكن من تجاوزها بدلًا من العمل على رقعة رسم فارغة من الصفر.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;لا تبتعد عن فئة الكتاب الذي تصمم غلافه دون ضرورة&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;قد يكون الغلاف الأفضل في بعض الأحيان هو الغلاف الملتزم بالقواعد بدلًا من تجاوزها، طبعًا إذا لم تكن تعليمات المؤلف مغايرةً لذلك بالتأكيد. تقيد القواعد الكثيرة والتوقعات بموافقة فئة الكتاب من الإبداع، إلا أنها تحسن النتيجة النهائية لأن القارئ يبحث عن جوانب معينة بالفعل دون أن يدرك. على سبيل المثال، إذا اختار القارئ روايةً خياليةً فإنه يرغب بقراءة قصة ذات مقدمة فريدة.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;تعد الألوان الخيار الفني على الدوام&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109122&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/05-best-colours-for-book-cover-design-1536x881.png.a06348a68c0081cf5d35179a3a2874e3.png&quot; data-ipslightbox-group=&quot;g73058&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/05-best-colours-for-book-cover-design-1536x881.png.a06348a68c0081cf5d35179a3a2874e3.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;05-best-colours-for-book-cover-design-1536x881.png&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109122&quot; data-unique=&quot;1pheexzqe&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/05-best-colours-for-book-cover-design-1536x881.thumb.png.fea462220741b86340116b28e89d77b3.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 600px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يمكنك استخدام الألوان لجذب انتباه القارئ، كما يمكنك الاستفادة منها في التعبير عن طابع الكتاب ورسالته التي يحاول الكاتب إيصالها. إذا رغبت بجذب انتباه القارئ، فاجمع بين الألوان المتقابلة على عجلة الألوان، مثل اختيار الأزرق مع البرتقالي أو الأصفر مع الأرجواني ونحوها.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;قد تعبّر الألوان عن الطابع أيضًا. فقد يعبّر اللون الأخضر عن الحياة أو السمية، واللون الأحمر عن الحب أو الخطر، واللون الأصفر عن السعادة أو المرض أو غيرها؛ لذا استخدم هذه الألوان وفق حاجتك. اجذب انتباه القارئ بأسلوب تصميم الغلاف المتناسق مع طابع الكتاب.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;صمم الغلاف ليروي قصة&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يوافق تصميم الغلاف الجيد محتوى الكتاب ويُعَد امتدادًا له، بينما يروي التصميم الرائع للغلاف قصته الخاصة. استفد من الصور وأسلوب الكتابة والتنسيق وكل العناصر الأخرى. استخدم الصور المرئية والرموز للتعبير عن جوانب عديدة من الكتاب. استدرج القارئ من خلال تصميم غلاف كتابك وأخبره بقصة تشجعه على قراءة المزيد.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;حدّد النقاط الأهم باستخدام التباين دون أن تهمل تفاصيل أجزاء الغلاف الأخرى، وحاول إبهار القارئ في كل مرة يرى فيها الغلاف وينتبه للتفاصيل الإضافية.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;لا تهمل النمط Layout&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109123&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/06-book-cover-design-template-1536x1161.png.82d22da5f483071a39b415cd83a1ed99.png&quot; data-ipslightbox-group=&quot;g73058&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/06-book-cover-design-template-1536x1161.png.82d22da5f483071a39b415cd83a1ed99.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;نمط الكتب&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109123&quot; data-unique=&quot;m9e7f5rwd&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/06-book-cover-design-template-1536x1161.thumb.png.e08686d448dbebb17ce77d4bc8129968.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 679px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;بعد أن تحدثنا عن كل التفاصيل، يجب ألا ننسى أحد أهم العناصر، ألا وهو النمط Layout؛ إذ يجب الحفاظ على جاذبية الصفحة الأولى حتى يشتري القارئ الكتاب لاحقًا مدفوعًا بفضوله. تُعَد عينا العميل هما أول ما يدفعه للشراء، ثم تأتي احتياجاته بالمرتبة الثانية. فإذا اختار المصمم تنسيق الكتاب ليجذب المتلقين، فإنه بذلك يحقق الرضا للجميع.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;بعض النصائح&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;ينصح أصحاب الخبرة الطويلة في إنشاء المحتوى والمجالات القريبة منه بتصميم غلاف الكتاب بالحد الأدنى من العناصر، وذلك حتى يبقى التصميم مريحًا بصريًا، ومع ذلك نرتكب الأخطاء عادةً نتيجة الاهتمام غير الكافي بغلاف الكتاب، بحيث حتى إذا كان للكتاب عنوان جذاب وقصة مميزة، فإنه لن يحظى بالاهتمام المطلوب عند إطلاقه، وحينها سوف نندم على ارتكابنا الأخطاء.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;حافظ على البساطة والإبداع والحيوية عند تصميم الغلاف. يربك الإكثار من العناصر القرّاء عند رؤيتها مع العنوان. والأسلوب الأفضل هو تصميم كتاب أنيق ومتوازن وجذّاب للقراء. تعود الأرباح الكثيرة لملايين المؤلفين إلى الأغلفة الجذابة التي تكمل قصصهم الرائعة.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;خاتمة&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يحوي تصميم غلاف الكتاب عناصر كثيرةً قد تستثمر جهود المؤلف والمصمم أو تضيعها. يجب أن يوصل الغلاف رسالةً واضحةً إلى المشترين دون أن يحتاجوا إلى شرح خارجي عن محتوى الكتاب. يجب اختيار الخطوط والتنسيق والعناصر الأساسية الأخرى بأسلوب يجذب انتباه القارئ. حاول استخدام الألوان الجذابة التي تجمل الغلاف، ويمكنك دومًا اللجوء إلى التدرجات اللونية Gradient Effects.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يراعي تصميم الغلاف الجيد جميع الجوانب ويستخدمها بأفضل ما يمكن لضمان أن المنتج النهائي هو غلاف فريد يسهل تمييزه وجذاب، كما أنه يمنح القارئ لمحةً سريعةً عن الكتاب دون فتحه.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://londoneluxury.blogspot.com/feeds/3743448083844088981/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/blog-post_23.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/3743448083844088981'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/3743448083844088981'/><link rel='alternate' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/blog-post_23.html' title='  أهمية تصميم غلاف الكتاب'/><author><name>London Luxury</name><uri>http://www.blogger.com/profile/06181673818768958520</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6122981405248003605.post-2082844431290169738</id><published>2022-12-23T11:04:00.003-08:00</published><updated>2022-12-23T11:04:45.936-08:00</updated><title type='text'>كيفية تصميم شعار جيد لعلامتك التجارية</title><content type='html'>&lt;p style=&quot;text-align: right;&quot;&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;في هذا العصر الرقمي، أصبحت الشعارات تغزونا من كل حدب وزاوية، فحيث ما نذهب، فإننا نشاهد الشعارات المختلفة، سواءً في صفحات الويب والمواقع الإلكترونية، أو على&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://academy.hsoub.com/marketing/social-media/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D9%88%D8%B3%D8%A7%D8%A6%D9%84-%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A-%D9%88%D8%A2%D9%84%D9%8A%D8%A9-%D8%B9%D9%85%D9%84%D9%87%D8%A7-r526/&quot; rel=&quot;&quot; style=&quot;box-sizing: border-box; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; text-decoration-line: none;&quot;&gt;وسائل التواصل الاجتماعي&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;، أو حتى على المنتجات وعلى جميع الأشياء التي نشتريها.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;وبصفتك مصممًا، فإنك على الأرجح قد تلقيت العديد من طلبات&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/illustration/%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D8%A3%D9%8A%D9%82%D9%88%D9%86%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D8%B4%D8%B9%D8%A7%D8%B1%D8%A7%D8%AA-r547/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;تصميم الشعارات&lt;/a&gt;، وعلى الرغم من أنها عملية صعبة، إلا أنها تبعث على السرور، وذلك لأنك تعلم أن عملك وتصميمك سيُعرض في العديد من الأماكن حول العالم.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;بغض النظر عن نوع الصناعة التي تعمل بها، فإنك ستحتاج إلى&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/general/%D8%A3%D9%87%D9%85%D9%8A%D8%A9-%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A-%D9%84%D9%84%D8%B4%D8%B9%D8%A7%D8%B1-r706/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;تصميم شعار احترافي&lt;/a&gt;، فسواءً كنت مكلفًا بتصميم شعار فعال، أو كنت صاحب عمل في حيرة من أمره حول كيفية&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/general/%D8%A7%D9%84%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%A7%D9%84%D8%B0%D9%87%D8%A8%D9%8A%D8%A9-%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D8%B4%D8%B9%D8%A7%D8%B1%D8%A7%D8%AA-r692/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;تصميم شعار مميز&lt;/a&gt;؛ فإنك بحاجة إلى بعض الأفكار الملهمة، ونأمل أن تجد ضالّتك في هذا المقال الذي يقدم بعض الأفكار حول كيفية إنشاء أفضل شعار لعلامتك التجارية.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;ما هو الشعار؟&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109534&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/02best-logo-design.png.e0c8a58c01d54ab55fd941e5e515b8e3.png&quot; data-ipslightbox-group=&quot;g82461&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/02best-logo-design.png.e0c8a58c01d54ab55fd941e5e515b8e3.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;ما هو شعار العلامة التجارية؟&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109534&quot; data-unique=&quot;e88fib6cv&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/02best-logo-design.thumb.png.cfa9d60121227bae6832df0fbdded1b6.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 650px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;الشعار هو صورة تمثل العلامة التجارية للشركة وهويتها، ويمكننا القول أن الشعار هو صورة بسيطة تجسد منظمةً بأكملها، كما أن وضع الهوية في صورة بسيطة ليس بالأمر السهل.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يجب أن يوفر الشعار خلفيةً مثيرةً للاهتمام بشركتك، وقد ترغب في إنشاء شعار يثير مشاعرًا إيجابيةً عند المستهلكين، وتذكر أن الشعار هو تعريف عملك بطريقة مبسطة، وليس بالضرورة وصفًا حرفيًا لما تفعله الشركة.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;الشعار والعلامة التجارية هما أفضل صديقان&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109535&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/03coca-cola-branding-history.png.b1459e1b833df66bcfb1f6df8c33e7b2.png&quot; data-ipslightbox-group=&quot;g82461&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/03coca-cola-branding-history.png.b1459e1b833df66bcfb1f6df8c33e7b2.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;الشعار والعلامة التجارية&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109535&quot; data-unique=&quot;ivru3snpe&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/03coca-cola-branding-history.thumb.png.e6bf0f9a1caea6c9978626f30d1e40a1.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 550px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;للشعار والعلامة التجارية علاقة خاصة، إذ لا يمكن لأحدهما الاستغناء عن الآخر، فإذا كنت ترغب في زيادة الوعي بعلامتك التجارية، فأنت بحاجة إلى تصميم شعار. وبالمثل، لا يمكن أن تكون لديك علامة تجارية دون وجود شعار، أي باختصار، شعارك يحدد شركتك، وعلامتك التجارية هي ما تمثله شركتك.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;قبل أن تصمم شعارًا لعلامتك التجارية، يجب أن تحدد ماهية علامتك التجارية، أي ماهو الشيء الذي يمكن لشعارك أن يقف خلفه ويدعمه، إذ يجب أن يعتمد شعارك على علامتك التجارية.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;ولتصميم شعار مميز وفعال، يجب أن تضع في حسبانك بعض القواعد، مما يساعدك على البقاء مركزًا ومتحفزًا للحصول على الأفكار، وتذكر أن فكرتك الأولى قد لا تكون الأفضل دائمًا، لذا كن مبدعًا واستكشف الخيارات الأخرى.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 20px; font-weight: normal !important; line-height: 1.6em; text-align: right;&quot;&gt;قواعد تصميم الشعار&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;لا يمكنك تصميم شعار رائع بين عشية وضحاها، إذ يتطلب الأمر الكثير من التدريب، وفيما يلي القواعد التي يجب مراعاتها عند تصميم شعار ما.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109536&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/04rules-for-logo-design.png.db4e6b10e3b25e289470b36343b77dd6.png&quot; data-ipslightbox-group=&quot;g82461&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/04rules-for-logo-design.png.db4e6b10e3b25e289470b36343b77dd6.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;قواعد تصميم شعار للعلامة التجارية&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109536&quot; data-unique=&quot;g7khj5ngk&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/04rules-for-logo-design.thumb.png.580ed89eaa5967eb92cbae58943b3bb1.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 599px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;إنشاء رسومات أولية&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;تُعَد هذه الخطوة أساسيةً وضروريةً، إذ تحتاج إلى تصميم بعض النماذج الأولية لكي يبدأ دماغك بالإبداع وإطلاق الأفكار المميزة، ولا يجب عليك أن تقلق حول التفاصيل في هذه المرحلة.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يمنحك عمل الرسومات السريعة خيارات متعددة للاختيار من بينها أو دمج أفكار منها، ولا يُعَد الانتقال مباشرةً إلى الحاسوب فكرةً جيدةً، لأنه يحد من إبداعك. وإلى جانب ذلك، يجب أن تستخدم الحاسوب عندما يكون لديك فكرةً ملموسةً للعمل عليها، لأنه بمجرد أن تحصر تفكيرك في فكرة واحدة، فإن هذا سيخنق إبداعك وقد يجعلك محبطًا عندما لا تصل إلى فكرة نهائية جيدة، لذا دع خيالك ينطلق.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109537&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/05Graphic-Design-Process-Inkbot-Design-Belfast.png.60c92554c5a42f2789e951928b5f7ee0.png&quot; data-ipslightbox-group=&quot;g82461&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/05Graphic-Design-Process-Inkbot-Design-Belfast.png.60c92554c5a42f2789e951928b5f7ee0.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;النماذج الأولية لشعار العلامة التجارية&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109537&quot; data-unique=&quot;eawzkwu54&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/05Graphic-Design-Process-Inkbot-Design-Belfast.thumb.png.7b5b46f86db53b5e631c9a003a612295.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 620px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;ضع أفكارًا متعددةً على الورق، بغض النظر عن مدى سخافتها، وعندها تختار الفكرة المناسبة وتضع الملامح الأولية، فإنه يمكنك الانتقال للعمل على الحاسوب، حيث المكان الذي يمكنك من خلاله تحسين شعارك.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;البساطة هي الخيار الأفضل&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يرتكب معظم المبتدئين ذات الخطأ، وهو تعقيد الشعار، حيث أن مزج المفاهيم ومحاولة دمج كل أسلوب تعلمته في شعار واحد سيجعل شعارك مشوشًا ولا يحقق الغرض منه.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;ألقِ نظرةً على أفضل الشعارات في جميع أنحاء العالم، وستدرك شيئًا واحدًا، وهي أنها بسيطة جدًا، كما لو أنك ترسم على الرمال.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;الألوان&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109538&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/06apple-logo-redesign.png.437ca29e13518e426e0754b9be58b80c.png&quot; data-ipslightbox-group=&quot;g82461&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/06apple-logo-redesign.png.437ca29e13518e426e0754b9be58b80c.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;الألوان في تصميم العلامة التجارية&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109538&quot; data-unique=&quot;luexmvovm&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/06apple-logo-redesign.thumb.png.369602fd3ecf543560d0aa9a8035366b.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 599px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;إن&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/illustration/%D8%A7%D9%84%D8%A3%D9%84%D9%88%D8%A7%D9%86-%D9%81%D9%8A-%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D8%B1%D8%B3%D9%88%D9%85%D9%8A%D8%A7%D8%AA-%D9%88%D9%86%D8%B8%D8%B1%D9%8A%D8%A9-%D8%A7%D9%84%D8%A3%D9%84%D9%88%D8%A7%D9%86-r539/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;نظرية الألوان&lt;/a&gt;&amp;nbsp;معقدة، لكن فهم أنظمة الألوان الأساسية يُعَد ميزةً عظيمةً لك ولعملك، كما يجب أن تعرف الألوان التي تعكس شركتك، وخذ في الحسبان بعض أساسيات الألوان الأساسية، مثل:&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box; text-align: right;&quot;&gt;تجنب الألوان الفاتحة، كونها تميل إلى الاختفاء عندما يتم تصغير الشعار.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; text-align: right;&quot;&gt;لا تستخدم الألوان الزاهية للغاية، لأنهم قاسون على العين، فأنت تريد أن يرى الناس شعارك لا أن يغمضوا أعينهم.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; text-align: right;&quot;&gt;إذا كنت تصمم شعارًا لن يُستخدم في بلدك، فيجب أن تتعرف على كيفية إدراك الألوان في البلدان المختلفة التي سيُشاهَد فيها شعارك، وذلك لكيلا تُسيء إلى أي شخص.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; text-align: right;&quot;&gt;صمم شعارك بالأبيض والأسود، فإذا لم يظهر جيدًا في هذه الألوان الأساسية، فعلى الأرجح لن يبدو جيدًا في الألوان الأخرى.&lt;/li&gt;&lt;/ul&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;الطباعة&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109539&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/07olympic-games-font.png.a30154460030ebb5e00bf36a17c7321f.png&quot; data-ipslightbox-group=&quot;g82461&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/07olympic-games-font.png.a30154460030ebb5e00bf36a17c7321f.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;الخطوط المناسبة لطباعة شعار العلامة التجارية&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109539&quot; data-unique=&quot;f4qjdhg4c&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/07olympic-games-font.thumb.png.6c9d2e2c69c73659689d95d99a52105a.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 650px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;تُعَد&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/graphic/%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D9%85%D8%B7%D8%A8%D9%88%D8%B9%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%86%D8%A7%D8%AA-r551/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;الطباعة&lt;/a&gt;&amp;nbsp;مُهمة جدًا، إذ يمكنها أن تسمو بتصميم شعارك عاليًا، أو أن تَحُط من قيمته أرضًا. ويختبر مصمم الشعارات المحترف خطوطًا متعددة قبل اختيار الخط المناسب.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يجب عليك أن تكتشف مختلف الأحجام والمسافات والأوزان للخطوط المختلفة، وأن تلاحظ تلك التي لا تتفاعل جيدًا مع تغيير الحجم، لأنه سيتم تكييف شعارك لاستخدامه في أشياء مختلفة، مثل اللوحات الإعلانية والقمصان وبطاقات العمل، كما يجب أن يرتبط شعارك الذي تصممه ارتباطًا وثيقًا بالخدمات التي تقدمها شركتك.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;ابتعد عن التأثيرات الشديدة&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;تحتوي برامج تصميم الجرافيك والرسوم التوضيحية مثل برنامج&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/graphic/photoshop/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D8%A5%D9%84%D9%89-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-%D8%A3%D8%AF%D9%88%D8%A8%D9%8A-%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8-adobe-photoshop-r541/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;أدوبي فوتوشوب Adobe Photoshop&lt;/a&gt;&amp;nbsp;وبرنامج&amp;nbsp;&lt;a href=&quot;https://academy.hsoub.com/design/illustration/adobe-illustrator/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D8%A5%D9%84%D9%89-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-%D8%A3%D8%AF%D9%88%D8%A8%D9%8A-%D8%A5%D9%84%D9%8A%D8%B3%D8%AA%D8%B1%D9%8A%D8%AA%D9%88%D8%B1-adobe-illustrator-%D9%88%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D9%88%D8%A7%D8%AC%D9%87%D8%AA%D9%87-r542/&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot;&gt;أدوبي إليستريتور Illustrator&lt;/a&gt;&amp;nbsp;على العديد من الأدوات المختلفة التي تقدم تأثيرات قوية، لكن احذر أن تنجرف خلفها بشدة، فعلى الرغم من أنها قد تعزز شعارك وتضيف إليه بعض اللمسات السحرية، لكن أفضل الشعارات لا تعتمد عليها كثيرًا، فبعض التأثيرات تبدو جميلة على الشاشة، لكن هذا الجمال يندثر ويختفي عندما تُطبع مع الشعار، وكما ذكرنا سابقًا، فإن البساطة هي مفتاح النجاح.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;عناصر التوازن&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;&lt;a class=&quot;ipsAttachLink ipsAttachLink_image&quot; data-fileid=&quot;109540&quot; data-fullurl=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/08Principles-of-Design-Balance.png.7009f0002c3fb8972e1134cfa66a52a6.png&quot; data-ipslightbox-group=&quot;g82461&quot; data-ipslightbox=&quot;&quot; href=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/08Principles-of-Design-Balance.png.7009f0002c3fb8972e1134cfa66a52a6.png&quot; rel=&quot;&quot; style=&quot;background-color: transparent; box-sizing: border-box; margin-bottom: 15px; text-decoration-line: none;&quot;&gt;&lt;img alt=&quot;مبادئ التصميم لتصميم شعار العلامة التجارية&quot; class=&quot;ipsImage ipsImage_thumbnailed&quot; data-fileid=&quot;109540&quot; data-unique=&quot;04qepg0dy&quot; src=&quot;https://academy.hsoub.com/uploads/monthly_2022_10/08Principles-of-Design-Balance.thumb.png.68b3880d791cd316c41b9341b65572f6.png&quot; style=&quot;border-style: none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle; width: 600px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;العقل البشري يحب التوازن، لذلك من المهم موازنة كل عنصر لملاءمة العين البشرية. ابحث عن طرائق لموازنة شعارك وتنسيقه، فقد يحتاج أحد الحروف مثلًًا إلى تمديد بسيط أو تكبير أو تصغير، لذا يجب عليك أن تسعى إلى ملاءمة عناصر الشعار مع بعضها البعض.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;تصميم شعار أصلي&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;ربما هو أمر واضح للجميع، ولكن لا ضير في التأكيد عليه. احذر أن تنسخ تصميم شعار أي شخص مهما كان السبب، فالأمر ليس احترافيًا أبدًا، ويمكن أن تواجه مشكلةً خطيرةً إذا أقدمت على هذه الخطوة.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;أنت تدعى &quot;مصمم&quot; وهذا يعني أنك مبدع، إذ أنك تستخدم إبداعك وتقدره، ولا تريد من أحد أن يسرق أفكارك وإبداعك، وكذلك المصممون الآخرون.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Kufi Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 30px !important; text-align: right;&quot;&gt;تجنب الشعارات متدنية القيمة&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;يعكس شعار علامتك التجارية هويتك وما تمثله من خدمات وقيم، لذا ابتعد عن الوسائل الرخيصة للحصول على الشعارات، إذ لا يمكنك أن تثق بشخص سيصمم لك شعارًا جيدًا مقابل دولار واحد.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;إنه أمر معقد للغاية، وكونك رجل أعمال فإنك تعلم أن الرخص لا يعني دائمًا أنه الطريق الصحيح، لذا يجب عليك أن تستثمر أموالك في التعاقد مع مصمم جرافيك محترف لمنحك أفضل شعار مناسب لشركتك.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;هناك عدة أماكن يمكنك أن توظف من خلالها مصممين خبراء، وأحد هذه الأماكن&amp;nbsp;&lt;a href=&quot;https://mostaql.com/&quot; rel=&quot;external noopener&quot; style=&quot;background-color: transparent; box-sizing: border-box; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;منصة مستقل&lt;/a&gt;&amp;nbsp;التي تتيح لك الوصول إلى العديد من المصممين المحترفين.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #353c41; font-family: &amp;quot;Noto Naskh Arabic&amp;quot;, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Tahoma, Arial, sans-serif; font-size: 16px; line-height: 2em; text-align: right;&quot;&gt;بعد أن توظف مصممًا خبيرًا، يجب أن تعلم أن المشروع تعاوني، إذ لا يكفي أن تترك المصمم يقود العملية بمفرده، فهو لا يعلم الكيفية التي تريد أن يبدو عليها شعارك، وكذلك المعاني والمفاهيم التي تريد أن يتضمنها الشعار. فعندما تضع أفكارك والمعاني التي تريدها جنبًا إلى جنب مع خبرة المصمم، فإنك ستحصل على شعار مميز وفعال.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://londoneluxury.blogspot.com/feeds/2082844431290169738/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/blog-post.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/2082844431290169738'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/6122981405248003605/posts/default/2082844431290169738'/><link rel='alternate' type='text/html' href='https://londoneluxury.blogspot.com/2022/12/blog-post.html' title='كيفية تصميم شعار جيد لعلامتك التجارية'/><author><name>London Luxury</name><uri>http://www.blogger.com/profile/06181673818768958520</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid Atom 1.0" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=https%3A//londoneluxury.blogspot.com/feeds/posts/default

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda