Это испортит ваш сайт: 10 распространённых ошибок в веб-дизайне

10 ошибок в веб-дизайне бизнес-сайтов, которые могут отпугнуть клиентов. Тильда выявляет популярные промахи, которые портят впечатление и мешают привлекать аудиторию Читать на дизайнерс | #статья
Изображение поста

День рождения Мэтью Картера 🥳

Сегодня Мэтью Картеру исполняется 89 лет! Его Verdana и Georgia уже давно стали классикой, а творит он между прочим еще со времен вырезания пуансонов. Отец Картера, Гарри, был книжным дизайнером, а позже историком печати. Через него Мэтью попал на годичную стажировку в словолитню «Joh. Enschedé», где учился резать пуансоны вручную у П. Х. Рэдиша. Вероятно, Картер — один из последних в Европе, кого учили этому как живому ремеслу. К 1961 году он уже вырезал собственную версию полужирного Dante, а в 1965-м переехал в США. Там, в «Mergenthaler Linotype», он нарисовал Bell Centennial — шрифт для телефонных справочников «Bell System». В 1981-м вместе с Майком Паркером Картер основал «Bitstream», первую в США независимую цифровую (!) словолитню. В 2005 году «The New Yorker» назвал его «самым читаемым человеком в мире» — если считать объём текста, набранного его шрифтами. С 2011-го семь его гарнитур, включая Verdana, хранятся в постоянной коллекции «MoMA». Изображение: Rochester Institute of Technology (Public domain) #мюслидизайнера #персоны #типографика

🧾 Контракт компонентов: как сделать решения проверяемыми

Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Почему нам нравится симметрия и зачем её нарушать

Мы любим симметрию: она кажется нам гармоничной и красивой. Когда элементы расположены упорядоченно и уравновешенно, мозгу проще обработать изображение. Но есть и нюанс: слишком правильная композиция не цепляет наше внимание. Дизайнерам знаком этот эффект. Если поставить два одинаковых объекта на одинаковом расстоянии друг от друга, композиция будет устойчивой, но скучной. А вот если изменить размер одного элемента, сместить его или добавить деталь только с одной стороны — взгляд начинает активно изучать билборд или фото. Маркетологи делают ставку на контролируемое нарушение симметрии. Посмотрите на афиши, обложки журналов и рекламные постеры. Заголовок может находиться не по центру, изображение занимать только одну часть композиции, а небольшой яркий объект с противоположной стороны уравновешивать всю конструкцию. Формально картинка уже несимметрична, но визуальный баланс сохраняется. Хороший пример — кампания Nike «What The Football». В одном из постеров футболистка Сэм Керр перевёрнута вверх ногами и сильно смещена относительно центра, крупная типографика и желтые графические элементы распределены по другим участкам кадра. Симметрии здесь нет, но есть визуальный баланс. Принцип работает и в фотографии. Если сместить объект в сторону и оставить вокруг свободное пространство, изображение становится динамичнее. Так, в кампании McDonald’s «Only at McDonald’s» картофель фри, соус и другие детали композиции намеренно расположены не по центру, делая свободное пространство частью композиции. Благодаря этому взгляд не останавливается на одном объекте и движется по кадру. Получается, симметрия создаёт основу, от которой можно оттолкнуться, а небольшое нарушение порядка добавляет напряжение и интерес, что напрямую повышает привлекательность продукта. Вспомните рекламу или фотографию, которую вы заметили из-за необычной композиции. Вспомнили? Поделитесь в комментариях! #КНП_исследования 🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах