Маркетинг

Почему 4 базовых правила дизайна нужно знать всем, будь ты разработчик, верстальщик или копирайтер

Есть на свете особо ценные приёмы и инструменты, применимые почти к любой профессии. И речь не о пресловутых софт-скилах, с ними всё достаточно очевидно.
Почему 4 базовых правила дизайна нужно знать всем, будь ты разработчик, верстальщик или копирайтер

Куда интереснее поговорить о «жёстких» навыках, которые, за счёт своей универсальности, здорово прокачивают профессиональную эрудицию. Это фундамент, на котором строятся остальные скилы, усложняясь и адаптируясь под конкретную отрасль. 

Сегодня разберём четыре базовых правила дизайна, которые на самом деле не только про дизайн. Они сделают ваш код аккуратнее, макеты эстетичнее, а тексты читабельнее и яснее. Правила описаны в замечательной «Книге для недизайнеров» (автор Робин Уильямс). Оценить их эффект нам поможет объявление, которое встречается в типичных домах города N:

Но сначала нативная, лаконичная и — уже совсем скоро перейдём к делу — ненавязчивая рекомендация: похожие правила с примерами публикуются на канале Плохое/хорошее. Это такой тренажёр насмотренности для всех, кто работает с текстом.

Приближённость

Правило первое гласит: в хорошем дизайне объекты, у которых есть что-то общее, должны собираться в отдельные группы. Благодаря приближённости элементы групп выглядят, как единая визуальная композиция, а не набор случайностей.

В нашем объявлении всю информацию можно разбить на три смысловые группы в виде абзацев, объединённых общей мыслью. Пока изменения едва заметны:

Выравнивание

Чтобы пользователи чувствовали «равновесие», смотря на текст, код или дизайн, все объекты должен быть построены в одну линию — горизонтальную или вертикальную. Случайно завалявшийся объект допустим только в каких-нибудь исключительных случаях.

Перенесём правило на наше объявление: мысленно проведём линию слева и выровняем по ней весь текст. Сразу появляется ощущение порядка:

Контраст

Самые важные элементы дизайна должны кардинально отличаться от остальных — например, по цвету или размеру. И дело не только в эстетичности, это правило в первую очередь про управление вниманием. С помощью контраста мы помогаем быстро сфокусироваться на главном, ведь так пользователю необязательно знакомиться с каждым объектом дизайна.

Читатель нашего объявления поймёт, что от него хотят, только если погрузится во всю портянку текста. Мало кто готов тратить на это время и силы, а значит, мы рискуем упустить внимание жильцов дома. Исправим ситуацию контрастом: выделим предложение, которое агрегирует весь текст объявления. А фразу про уважаемых жильцов можно смело сносить, в ней ноль пользы:

Повторение

Заключительно правило посложнее: чтобы его применить, нужно сначала вычислить, какая родственность отслеживается у разных, на первый взгляд, элементов. Если у вас получится это сделать, дизайн станет интереснее в визуальном плане: пользователь будет смотреть на макет, код или текст и улавливать неочевидные закономерности.

Перейдём к практике. В нашем объявлении есть хоть и абстрактная, но достаточно очевидная граница между важной и второстепенной информацией. Во втором случае автор объявления как будто отвечает на вопросы, которые могут появиться у жильцов дома. Превратим эти детали в блок вопросов-ответов:

Объявление до и после

В лучших традициях рекламы сопоставим исходный вариант с результатом. В каком объявлении проще понять суть сообщения и быстро сориентироваться в подробностях?

Эффект, на мой взгляд, невероятный, учитывая простоту и лаконичность правил. Всем рекомендую книгу, а те, кто уже прочитал, — приходите в комментарии рьяно отстаивать свою интерпретацию :)

Подытожим чем-то вроде памятки:

  1. Объединяйте объекты с какими-то общими признаками в смысловые группы.

  2. Выравнивайте все элементы по одной линии. И лучше не по центру — как говорит автор книги, это выглядит официально и посредственно.

  3. Выделяйте самое важное — например, контрастным размером или цветом.

  4. Вычислите родственные элементы и представьте их в каком-нибудь повторяющемся обличии.

Комментарии

29

☀️😎 Лето ближе ― цены ниже! До понедельника еще ниже суперцены на топовые курсы «Клерка»

Чтобы выходные не прошли зря, мы снизили цены на курсы по учету на маркетплейсах, зарплате, кадрам и бухгалтерии с нуля. Успейте купить за 3 690 рублей, утром в понедельник они подорожают!

Курсы повышения
квалификации

22
Официальное удостоверение с занесением в госреестр Рособрнадзора

Для пострадавшего от стихии бизнеса снизили ставки по УСН

На 2024 год для организаций и ИП из Оренбургской области установили льготные ставки по УСН: 1% на объекте «доходы» и 5% на объекте «доходы минус расходы».

Спецрежимников хотят сделать плательщиками НДС

На заседании по совершенствованию налогового законодательства предложили наделить бизнес статусом плательщика НДС начиная с 30 млн рублей годовой выручки.

Лучшие спикеры, новый каждый день

Какие бывают риски отмывания доходов и их признаки

Финансовые и коммерческие организации сталкиваются с жесткими требованиями, в том числе по антиотмывочному закону. Чтобы работать без претензий, надо следить за изменениями в законодательстве, конъюнктуре рынка и структуре клиентской базы.

Купить криптовалюту за рубли: 2 лучших способа

Сегодня Bitcoin, Ethereum, Tether и другая крипта свободно торгуется в России, и ее можно покупать не только по безналу, но и за наличные рубли. Из всех существующих способов обмена можно выделить два наиболее удобных. Это специализированные обменные сервисы и криптоматы. Рассмотрим их особенности, преимущества и недостатки, и разберемся, как проще и безопаснее покупать криптовалюту в рублях!

Купить криптовалюту за рубли: 2 лучших способа

Путин дал добро на компенсацию ущерба за счет американских активов

Президент дал возможность пострадавшим обращаться в суд, если власти США необоснованно лишили их прав на имущество.

1
Опытом делятся эксперты-практики, без воды

Косметические лосьоны, тоники, душистые воды предложили маркировать

Законодатели предложили ввести обязательную маркировку спиртосодержащей непищевой продукции, если доля спирта в ней превышает 10%.

Где дивиденды, Газпром? История, доходность, дивидендная политика и перспективы Газпрома

«Когда-нибудь Газпром встанет с колен и отрастёт» — очень часто можно услышать такое мнение, несмотря на то, что акции Газпрома продолжают пикировать вниз. Но стоит вспомнить и о том, что даже исторически акции Газпрома в минусе. Продолжаю серию дивидендных разборов, и сегодня наш клиент — Народное Достояние.

Где дивиденды, Газпром? История, доходность, дивидендная политика и перспективы Газпрома

Евгений Коваленко, основатель Verol: цель — достичь оборота в 1 миллиард рублей в 2024 году, вдохновляясь примером Дональда Трампа

Сняли второй эпизод проекта «ТоТ еще разговор»

Евгений Коваленко, основатель Verol: цель — достичь оборота в 1 миллиард рублей в 2024 году, вдохновляясь примером Дональда Трампа
8
НК РФ

Донастройка налоговой системы должна сделать ее более справедливой и к гражданам, и к бизнесу, и к регионам

Заместитель председателя Совета Федерации Николай Журавлев заявил, что донастройка налоговой системы должна учитывать задачи развития регионов РФ.

Утвердили рекомендации, посвященные вопросам совершенствования налогового законодательства

Повышение НДФЛ, налога на прибыль, обложение УСН с оборотом более 60 млн.руб. в год НДС и другие изменения в НК РФ. Обзор для бухгалтера.

У стран СНГ будет свой Налоговый кодекс

Страны СНГ накопили уникальный опыт в сфере разработки национальных налоговых кодексов, заявили в Совете Федерации.

Миникурсы, текстовые и видеоинструкции для бухгалтеров
Экономика России

700 км федеральных трасс реконструируют и построят в этом году

Почти 700 км федеральных трасс реконструируют и построят по нацпроекту «Безопасные качественные дороги» в 2024 году.

Майский микро-аванс, шестичасовая рабочая пятница для женщин, споры вокруг НДФЛ и День кадровика: дайджест самого интересного 📢«Ночной бухгалтер» № 1689

Собрали самое интересное за сегодняшний день: праздник у работников кадровой службы, повышение ставок НДФЛ, сокращенная пятница женщинам и жалобы сотрудников на скромный майский аванс. Вас также ждут тесты, мозгонапрягатель, мемы на мотивы картин великих художников и разные полезности для бухгалтера.

Иллюстрация: создано с помощью ИИ OpenAI © Вера Ревина/Клерк.ру
Кредитование

Банкам и МФО запретили выдавать кредиты клиентам с долговой нагрузкой выше 80%

Центробанк установил новые ограничения для кредитования заемщиков с высокой долговой нагрузкой.

🌴До понедельника снизили цены на курсы по маркетплейсам, зарплате, кадрам и бухгалтерии с нуля!

Чтобы выходные не прошли зря, мы снизили цены на курсы по учету на маркетплейсах, зарплате, кадрам и бухгалтерии с нуля. Успейте купить за 3 690 рублей, утром в понедельник они подорожают!

🌴До понедельника снизили цены на курсы по маркетплейсам, зарплате, кадрам и бухгалтерии с нуля!
2
Инвестиции

Инвесторы подали больше миллиона заявок на разблокировку активов

Инвестиционная палата разделит полученные иностранные ценные бумаги на лоты и предложит их зарубежным инвесторам.

Бесплатно с

Отчет о зарубежных счетах в 2024 году: о чем сообщать, кому и когда

Налоговые и валютные резиденты России, имеющие счета за рубежом, обязаны отчитываться перед налоговиками. Рассказываем, как это делается правильно и что будет, если ошибиться. 

Отчет о зарубежных счетах в 2024 году: о чем сообщать, кому и когда
Проверки

Для частных вузов, школ и детсадов отменили плановые проверки: что вместо них

Правительство отменило проверки в учебных заведениях, чья деятельность является высокорисковой, в пользу их замены профилактическими мероприятиями.

Интересные материалы

Интернет и IT

VK объявила, что свернет работу ICQ с 26 июня 2024 года

Компания сосредоточится на развитии «VK Мессенджера» и коммуникационной платформы для бизнеса VK Workspace