Почему простой дизайн сайта лучше с научной точки зрения — Дизайн на vc.ru
Перевод материала Томми Уокера.
4131 просмотров
Исследование, проведенное Google, имело два ключевых вывода:
- Пользователю нужно всего 1/50 до 1/20 секунды, чтобы оценить, красивый сайт или нет.
- «Визуально сложные» сайты оцениваются как менее красивые, чем их простые аналоги.
Другими словами, исследование показало — чем проще дизайн, тем лучше.
Но почему?
В этой статье мы на примерах рассмотрим роль когнитивной беглости и теории обработки визуальной информации, которые играют важную роль в упрощении вашего веб-дизайна и помогут увеличить конверсию.
Что же такое «прототип» сайта?
Если я скажу «мебель», какой образ появится у вас в голове?
Если вы похожи на 95% людей, вы подумаете о стуле.
Если я спрашиваю, какой цвет ассоциируется с «мальчик», вы думаете «синий» (а девочка — «розовый» и т. д.)
От мебели до сайтов у вашего мозга есть шаблон того, как все должно выглядеть и чувствовать.
В сети прототипы распадаются на более мелкие категории.
У вас есть разные, но конкретные психологические образы для социальных сетей, сайтов, электронной коммерции и блогов.
Если на каком-либо из этих сайтов что-то отсутствует в вашем ментальном образе, вы закрываете сайт на сознательном и подсознательном уровнях.
Если бы я сказал «сайт модной женской одежды», вы могли бы представить что-то вроде этого:
А теперь посмотрим на прототип сайтов «интернет-магазина одежды», заметили, что они все очень похожи и имеют схожую структуру сайта? (даже если этот сайт из другой страны).
Сходство совсем не означает, что сайтам не хватает оригинальности или что они «украли» друг у друга. Такой структурой они оправдывают ваши ожидания относительно того, как должен выглядеть сайт электронной коммерции.
Что такое когнитивная беглость?
Основная идея, лежащая в основе когнитивной беглости, заключается в том, что мозг предпочитает думать о вещах, о которых легко думать. Вот почему вы предпочитаете посещать сайты, дизайн и структура которых вам инстинктивно понятны.
Когнитивная беглость проистекает из другой области поведения, известной как «Эффект простого воздействия», которая гласит, что люди предпочитают знакомые им вещи.
Это правило действует и онлайн. Мы привыкли, что подписка на сайте размещена в правом углу сайта, а логотип компании в верхнем левом углу.
Если ваши посетители обусловлены определенным дизайном сайтов в вашей категории, отклонение от них может подсознательно поставить вас в категорию «менее красивых».
Это вовсе не означает, что вы должны просто «делать то, что делают все остальные». Вы должны знать, какие варианты дизайна сайта являются прототипами для вашей категории. Обязательно проверьте и найдите доказательства, что именно этот дизайн является прототипом в вашей категории.
Не проводя исследования, многие дизайнеры делают плохой выбор. Например, многие сайты электронной коммерции используют автоматический слайдер прокрутки изображений продуктов, но исследование за исследованием показывает, что автоматический слайдер губит конверсию.
Что происходит, когда вы оправдываете ожидания?
Сайт с высоким уровнем беглости будет чувствовать себя достаточно знакомым, так что посетителям не нужно тратить умственные усилия на поиск нужного продукта или кнопки, и вместо этого они могут сосредоточиться на том, зачем пришли на ваш сайт.
Однако, когда уровень беглости низкий, вы сразу это почувствуете.
До:
После:
Несколько ключевых изменений привели к огромным результатам:
- Простой и понятный дизайн и структура сайта;
- Гораздо более «открытый» дизайн с грамотным использованием пробелов;
- Изображения содержат один продукт с высоким разрешением и контрастными цветами.
Давайте ознакомимся со статистикой этого редизайна.
Всего через две с половиной недели результаты были ошеломляющими:
Сам по себе редизайн, хотя и симпатичный, не является революционным. Сайт точно соответствует ожиданиям того, каким должен быть современный интернет-магазин одежды. Он «открытый», отзывчивый и имеет единую стилистику на всех страницах.
Визуальная обработка информации и сложность сайта
В этом совместном исследовании Гарвардского университета, Университета Мэриленда и Университета Колорадо, исследователи обнаружили сильную корреляцию «эстетически привлекательных» сайтов среди различных демографических групп.
Например, участникам с докторской степенью не понравились очень красочные веб-сайты.
В результате исследования не было разработано никаких конкретных универсальных принципов проектирования. Единственное, что было универсальным — это визуально сложный веб-сайт имел меньшую визуальную привлекательность.
Почему простой дизайн с научной точки зрения легче обрабатывать
Причина, по которой «визуально лёгкие» веб-сайты считаются более красивыми, отчасти объясняется тем, что при низкой сложности не требуется, чтобы наши глаза и мозг работали так же усердно, чтобы декодировать, хранить и обрабатывать информацию.
Посмотрите это короткое видео о том, как глаз посылает информацию в мозг, чтобы понять, что я имею в виду:
По сути, ваша сетчатка преобразует визуальную информацию из реального мира в электрические импульсы. Затем эти импульсы направляются через соответствующие фоторецепторные клетки для передачи информации о цвете и свете в мозг.
Чем больше цветовых и световых вариаций на странице (т. е. чем больше визуальная сложность), тем больше работы приходится выполнять глазу для передачи информации в мозг.
Каждый элемент передает тонкую информацию
При разработке сайта знайте, что каждый элемент — текст, логотип и выбор цвета — передает тонкую информацию о бренде.
Когда эти элементы не выполняют свою работу, веб-мастер часто компенсирует это добавлением ненужных элементов или изображений, что увеличивает визуальную сложность веб-сайта и ломает общую эстетику.
Оптимизация страницы для обработки визуальной информации, в частности, упрощение прохождения информации от глаза к мозгу, — это передача как можно большего количества информации минимальным количеством элементов.
Рассмотрим на примере редизайн логотипа MailChimp.
Когда они хотели, чтобы бренд «вырос», они не добавили обычное «Мы работаем с электронной почтой с 2001 года! Три миллиона человек доверяют нам! Вот почему мы классные! Бла бла бла…»
Было:
Стало:
Вместо этого они упростили написание, упростили веб-сайт (верхний заголовок просто читается как «Отправьте лучший E-mail») и добавили еще более простую анимацию для основного продукта.
Mailchimp прошел еще один редизайн логотипа в 2018 году:
Каковы были руководящие принципы для второго крупного редизайна? Простота была первостепенной:
«Значок Фредди уже давно является основной маркой нашего бренда. Мы немного упростили его, внесли изменения в его форму и проработали мелкие детали, чтобы он выглядел великолепно при любом размере. В процессе итерации и уточнения мы разработали шрифт, который гармонирует со значком Фредди.»
«Рабочая память» и Святой Грааль обращения
Согласно исследованию психолога из Принстона Джорджа А. Миллера, мозг взрослого человека способен хранить от пяти до девяти «кусочков» информации в своей краткосрочной или «рабочей» памяти.
Рабочая память — это часть вашего мозга, которая временно хранит и обрабатывает информацию в течение нескольких секунд. Это то, что позволяет вам сосредоточить внимание, противостоять отвлекающим факторам и, самое главное, направлять процесс принятия решений.
На «веб-сайте с низкой сложностью и прототипами» пять-девять «кусочков» рабочей памяти могут обрабатывать такие вещи, как гарантии, описания продуктов, цены или предложения, вместо того, чтобы тратить время на выяснение, куда нажать.
Когда вы отклоняетесь от ожиданий — цена оказалась выше, чем ожидалось, негорманичная цветовая схема и нет симметрии, сайт загружался долго, фотографии были плохого качества — рабочая память обрабатывает эти ненужные «куски» вместо того, чтобы заниматься важными вещами.
Это потому, что рабочая память вызывает долговременную память, чтобы использовать то, что она уже знает, для выполнения задачи. Когда долговременная память не может помочь в обработке информации, поток прерывается, а рабочая память отключается и движется дальше.
Вот почему очень важно знать ваших посетителей, если вы хотите «взломать» их рабочую память с помощью дизайна.
Блоги, которые они читают, сайты, на которых они делают покупки, их браузер, возраст, пол и физическое местоположение — все это поможет вам сделать дизайн «знакомым» и создать правильное первое впечатление.
7 способов создать простой сайт
- Исследуйте свою аудиторию и сайты, которые они посещают больше всего. Посмотрите тематические исследования об изменениях дизайна в вашей категории.
- Создайте коллаж для своего сайта со всеми «рабочими» компонентами, которые вы обнаружите.
- Соблюдайте правила когнитивной беглости.
Расположите элементы там, где посетители ожидают их найти. - Не добавляйте лишние элементы, если они не сообщают о том, что волнует вашего посетителя.
- Меньше значит больше. Одно большое изображение обычно лучше, чем несколько маленьких; один столбец вместо трех; больше пробелов вместо большего количества «элементов».
- Убедитесь, что ваш сайт соответствует ожиданиям по ценам, эстетике, скорости и т. д.
- Сохраняйте оригинальность. «Прототип» сайта не означает, что каждый аспект вашего сайта должен соответствовать этой форме.
Не думайте о своем сайте, как об уникальном произведении искусства.Сделайте его простым и знакомы для пользователей.
Заключение
Если посетитель при взаимодействии с вашим сайтом не может полагаться на свой предыдущий опыт, он не задумывается, насколько инновационным является ваш сайт. Он просто задается вопросом, почему вещи не там, где они «должны быть».
Создавая дизайн с когнитивной беглостью, вы позволяете посетителям обрабатывать более важные вещи своей рабочей памятью, чтобы им было легче сказать «да».
Больше подобных статей можно читать на моём телеграм-канале (proroas). Пишу о маркетинге и web-аналитике.
виды и эффектные новинки на фото
Эффектные идеи маникюра появляются каждый день, но можно отметить тенденцию, которая приводит модниц к все более лаконичным и простым видам дизайна. Практичная сторона перевешивает излишнюю вычурность, давая повседневному стилю новую жизнь. Уже сейчас воплотить простые, но интересные идеи можно даже без профессиональной помощи.
Содержание
- Экспресс-дизайн ногтей в технике «аэропуффинг»
- Дизайн ногтей мыльной пеной
- Простой дизайн ногтей мазками
- Легкий дизайн блестящего френча
- Экспресс дизайн ногтей наклейками
- Лаконичный нейл-дизайн только на левой руке
- Дизайн с простыми рисунками на ногтях
- Простая, но модная абстракция на ногтях
- Быстрый дизайн ногтей с втиркой
- Дизайн ногтей с помощью обычной пищевой пленкой
- Простейший дизайн ногтей с фольгой
- Фото, красивые идеи — простой дизайн ногтей
Экспресс-дизайн ногтей в технике «аэропуффинг»
Благодаря новшествам в сфере нейл-арта наиболее сложная техника градиент стала доступнее. Теперь можно самостоятельно и без особых усилий выполнить мягкий цветовой переход на ноготках с помощью техники аэропуффинг. Удобный и мягкий спонж обеспечит легкое нанесение, идеальный переход оттенков. Кроме того, такой маникюр не уступает по красоте сложно выполняемой аэрографии.
Дизайн ногтей мыльной пеной
Если хочется освежить свой образ, но стандартный маникюр уже надоел, то всегда можно обратиться к необычному созданию дизайна с использованием мыльной пены. Она создаст отличный эффект, напоминающий кружево. Наилучшим образом такая техника покажет себя, если обратиться к глянцевым или матовым тонам.
Простой дизайн ногтей мазками
В рамках минимализма существуют интересные элементы, которые придают яркости всему маникюру. Например, с помощью кистей разной толщины можно создать мазки, из которых получаются прекрасные узоры. Достаточно добавить на конец кисточки нужный оттенок и провести линию. В качестве самостоятельного элемента мазки могут стать стильным акцентом на одном ноготке.
Легкий дизайн блестящего френча
Французский маникюр должен выглядеть идеально, поэтому техника нанесения очень сложна. Но самостоятельно можно сделать необычную вариацию френча, украсив конец ноготка блестками. Прозрачная или нюдовая основа будет сочетаться с любым цветом и размером блестящего декора. Но в теплом сезоне лучше обратиться к оттенкам серебра или другой нежной палитре. Главное, чтобы градиентный переход выглядел необычно и обворожительно.
Экспресс дизайн ногтей наклейками
Безусловно большая часть модниц хочет создавать настоящие шедевры нейл-дизайна, чтобы удивить окружающих. В этом отлично помогут слайдеры и наклейки, разнообразие которых сложно представить. Все возможные цвета, элементы и техники легким движением становятся украшением вашего маникюра. Из наиболее популярных в этом сезоне растительные элементы и геометрия на прозрачной основе. Всё, что потребуется – перенести рисунок на один-два ногтя.
Прямоугольники — это наклейки.Лаконичный нейл-дизайн только на левой руке
Для тех, кто не верит, что можно сделать себе отличный маникюр, можно порекомендовать обратиться к смешанной технике. Дизайн только на левой руке — маленькая хитрость для правши и отличная возможность разнообразить привычный маникюр. Простые элементы в виде полос, маленьких точек или контурных лиц — все, на что хватит фантазии, при минимальном количестве будет смотреться гармонично и естественно.
Дизайн с простыми рисунками на ногтях
Даже если вы не умеете рисовать, с простыми рисунками точно справитесь, украсив однотонный маникюр. Например, линии крест-накрест, прямоугольники или аккуратные точки — будут выглядеть замечательно. Но для того, что бы выполнить узор красиво и точно, стоит найти кисточку потоньше и запастись терпением.
Смотрите также:Дизайн ногтей с полосками — 100 фото, новые идеи маникюра.
Простая, но модная абстракция на ногтях
Не стоит переживать, если не получается изобразить достойный и сложный рисунок. Даже в таком случае можно превратить все в простую абстракцию. Различные элементы из полос, мазков, силуэтов и завитушек разными цветами создадут уникальную композицию. А декор подчеркнет исключительность дизайна, придаст ему объем.
Также можно лишь скопировать рисунок и создать его красивую имитацию. Или выполнить маникюр без рисунка. Примеры здесь.
Быстрый дизайн ногтей с втиркой
Втирка применяется для декорирования гель-лаковых покрытий, позволяет создавать красивые переливы в цветовых палитрах на любой вкус. Технология нанесения достаточно простая. Ее применяют даже в домашних условиях на обычный лак. Особенно выразительно смотрится жемчужная втирка, которая наносится на белый лак или гель-лак. Втиркой выделяют как несколько пальчиков, так и все. Если есть возможность, то втирку можно нанести через трафарет.
youtube.com/embed/CTIQRKmcQbg» frameborder=»0″ allowfullscreen=»allowfullscreen»>Дизайн ногтей с помощью обычной пищевой пленкой
Мастера предлагают не только новейшие техники выполнения простого дизайна ногтей. Так, по-прежнему популярная технология с пленкой. За счет красивого эффекта мягкого атласа и простоты исполнения. Когда рельефный узор на ногтях создают при помощи декора битое стекло и пищевой пленки. Более подробно о технике кварцевого маникюра в видео.
Простейший дизайн ногтей с фольгой
Этот дизайн подразумевает отпечатку фольги в хаотичном порядке на липкий слой цветного покрытия. Если у вас покрытие не достаточно липкое, тогда дополнительно наносят слой топа. Эффектно смотрятся сочетания нескольких оттенков. Например, два ногтя каждой руки можно покрыть белым, а остальные голубым. Фольга (пайетки) на выбор: цветная или с различными эффектами.
ПотальФото, красивые идеи — простой дизайн ногтей
- Рекомендуем по теме: Простой маникюр — новые идеи дизайна ногтей, фото.
- Дизайн ногтей геометрия: новинки, фото, лучшие идеи маникюра.
- Повседневный маникюр: новинки, 100 красивых идей на фото.
Рейтинг
( 1 оценка, среднее 5 из 5 )
Свадебный канцтовар — The Simple Design Co.
от $77,50
от $77,50
от $75. 00
от $67,50
от $77,50
от $77,50
от $77,50
от 77,50 $
от $77,50
от $75.00
от $77,50
от $77,50
от $77,50
от $77,50
от $77,50
от $77,50
от $77,50
от $77,50
от $75.00
от $77,50
от $77,50
от $77,50
от $75.00
от $77,50
от $77,50
от $77,50
от 77,50 $
от $77,50
от $77,50
от $77,50
от $77,50
от $75. 00
от $77,50
от $77,50
от $77,50
от $77,50
от $75.00
от $77,50
от $75.00
от $77,50
от $77,50
от $77,50
от $75.00
от $77,50
от $77,50
от 77,50 $
от $77,50
от $75.00
от $77,50
от $77,50
от $77,50
от $77,50
от $77,50
от $77,50
от $77,50
от $77,50
от $75. 00
от $77,50
от $77,50
от $75.00
от $67,50
от $67,50
от $67,50
от $67,50
от $67,50
от $67,50
от $75.00
30,00 $
Что такое простой дизайн?
Как вы начинаете свой день?
Многие из нас просто берут чашку кофе и бутерброд где-нибудь по дороге на работу.
Но за этот короткий промежуток времени каждый день, обычно проводимый в спешке, вы когда-нибудь замечали, как много информации вы усвоили? От наших смартфонов до рекламы на телевидении и рекламных щитов данные, странное описание продукта и реклама повсюду.
Мы легко можем быть подавлены, но мы так к этому привыкли. Мы потребляем и обрабатываем поступающую информацию безостановочно, с момента пробуждения до момента отхода ко сну.
Это одна из основных причин того, что простота дизайна стала популярной за последние несколько лет. С такой перегрузкой информации в нашей повседневной жизни нам нужны дизайны, которые легко понять.
Простой дизайн также известен как минималистичный дизайн.
Если мы посмотрим на определение слова «простой», мы обнаружим, что для определения простого дизайна можно легко использовать множество одних и тех же прилагательных. Простой дизайн можно охарактеризовать как дизайн, который не является сложным или искусственным, но является четким и лаконичным. Он недвусмысленный и неприукрашенный, использует минимально возможное количество компонентов, классов или методов или самое простое решение.
Простой дизайн незаметен, непритязателен и скромен. Он эффективно передает свое сообщение и искренне попадает в точку.
Например, высоко оцененные и недорогие товары не нуждаются в подробном описании, чтобы продавать себя. Потребители могут легко найти ответы в описаниях информации о продукте, размерах продукта и отдельных звездных рейтингах.
Кроме того, простой дизайн является противоположностью величественному, сложному или сложному дизайну, и он удовлетворяет потребности дизайна без чрезмерной инженерии, наворотов или свистков.
Но одна из самых захватывающих вещей в простоте дизайна заключается в том, что она позволяет заново открывать и перепрофилировать. Когда дизайн очень сложен, он становится все более и более конкретным для зрителя с каждым уровнем сложности.
Таким образом, несмотря на то, что надежные конструкции успешно передают одно сообщение, они обычно не допускают широкой интерпретации.
Более простые конструкции позволяют визуально передавать несколько сообщений. С течением времени и его воздействием на различные части общества элементы дизайна, составляющие сообщение, снова и снова передают людям разные чувства и идеи.
Источник изображения: Infinitenoon.comТенденция к упрощенному дизайну существовала уже давно, задолго до того, как студенты, изучающие современный дизайн, стали задумываться об экологическом воздействии упаковки Amazon, не выходя из общежития колледжа.
Все началось с дизайна мебели в стиле Миссии, популяризированного в конце 19-го века, который подчеркивает простые горизонтальные и вертикальные линии модели предмета и плоские панели, чтобы подчеркнуть текстуру дерева.
Затем принцип дизайна «форма следует за функцией» был разработан и введен архитектором Луи Салливаном в 189 г.6 и гласит, что форма здания, мебели или отдельного элемента должна в первую очередь относиться к его прямому назначению.
«Будь то стремительный орел в своем полете, или раскрытый цветок яблони, трудящаяся рабочая лошадь, беспечный лебедь, ветвистый дуб, извилистый поток у его основания, плывущие облака над всем бегущим солнцем Форма всегда следует за функцией, и это закон. Там, где функция не меняется, форма не меняется». — Луи Салливан, «Художественно продуманное высокое офисное здание».
Позднее, в 1950-х годах, в архитектуре появился бруталистический дизайн. Брутализм определяется предельной простотой. Думайте о блочном, крупном, монохромном и геометрическом.
Источник изображения: IGNANTНо помимо архитектуры мы можем видеть простой дизайн везде, куда бы мы ни посмотрели, кроме торшера, обеспечивающего основное освещение. Вы можете выбрать процесс проектирования, который следует принципам минимализма, как дизайнер пользовательского интерфейса, дизайнер продукта и, конечно же, даже как графический дизайнер.
Если подумать о простом графическом дизайне, обычно на ум приходит один логотип. Все думали о логотипе Apple?
Apple выбрала двухмерный, плоский, простой, монохромный дизайн, который был прекрасен 20 лет назад и остается прекрасен сегодня. Неудивительно, что они разработали этот логотип в 1998 году, экспериментировали с несколькими другими вариантами в начале 2000-х, но вернулись к нему в 2014 году. простой дизайн и почему он так привлекателен.
Простота окружает нас повсюду. В лицах, мимо которых мы проходим на улицах, в растениях, которые поливаем в наших садах, и в теплом небе, на которое мы смотрим ближе к вечеру после работы.
Людей непреодолимо тянет к простоте окружающего мира. Тем не менее, ученые уже давно спорят, является ли это притяжение чисто естественным или роль играет наша окружающая среда.
Действительно, противопоставление вековой природы и воспитания — важная часть понимания психологии простоты.
- Природа описывает унаследованные качества и факторы, которые составляют каждого из нас, от нашего физического телосложения до присущих нам черт характера.
- Воспитание, с другой стороны, рассматривает влияние окружающей среды, которое формирует нас на протяжении всей нашей жизни, например, наше детство, стили воспитания наших родителей, наше образование и более широкие культуры, в которых мы живем.
Если бы природа родила нас признательность за простоту, воспитание, безусловно, подчеркивало нашу потребность в равновесии. Возьмите пифагорейцев, которые утверждают, что красота рождается из гармонии и естественных математических явлений, таких как золотое сечение.
Конечно, мы позаимствовали много красоты и гениальности природы, чтобы строить, обучать и управлять нашими цивилизациями.
Простой дизайн не только привлекает внимание. Это позволяет нам быстро усваивать и переваривать большой объем информации за короткий промежуток времени. Интеллект — это способность просто передать сложные предметы, и великие дизайнеры точно знают, как это сделать.
Сосредоточение внимания
на главномМинимализм в дизайне сохраняет только основные элементы. Для каждого элемента вашего прототипа задайте себе несколько ключевых вопросов о каждом элементе вашего дизайна, следуя этой философии:
- Это необходимо?
- Это служит цели?
- Это самый простой способ передать эту идею?
- Могу ли я разбить его на более простые элементы?
- Каково его потенциальное воздействие на окружающую среду?
Ответы на эти вопросы помогут вам определить, насколько хорошо ваш дизайн передает этот принцип.
Здесь работает то, что зрители быстро понимают, на что они смотрят, потому что это просто и понятно. Нет необходимости чрезмерно анализировать или изучать дополнительные элементы, это просто.
Все, что им нужно знать, находится прямо перед ними, в самой простой форме для максимального фокусного воздействия.
Важно отметить, что даже для самых простых проектов требуется мощное программное обеспечение. Когда вы можете сосредоточиться только на самом необходимом, вы можете создавать более качественные результаты с помощью ноутбуков для графических дизайнеров.
Никогда не путайте простое с легким, ведь для великолепной работы всегда требуется время. Использование ноутбуков, специально предназначенных для графических дизайнеров, гарантирует, что вы будете создавать проекты профессионального уровня с потрясающим качеством.
Одна концепция на странице
Чаще всего нам нужно передать большой объем информации на небольшом пространстве. В этом случае хорошим правилом является сосредоточение внимания на одной концепции на странице.
Если вы занимаетесь минималистским дизайном, вам не захочется загромождать страницу слишком большим количеством элементов. Как упоминалось ранее, вам нужно подчеркнуть только то, что важно для дизайна, основанного на максимальной конверсии.
Элементы на странице могут оставаться на странице, если они передают связность и работают вместе для достижения единой цели. Сведите элементы к минимуму, иначе все быстро испортится.
Как и в математике, кратчайший путь между двумя точками — это прямая линия. И в дизайне то же самое. Но, как и в случае с математикой, простой дизайн трудно решить.
Какой здесь секретный соус? Что это за волшебная пыль, которая делает дизайн простым или красивым, а лучше и тем, и другим? Это может звучать как парадокс, но загроможденного дизайна добиться легче, так как удалить элементы дизайна и их первоначальные различия, которые не нужны, сложнее, чем добавить их.
Вместо того, чтобы иметь шесть визуальных элементов для достижения одного желаемого результата, по возможности достигайте его с помощью только одного элемента. В конце концов, процесс удовлетворения пользователей будет намного проще, если они смогут напрямую воспринять ваше сообщение.
Изображение с сайта freepik.comСтратегическое использование негативного пространства
В искусстве и дизайне негативное пространство — это пространство между, внутри и вокруг объекта в графике. Часто это пространство используется для формирования другого изображения или символа. А позитивное пространство — это сам объект.
Негативное пространство пугает многих дизайнеров. Они чувствуют, что без большой активности в пространстве это будет неинтересно другим. Они боятся утомить своих зрителей. Но на самом деле простота в дизайне вовсе не скучна.
Негативное пространство помогает привлечь внимание зрителя. Если больше не на что смотреть, их взгляд естественным образом остановится на теме вашего произведения. Таким образом, он сразу привлекает внимание к вашему объекту.
Негативное пространство помогает вашим зрителям дышать. Зритель может расслабиться. Им больше не на что смотреть, кроме того, что они должны видеть.
Еще одно замечательное использование негативного пространства — дать зрителям возможность проявить свое воображение. Обычно пространство производит впечатление чего-то недостающего.
Но умные дизайнеры знают, как использовать пустое пространство для завершения своих проектов. Простой дизайн, основанный на разумном использовании отрицательного пространства, дает зрителям свободу интерпретировать вашу работу различными, осмысленными и даже неожиданными способами.
Этот маленький трюк всегда вызывает у зрителей восторг. Вы можете научиться этому навыку либо на основе многолетнего опыта, либо на курсах профессионального обучения. негативное пространство фактически стало второй натурой.
Но те из нас, кто только начинает, могут многому научиться у тех, кто знает лучше. Есть много действительно удивительных дизайнов, которые используют негативное пространство и могут подпитывать ваше вдохновение.
Возьмите этот рисунок ниже в качестве примера, в котором пустое пространство используется для создания формы оперного театра. Или вы знали, что скрытая стрелка в логотипе FedEx также является примером гениального использования негативного пространства?
Джозеф Мюллер Брокман. Изображение из graphieneНаведение с помощью цветов
Цвет также играет большую роль в привлечении внимания зрителя.
В большинстве дизайнов, использующих принцип упрощенного дизайна, используются нейтральные цвета. Вы увидите много оттенков серого и белого в этих изделиях.
Во многих дизайнах также используются землистые тона, приятные для глаз.
С точки зрения дизайна пользовательского интерфейса, приглушенные цвета позволяют посетителям продолжать смотреть на вашу веб-страницу из-за комфортных тонов низкой насыщенности. Это также может придать более естественный и элегантный вид. Самое приятное то, что все эти характеристики минимализма очень модны в этом году. Если вы будете следовать этим принципам дизайна, ваши макеты будут не только хорошо выглядеть, но и выглядеть свежими.
Преимущество использования этих нейтральных тонов в том, что дизайнеры любят использовать яркие цвета, чтобы подчеркнуть свои достоинства. На фоне, наполненном нейтральными тонами, глаза естественным образом будут ориентироваться на более яркие цвета.
Используя эти основные элементы цветового дизайна, дизайнеры могут достичь своей цели — направить внимание зрителей именно туда, куда им нужно.
Изображение из сообщества6Общение с помощью шрифтов
Типографика — недооцененный элемент дизайна, которому редко уделяется должное внимание.
Но опытные дизайнеры никогда не недооценивают силу типографики. Типографика задает тон вашему дизайну. Это придает жизнь и индивидуальность информации, которую вы представляете своим зрителям. Подсознательно он даже устанавливает ценность и тон бренда.
Типографика, обычно используемая в минималистичном дизайне, использует четкие линии, острые края и плавные изгибы; передавая чистое и простое ощущение читателю. В этом стиле обычно используются шрифты без засечек или плоские шрифты.
Декоративные шрифты могут быть визуально стимулирующими, но, к сожалению, при слишком частом использовании они создают впечатление загроможденности и подавленности. Большинство минималистичных дизайнов держатся подальше от шрифтов с засечками, а если и используют их, то очень экономно.
Цель минималистской типографики — дать вам достаточно места для чтения и правильного понимания того, что вы читаете.
Также есть возможность оформления только текстом. В этом случае вам нужно заставить работать мускулы типографики и разработать интересную иерархию. Это поможет привлечь людей и заинтересовать их историей, которую вы пытаетесь рассказать.
Источник изображения: Het GeheugenУспокоение
Большинство из нас ведет очень беспокойный и активный образ жизни. У нас всегда есть сроки, которые нужно соблюдать, и вещи, которые мы должны были сделать вчера. Всегда что-то происходит.
Простота дизайна позволяет зрителям отдохнуть.
Общие элементы минимализма включают нейтральные тона, отрицательное пространство, симметрию и баланс. При правильном использовании вместе они вызывают чувство спокойствия и безмятежности.
Имейте в виду, что люди не всегда ищут стимуляции — чаще всего они уже перевозбуждены!
Людям нужно отдохнуть от всех этих раздражителей. Минимализм дает им передышку, эффективно передавая сообщение.
Икки Кобаяши. Источник изображения: Токийский клуб режиссеров шрифтовЛегко усваивается
Конечно, мы разработали механизмы преодоления, чтобы предотвратить перегрузку стимуляцией. Мы научились настраиваться на то, что нам нужно в данный момент, и отключаться и откладывать в сторону информацию, которая понадобится нам позже.
Как бы прекрасно это ни звучало, у этого есть и обратная сторона. Люди развили гораздо более короткие промежутки внимания. Это ставит перед дизайнерами новую задачу: как передать смысл, несмотря на короткий период внимания зрителей. Минимализм облегчает достижение этой цели.
Зрителям легче понять, потому что минимализм фокусируется на разложении всех элементов до их самой простой формы. Использование нейтральных тонов в качестве фона и ярких цветов для акцентов помогает зрителям сфокусироваться. Использование негативного пространства направляет внимание зрителей на предмет дизайна.
Эти элементы работают вместе, позволяя зрителям быстрее и легче усваивать содержание и сообщение.
На противоположной стороне спектра, если вы перегружаете свой дизайн элементами и функциями, вы можете попасть в ловушку «расползания функций». Этот термин чаще всего используется в дизайне продукта или UX/UI, но его можно распространить на любой тип дизайна.
Ползучесть функций — бич нашего существования как создателей. Проще говоря, это когда вы или ваши клиенты начинаете добавлять новые функции или идеи к уже определенной концепции. Это заблуждение, что дизайн лучше, когда он выражает множество вещей, а не имеет одно четкое сообщение.
Простой дизайн может облегчить ясность, и если все сделано правильно, он отвлечет вас от расползания функций.
Шигео Фукуда. Источник изображения: AGIМы собрали несколько ведущих и общепризнанных простых советов по дизайну для вас, если вы не привыкли к простому дизайну или хотели бы усовершенствовать свое мастерство.
Ранее мы упоминали, что простота не обязательно означает легкость, и следующие краткие рекомендации помогут вам сориентироваться в этом часто сложном процессе проектирования.
Сохраняйте единство цветовой палитры
Придерживаться одного элемента дизайна — всегда отличная идея, но ваша цветовая палитра и схема необходимы для передачи простого, но действенного сообщения. Конечно, сохранить простой дизайн не всегда легко, и найти приятное сочетание цветов тоже может быть непросто.
К счастью, у нас есть хитрый трюк, который вы можете реализовать в Vectornator.
- Начните с создания прямоугольника в Vectornator, продублируйте его пять раз и поместите их в ряд рядом друг с другом.
- Теперь вы можете заполнить эти прямоугольники по отдельности цветами, которые вы планируете использовать.
- Вуаля! У вас есть личная и настраиваемая цветовая палитра, с которой вы можете экспериментировать, пока не получите приятно связный выбор.
Помните, что ограниченную цветовую палитру можно легко использовать для гибких дизайнов.
Максимальное удобство чтения
Элемент с приятной эстетичной типографикой не обязательно читаем. Требуется небольшая оптимизация, чтобы убедиться, что ваш текст отображается четко.
Ваш тест должен быть разумно наложен на фон для начала, а шрифты и цвета должны сочетаться с вашим общим дизайном. Хотя у вас может быть очень сложный дизайн, пришло время вернуться к чертежной доске, если ваши читатели не могут понять текст.
К счастью, в простом дизайне большое внимание уделяется четкой и простой типографике для достижения максимального эффекта.
Власть над типографикой
Ирония современного мира дизайна заключается в том, что, несмотря на невероятное количество доступных шрифтов, дизайнеры должны следить за тем, чтобы они не перегружали (или не перегружали) своих зрителей выбором типографики.
Дизайнеры также должны сочетать свои шрифты приятным и рациональным образом.
К счастью, существует множество классических сочетаний, и многие дизайнеры придерживаются нескольких любимых вариантов. Несколько примеров наиболее успешных шрифтов для заголовков включают Helvetica, Monserrat, Oswald и Trocchi.
Одним из основных принципов типографики является сочетание нового шрифта заголовка с простым и хорошо известным шрифтом для абзацев.
Беспокойство о пустом пространстве
Белое пространство может быть не совсем «белым», но в простом дизайне наверняка будет много пустого пространства. Без текста, без изображений, без элементов.
В этом пустом месте дизайн «дышит». Хотя может показаться, что оставить кучу пробелов в дизайне несложно, на самом деле сделать это довольно сложно.
Если вы хотите освоить использование пустого пространства, мы рекомендуем углубиться в минималистский дизайн.
Администрирование визуальной иерархии
Простой дизайн должен соответствовать визуальной иерархии, и некоторые элементы заслуживают большего внимания, чем другие. Конечно, при простом дизайне вы будете работать с гораздо меньшим количеством элементов, поэтому процесс выбора и расстановки приоритетов не займет много времени.
Фокусная точка выйдет на передний план, когда текст, значки, цвета, графика и изображения будут удовлетворительно сбалансированы. Этот визуальный баланс максимизирует ясность и позволяет информации течь для полного воздействия вашего намерения и обоснования.
Графические дизайнеры могут использовать множество ресурсов, но немногие из них более полезны, чем шаблоны. Vectornator предлагает множество бесплатных и готовых шаблонов для социальных сетей с соответствующими рекомендациями по размеру и размеру.
Имея под рукой шаблоны для всех основных платформ социальных сетей, дизайнеры экономят много времени.
Пространство — это место
Продуманное расстояние — ключ к созданию гениально простого дизайна со сбалансированной композицией. Пробелы можно найти повсюду в дизайне, на полях и между словами, изображениями, формами и типографикой.
Многие дизайнеры могут стать одержимыми интервалами, углубляясь в микропромежутки между буквами и тончайшими линиями.
Подумайте о пространстве как о крошечном белом пространстве. Но в то время как использование пустого пространства часто зависит от дизайнера, существуют жесткие рекомендации по отступам.
Возьмите, например, правило третей или золотое сечение.
Key Takeaway
Многие люди недооценивают философию упрощенного дизайна. Они думают, что это должно быть легко создать только потому, что что-то выглядит просто.
Но, как мы подробно описали выше, все совсем наоборот.
Дизайнерам необходимо передать большой объем информации с помощью наименьшего количества элементов. Для создания минималистического дизайна требуется целеустремленная и стратегическая направленность, поскольку каждый элемент имеет значение и говорит о многом. Требуется умение и талант, чтобы помочь людям понять концепцию с первого взгляда. Несмотря на сложность процесса, результаты могут быть мощными.