Мне тут говорят, что блог нужно разбавлять лайф-контентом. А у меня сейчас из лайф-контента только плохое самочувствие и постельный режим 😵‍💫

Рекомендую сериал «Захваченный рейс», лично меня он захватил с первой серии👍

Design Systems for Figma 👩‍💻

Делюсь классным сайтом на котором собрана коллекция дизайн-системы со всего мира. Есть ссылки на Figma-файлы от таких классных компаний, как:

🔥 Apple
🔥 Amazone
🔥Mail.ru
🔥 Microsoft
🔥 Google
🔥 Mail
🔥 VK
🔥 Shopify

…и другие...

Ссылка

Правильный шрифт для нас приятнее🙃

Я начинаю серию постов о шрифтах, садитесь поудобнее и готовьте свои реакции❤️

Правильно подобранный шрифт действительно может оказывать позитивное влияние на пользователей и вызывать более приятные ощущения. Это обусловлено несколькими факторами:

👍 Удобство:
Если шрифт легко читается, это уменьшает утомляемость глаз и улучшает общее восприятие текста.

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

🌈 Эмоции:
Мне попалось одно очень интересное исследование Кевина Ларсона. Он посвятил свою карьеру исследованиям шрифтов и провел в Массачусетском технологическом институте исследование о том, как шрифт и компоновка влияют на наши эмоции.

Было две группы добровольцев. Каждой группе показали свою версию журнала The New Yorker (я прикрепила фото).
Первой — версию с плохой компоновкой.
Второй — версию, где компоновка, шрифт и расположение картинки были выполнены грамотно; Исследователи выяснили, что читатели чувствовали себя плохо при прочтении отрывка с плохой компоновкой. Иногда они даже хмурились. Мышца, сморщивающая бровь связана с миндалевидным телом мозга — зоной, отвечающей в нашем мозге за эмоции.

🤔 Тем временем, тем участникам эксперимента, которые читали статью с хорошей компоновкой, показалось, что они потратили на прочтение меньше времени, и они чувствовали себя лучше.

Исследователи сделали вывод, что хорошо спроектированная среда чтения не обязательно означает более высокий уровень понимания, но действительно вызывает у читателя приятные ощущения, вдохновляя и побуждая к действию.

С чего начинается работа с клиентом?

С брифа? ✍️ С договора? ✏️Или может быть с оплаты? 💸 Как и в каком порядке нужно взаимодействовать с клиентом, чтобы его не «спугнуть», не ошибиться со стоимостью работ, распознать заведомо провальные проекты и не тратить кучу времени еще до оплаты? 🤔

Расскажу, как обычно работаю я 👇

Выяснение информации.
Позволяет понять, насколько мы вообще с клиентом интересны друг другу или лучше сразу отказаться от проекта.

👤Со стороны клиента:
— Информация о компании
— ТЗ (если есть)
— Цель сайта

👩‍💻 С моей стороны:
— Стоимость работ (не финальная, вилка)
— Могу ли взять проект и в какие сроки
— Коммерческое предложение

👌Если взаимный интерес есть, нужно конкретизировать задачу и понять ресурсы для ее достижения.

📱После обсуждаем с клиентом оставшиеся вопросы по плану работ + стоимость услуг и все условия сотрудничества.
📁 Затем готовится договор, согласуется с клиентом. Выставляется счет. Некоторые могут попросить подписать NDA – договор о неразглашении.
✍️ Дальше заполняется бриф и создается рабочий чат.
📝 Выясняются дополнительные вопросы: фото, видео, наличие брендбука и так далее.
💻 Приступаем к работе

А как процесс выглядит у вас?

Хороший дизайн 👩‍💻

Как разработать хороший дизайн сайта? Обычно люди думают, что дизайн  —  это нечто туманное и недостижимое. На самом же деле дизайн  —  это навык, который можно освоить. Главное придерживаться некоторым пунктам и тогда у вас получится неплохой результат👇

🫰Эстетика:
Суть эстетики не в том, чтобы объекты дизайна просто выделялись и бросались в глаза. Эстетика — это визуальный язык, мастерство передавать идеи посредством образов.

Система сеток: Используйте сетки для организации элементов на странице. Хорошо продуманная сетка поможет создать структурированный и сбалансированный дизайн.

Типографика: Выберите читабельные шрифты. Используйте разные начертания и размеры.

Теория цвета: Используйте цвета, которые подходят для вашей целевой аудитории и соответствуют тематике сайта. Обратите внимание на контрастность и совместимость цветов.

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

🫂 Эмпатия
— это понимание людей, для которых мы проектируем.

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

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

🦄 Вдохновение

Исследуйте рынок: Сначала изучите рынок, посмотрите примеры удачных и не очень примеров.

Насмотренность:
Соберите свою коллекцию референсов. И тогда в вашей голове появятся идеи и решения.

Учитесь у других:
Изучайте работы других дизайнеров, сайты с отличным дизайном. Иногда чужой опыт может дать вам новые идеи и вдохновение.

Разные варианты:
Не останавливайтесь на первой идеи. Задайте себе вопрос: а как можно сделать иначе?


🙃 Не забывайте, что дизайн всегда эволюционирует, и постоянное совершенствование является ключевым для создания действительно привлекательного и успешного сайта 👍