1<!doctype html> 2 3<html lang="en-US" class=""> 4 5<head> 6 <meta charset="UTF-8"> 7 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 10 <title>What Makes Design Modern? | verovski</title> 11 12 <meta name='robots' content='max-image-preview:large' /> 13<link rel="alternate" href="https://verovski.com/ru/2024/05/11/%d1%87%d1%82%d0%be-%d0%b4%d0%b5%d0%bb%d0%b0%d0%b5%d1%82-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d1%81%d0%be%d0%b2%d1%80%d0%b5%d0%bc%d0%b5%d0%bd%d0%bd%d1%8b%d0%bc/" hreflang="ru" /> 14<link rel="alternate" href="https://verovski.com/2024/05/11/what-makes-design-modern/" hreflang="en" /> 15<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 16<link rel="alternate" type="application/rss+xml" title="verovski » Feed" href="https://verovski.com/feed/" /> 17<link rel="alternate" type="application/rss+xml" title="verovski » Comments Feed" href="https://verovski.com/comments/feed/" /> 18<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://verovski.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fverovski.com%2F2024%2F05%2F11%2Fwhat-makes-design-modern%2F&lang=en" /> 19<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://verovski.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fverovski.com%2F2024%2F05%2F11%2Fwhat-makes-design-modern%2F&format=xml&lang=en" /> 20<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'> 21img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 22/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 23</style> 24<style id='wp-emoji-styles-inline-css' type='text/css'> 25 26 img.wp-smiley, img.emoji { 27 display: inline !important; 28 border: none !important; 29 box-shadow: none !important; 30 height: 1em !important; 31 width: 1em !important; 32 margin: 0 0.07em !important; 33 vertical-align: -0.1em !important; 34 background: none !important; 35 padding: 0 !important; 36 } 37/*# sourceURL=wp-emoji-styles-inline-css */ 38</style> 39<style id='wp-block-library-inline-css' type='text/css'> 40:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
40--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 41 42/*# sourceURL=wp-block-library-inline-css */ 43</style> 44<style id='wp-block-paragraph-inline-css' type='text/css'> 45.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 46/*# sourceURL=https://verovski.com/wp-includes/blocks/paragraph/style.min.css */ 47</style> 48 49<style id='classic-theme-styles-inline-css' type='text/css'> 50/*! This file is auto-generated */ 51.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 52/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 53</style> 54<style id='global-styles-inline-css' type='text/css'> 55:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
550) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
55.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 56/*# sourceURL=global-styles-inline-css */ 57</style> 58 59<link rel='stylesheet' id='readme-fonts-css' href='//fonts.googleapis.com/css?family=Noticia+Text:400,400i,700,700i|Open+Sans:700&subset=latin,cyrillic,cyrillic-ext' type='text/css' media='all' /> 60<link rel='stylesheet' id='bootstrap-css' href='https://verovski.com/wp-content/themes/readme/css/bootstrap.min.css' type='text/css' media='all' /> 61<link rel='stylesheet' id='fontello-css' href='https://verovski.com/wp-content/themes/readme/css/fonts/fontello/css/fontello.css' type='text/css' media='all' /> 62<link rel='stylesheet' id='prettify-css' href='https://verovski.com/wp-content/themes/readme/js/google-code-prettify/prettify.css' type='text/css' media='all' /> 63<link rel='stylesheet' id='uniform-css' href='https://verovski.com/wp-content/themes/readme/js/jquery.uniform/uniform.default.css' type='text/css' media='all' /> 64<link rel='stylesheet' id='magnific-popup-css' href='https://verovski.com/wp-content/themes/readme/js/jquery.magnific-popup/magnific-popup.css' type='text/css' media='all' /> 65<link rel='stylesheet' id='fluidbox-css' href='https://verovski.com/wp-content/themes/readme/js/jquery.fluidbox/fluidbox.css' type='text/css' media='all' /> 66<link rel='stylesheet' id='mediaelement-css' href='https://verovski.com/wp-content/themes/readme/js/mediaelement/mediaelementplayer.min.css' type='text/css' media='all' /> 67<link rel='stylesheet' id='flexslider-css' href='https://verovski.com/wp-content/themes/readme/js/jquery.flexslider/flexslider.css' type='text/css' media='all' /> 68<link rel='stylesheet' id='selection-sharer-css' href='https://verovski.com/wp-content/themes/readme/js/selection-sharer/selection-sharer.css' type='text/css' media='all' /> 69<link rel='stylesheet' id='elastislide-css' href='https://verovski.com/wp-content/themes/readme/js/responsive-image-gallery/elastislide.css' type='text/css' media='all' /> 70<link rel='stylesheet' id='main-css' href='https://verovski.com/wp-content/themes/readme/css/main.css' type='text/css' media='all' /> 71<link rel='stylesheet' id='768-css' href='https://verovski.com/wp-content/themes/readme/css/768.css' type='text/css' media='all' /> 72<link rel='stylesheet' id='992-css' href='https://verovski.com/wp-content/themes/readme/css/992.css' type='text/css' media='all' /> 73<link rel='stylesheet' id='1200-css' href='https://verovski.com/wp-content/themes/readme/css/1200.css' type='text/css' media='all' /> 74<link rel='stylesheet' id='1400-css' href='https://verovski.com/wp-content/themes/readme/css/1400.css' type='text/css' media='all' /> 75<link rel='stylesheet' id='wp-fix-css' href='https://verovski.com/wp-content/themes/readme/css/wp-fix.css' type='text/css' media='all' /> 76<link rel='stylesheet' id='theme-style-css' href='https://verovski.com/wp-content/themes/readme/style.css' type='text/css' media='all' />
77<script type="text/javascript" src="https://verovski.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 77
77
78<script type="text/javascript" src="https://verovski.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 78
78
79<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/modernizr.min.js" id="modernizr-js"></script>
79 80<link rel="https://api.w.org/" href="https://verovski.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://verovski.com/wp-json/wp/v2/posts/12188" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://verovski.com/xmlrpc.php?rsd" /> 81<meta name="generator" content="WordPress 6.9.10" /> 82<link rel="canonical" href="https://verovski.com/2024/05/11/what-makes-design-modern/" /> 83<link rel='shortlink' href='https://verovski.com/?p=12188' /> 84 85<!-- Body Font --> 86<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900,300italic,400italic,600italic,700italic,800italic,900italic&subset=latin,cyrillic,cyrillic-ext"> 87<style type="text/css">body, input, textarea, select, button { font-family: "Nunito"; }</style> 88 89<!-- Heading Font --> 90<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway:300,400,600,700,800,900,300italic,400italic,600italic,700italic,800italic,900italic&subset=latin,cyrillic,cyrillic-ext"> 91<style type="text/css">h1, h2, h3, h4, h5, h6 { font-family: "Raleway"; }</style> 92 93<!-- Menu Font --> 94<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway:300,400,600,700,800,900,300italic,400italic,600italic,700italic,800italic,900italic&subset=latin,cyrillic,cyrillic-ext"> 95<style type="text/css">.nav-menu { font-family: "Raleway"; }</style> 96 97<!-- Text Logo Font --> 98<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway:300,400,600,700,800,900,300italic,400italic,600italic,700italic,800italic,900italic&subset=latin,cyrillic,cyrillic-ext"> 99<style type="text/css">.site-title { font-family: "Raleway"; }</style> 100 101<!-- Link Hover Color --> 102<style type="text/css"> 103a:hover, .entry-content > p > a:hover { color: #283cd6; } 104input[type=submit]:hover, 105input[type=button]:hover, 106button:hover, 107a.button:hover, 108input[type=submit]:hover i, 109input[type=button]:hover i, 110button:hover i, 111a.button:hover i { color: #283cd6; border-color: #283cd6; } 112</style> 113 114<!-- Content Width --> 115<style type="text/css">.layout-fixed { max-width: 800px; }</style> 116 117<!--[if lt IE 9]> 118
118<script src="https://verovski.com/wp-content/themes/readme/js/ie.js"></script>
118 119<![endif]--> 120 121 <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><!-- Yandex.Metrika counter by Yandex Metrica Plugin -->
122<script type="text/javascript" >
vendor: 308 bytes, lines 122-127
122 123 (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; 124 m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) 125 (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); 126 127 ym(
12756600158
vendor: 152 bytes, lines 127-133
127, "init", { 128 id:56600158, 129 clickmap:true, 130 trackLinks:true, 131 accurateTrackBounce:false, 132 webvisor:true, 133 });
134</script>
134 135<noscript><div><img src="https://mc.yandex.ru/watch/56600158" style="position:absolute; left:-9999px;" alt="" /></div></noscript> 136<!-- /Yandex.Metrika counter --> 137 <style type="text/css" id="wp-custom-css"> 138 .read-next { 139 display: none; 140} 141.site-header img { 142 max-height: 35px; 143} </style> 144 <link rel='stylesheet' id='yarppRelatedCss-css' href='https://verovski.com/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=5.30.11' type='text/css' media='all' /> 145 146</head> 147 148<body class="wp-singular post-template-default single single-post postid-12188 single-format-standard wp-theme-readme"> 149 150 <div id="page" class="hfeed site"> 151 <header id="masthead" class="site-header" role="banner"> 152 <h1 class="site-title"> 153 <a href="https://verovski.com/" rel="home">Verovski</a> 154 </h1> 155 156 157 <nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation"> 158 <a class="menu-toggle toggle-link"></a> 159 160 <div class="nav-menu"> 161 </div> 162 </nav> 163 164 <div class="search-container easing"> 165 <a class="search-toggle toggle-link"></a> 166 167 <div class="search-box" role="search"> 168 <form class="search-form" method="get" action="https://verovski.com/"> 169 <label> 170 <span class="screen-reader-text">Search for:</span> 171 172 <input type="search" name="s" id="search-field" placeholder="type and hit enter …"> 173 </label> 174 175 <input type="submit" class="search-submit" value="Search"> 176 </form> 177 </div> 178 </div> 179 180 <div class="social-container"> 181 <a class="social-toggle toggle-link"></a> 182 183 <span style="display: none;">Eng Socials</span><div class="textwidget custom-html-widget"><ul class="social"> 184 185<li><a target="_blank" class="instagram" href="https://www.instagram.com/dverovski/"></a></li> 186 187<li><a target="_blank" class="behance" href="https://www.behance.net/verovski"></a></li> 188 189<li><a target="_blank" class="dribbble" href="https://dribbble.com/verovski"></a></li> 190 191<li><a target="_blank" class="linkedin" href="https://www.linkedin.com/in/verovski/"></a></li> 192 193 194 195</ul></div> </div> 196 </header> 197 198<div id="main" class="site-main"> 199 <div id="primary" class="content-area"> 200 <div id="content" class="site-content" role="main"> 201 <div class="layout-fixed"> 202 <article id="post-12188" class="post-12188 post type-post status-publish format-standard hentry category-design-en"> 203 <header class="entry-header"> 204 <div class="entry-meta"> 205 <span class="cat-links"> 206 <a href="https://verovski.com/category/design-en/" rel="category tag">Design</a> </span> 207 </div> 208 209 210 <h1 class="entry-title" >What Makes Design Modern?</h1> 211 212 213 <div class="entry-meta"> 214 <span class="entry-date"> 215 <i class="pw-icon-clock"></i> 216 217 <a href="https://verovski.com/2024/05/11/what-makes-design-modern/" rel="bookmark"> 218 <time class="entry-date" datetime="2024-05-11T17:52:56+02:00">11.05.2024</time> 219 </a> 220 </span> 221 222 <span class="comment-link"> 223 <i class="pw-icon-comment"></i> 224 225 <span>Comments Off<span class="screen-reader-text"> on What Makes Design Modern?</span></span> </span> 226 227 <span class="byline"> 228 <span class="author vcard"> 229 <i class="pw-icon-user-outline"></i> 230 231 <a class="url fn n" href="https://verovski.com/author/dmitriverovskiadmin/" rel="author">Dmitri Verovski</a> 232 </span> 233 </span> 234 235 </div> 236 237 </header> 238 239 240 <div class="entry-content"> 241 242<p>When we conduct product research and ask users about the value and benefit of good design, the responses seem quite implicit and general.</p> 243 244 245 246<p>Users say: Let everything be beautiful and convenient. The interface should look modern, be simple, aesthetically pleasing.</p> 247 248 249 250<p>This is somewhat reminiscent of describing the ideal partner for a relationship. They should be smart and kind, loving and witty. It should be easy with them, but reliable.</p> 251 252 253 254<p>Funny, but all these adjectives contradict each other.</p> 255 256 257 258<p>Beautiful doesn’t necessarily mean modern. The interface can be very beautiful but not modern. (Sometimes intentionally s
258o.)</p> 259 260 261 262<p>Convenience is not equal to simplicity. If you’ve spent 100+ hours in Blender , its interface becomes very convenient. But it’s not a simple interface.</p> 263 264 265 266<p>So, it’s always clear overall what we’re talking about. We can all determine simple and modern design. And we will always recognize outdated and obsolete design.</p> 267 268 269 270<p>And if I were asked to provide specific instructions for modernizing design, I could compile a list with current fonts, color codes, a list of current design practices, set margins in pixels. It would be a specific and applicable instruction for turning something not modern into modern.</p> 271 272 273 274<p>This instruction answers the question: What to do. But there’s a more interesting question: Why do it this way?</p> 275 276 277 278<p>Why do these fonts with these colors and these distances look outdated? After all, at some point, they were perceived as new and modern.</p> 279<div class='yarpp yarpp-related yarpp-related-website yarpp-related-none yarpp-template-list'> 280<p>ÐÐµÑ ÑвÑзаннÑÑ ÑообÑений</p> 281</div> 282 283 284 <aside class="about-author"> 285 <h3>WRITTEN BY</h3> 286 287 <div class="author-bio"> 288 <div class="author-img"> 289 <a href="https://verovski.com/author/dmitriverovskiadmin/"> 290 <img alt='Dmitri Verovski' src='https://secure.gravatar.com/avatar/3d5b0503547fa4e2029fa25d0bfba885929cb5d4697548f2e684496db72b12c8?s=192&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/3d5b0503547fa4e2029fa25d0bfba885929cb5d4697548f2e684496db72b12c8?s=384&d=mm&r=g 2x' class='avatar avatar-192 photo' height='192' width='192' decoding='async'/> </a> 291 </div> 292 293 <div class="author-info"> 294 <h4 class="author-name">Dmitri Verovski</h4> 295 296 <p> 297 Product designer </p> 298 </div> 299 </div> 300</aside> </div> 301 302 303 </article> 304 </div> 305 306 307 308 309 <div class="layout-fixed"> 310 <nav class="nav-single row"> 311 <div class="nav-previous col-sm-6"> 312 </div> 313 314 <div class="nav-next col-sm-6"> 315 </div> 316 </nav> 317 318 319 320 321<div id="comments" class="comments-area"> 322 323 324 </div> </div> 325 </div> 326 </div> 327</div> 328 329 330 <footer id="colophon" class="site-footer" role="contentinfo"> 331 <div id="footer-sidebar" class="footer-sidebar widget-area layout-full" role="complementary"> 332 333 334 335 336 337 338 </div> 339 340 <div class="site-info"> 341 <p> 342 © Dmitri Verovski, 2008-2022 </p> 343 </div> 344 </footer> 345 </div> 346 347 348
348<script type="speculationrules"> 349{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/readme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 350</script>
vendor: 1 bytes, line 350
350
351<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/fastclick.js" id="fastclick-js"></script>
vendor: 1 bytes, line 351
351
352<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/jquery.fitvids.js" id="fitvids-js"></script>
vendor: 1 bytes, line 352
352
353<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/google-code-prettify/prettify.js" id="prettify-js"></script>
vendor: 1 bytes, line 353
353
354<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/jquery.validate.min.js" id="validate-js"></script>
vendor: 1 bytes, line 354
354
355<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/jquery.uniform/jquery.uniform.min.js" id="uniform-js"></script>
vendor: 1 bytes, line 355
355
356<script type="text/javascript" src="https://verovski.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
vendor: 1 bytes, line 356
356
357<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/jquery.isotope.min.js" id="isotope-js"></script>
vendor: 1 bytes, line 357
357
358<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/jquery.magnific-popup/jquery.magnific-popup.min.js" id="magnific-popup-js"></script>
vendor: 1 bytes, line 358
358
359<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/jquery.fluidbox/jquery.fluidbox.min.js" id="fluidbox-js"></script>
vendor: 1 bytes, line 359
359
360<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/mediaelement/mediaelement-and-player.min.js" id="mediaelement-js"></script>
vendor: 1 bytes, line 360
360
361<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/jquery.flexslider/jquery.flexslider-min.js" id="flexslider-js"></script>
vendor: 1 bytes, line 361
361
362<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/readingTime.js" id="readingTime-js"></script>
vendor: 1 bytes, line 362
362
363<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/share.min.js" id="share-js"></script>
vendor: 1 bytes, line 363
363
364<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/selection-sharer/selection-sharer.js" id="selection-sharer-js"></script>
vendor: 1 bytes, line 364
364
365<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/responsive-image-gallery/r-gallery.js" id="r-gallery-js"></script>
vendor: 1 bytes, line 365
365
366<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/socialstream.jquery.js" id="socialstream-js"></script>
vendor: 1 bytes, line 366
366
367<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/main.js" id="main-js"></script>
vendor: 1 bytes, line 367
367
368<script type="text/javascript" src="https://verovski.com/wp-content/themes/readme/js/wp-fix.js" id="wp-fix-js"></script>
vendor: 1 bytes, line 368
368
369<script id="wp-emoji-settings" type="application/json"> 370{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://verovski.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.10"}} 371</script>
vendor: 1 bytes, line 371
371
372<script type="module"> 373/* <![CDATA[ */ 374/*! This file is auto-generated */ 375var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 376//# sourceURL=https://verovski.com/wp-includes/js/wp-emoji-loader.min.js 377/* ]]> */ 378</script>
378 379</body> 380</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.