vondo

Провели воркшоп по основам дизайна для бизнес-клуба ВШЭ в Питере

Предприниматели генерируют многое сами, это новая норма. Поэтому им нужно отличать хороший результат нейронки от плохого и понимать, как его скорректировать

Практиковали композицию, управление вниманием и шрифтовые системы

Быстрые плакаты Валеры (1,3) и Даши (2,4) с воркшопа Сабины @ausgang_ss

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

Рассказали в статье, зачем это делаем, как проходят такие занятия и какие эффекты мы заметили на дистанции.

Читать на vc.ru
Читать на dsgners.ru

Как адаптировать дизайн под новый айфон — от лида Валеры

Джон Тёрнус заявил, что при дизайне полноэкранного режима айфона дуо они ориентировались на опыт взаимодействия с айпадом. Большой экран определил формат одиночного, который стал шире и меньше по высоте. Элементы навигации перенесли в бок, чтобы не ограничивать пространство для контента.

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

На что обратить внимание дизайнерам:

1. Изучите материалы по дизайну для нового айфона
Там есть примеры и рекомендации по адаптации дизайна под новые форматы экранов.
Дизайн для айфона дуо

2. Используйте системные компоненты
Многие их игнорируют, хотя в эпл заложили адаптивность компонентов для разных устройств.
Айос 27 юай-кит

3. Самое время вспомнить паттерны для айпада
Раньше это не было приоритетным, поскольку айпады занимали малую долю рынка. С новым айфоном всё может поменяться.
Дизайн для айпада

4. Собирайте экраны в фигме из авто-лейаутов
Очевидное, но важное, как никогда раньше.
Гайд по авто-лейаутам

***

Или можете прийти к нам. Адаптируем дизайн вашего продукта под новый айфон.

Задизайнили виджеты на недавнем воркшопе с Ромой @ddrills.

Практиковали осознанный подход к работе с концептами, задание было таким:

Сначала нужно разобрать референс на детали: где вес и акцент, как держится сетка, что делает типографика. Дальше можно пойти двумя путями:
1) либо сохранить эту визуальную «физику», полностью поменяв тему;
2) либо начать со своей идеи, подобрать под неё фактуру и уже из неё вырастить интерфейс.

Даша сделала концепт приложения для коллекционирования виниловых пластинок.

«Я выбрала минимализм в интерфейсе, чтобы внимание пользователя было сосредоточено на пластинке и информации о релизе. Неоновый лаймовый цвет заюзала как акцент, он выделяет категории и отсылает к эстетике современной электронной музыки и коллекционного винила. Использовала иконки как фирменный стиль приложения, который выделяет его среди конкурентов и делает узнаваемым.»

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

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

Месяц назад к нам в команду пришла Олеся. Показываем работу, которую она сделала во время обучения, и делимся её впечатлениями от первого месяца работы:

«Коллеги невероятно крутые, талантливые и дружные.

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

Особенно ценными оказались занятия с лид-дизайнерами. Вика учила сочетать несочетаемое, а Валера — чувствовать вайб стиля и применять его в концепциях.»

Инстаграм* дропнул обновлённую айдентику. Вот что думает Валерий, лид-дизайнер в Вондо:

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

Глава бренд-дизайна Синтия Пратомо заявляет: «нам не нравится много говорить о себе». Инстаграм* увёл себя на задний план — теперь всё внимание контенту и создателям.

Отличный пример вдумчивой работы, когда смыслы определяют решения.

Подробнее с идеями и высказываниями авторов можно ознакомиться в статье It’s Nice That.

*Принадлежит компании Meta, которая признана в РФ экстремистской организацией и запрещена.

Вчера в чате обсуждали, как пинговать клиента, когда ждем от него материалы. Собрали выводы в пост:

Момент 1:
До старта проекта — прояснить все правила.

«Хочу на всякий случай предупредить, что мы будем обозначать сроки, когда ждем от вас материалы, и если вы будете не успевать — итоговые сроки с нашей стороны будут двигаться, мы будем об этом предупреждать.»

Момент 2:
В день, когда ждете материалы, без вопросов «Сможете...?» или «Получится...?», а в формате напоминания:

«На всякий случай напоминаю, что до сегодня 18:00 ждем от вас...»

Момент 3:
Когда клиент не скинул вовремя то, что мы ждали, занимаем себя другими задачами так, чтобы сроки не поехали:

«Не дождались от вас... Пока ждем материалы, переключимся на ..., чтобы финальный срок не съехал.»

Момент 4:
Когда уже сроки поедут в любом случае, и клиент все еще не присылает:

«Добрый день. Финально напоминаю, что нам нужны материалы, чтобы продолжить работу. Пока ставим на паузу. Срок сдачи — 4 дня с момента, как получим от вас....»

Маша создала плагин в Figma, который считает и суммирует время на выполнение задач.

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

Промт ⬇️

Создай плагин для суммирования часов дизайнера и автоматического расчёта времени ревью лида.

UI панель плагина:
• Поле «Название проекта»
• Динамический список задач: каждая строка — название задачи + поле часов + поле минут + кнопка удаления (×)
• Кнопка «+ Добавить задачу» для добавления новых строк
• Навигация по Enter внутри строки задачи: название → часы → минуты. При нажатии Enter в поле минут — курсор переходит к названию следующей задачи; если строка последняя — создаётся новая задача и фокус переходит на неё
• Блок с автосуммой: часы дизайнера, ревью лида, итого — обновляются в реальном времени
Кнопка «Создать таблицу»

Расчёт ревью лида:
• 8 часов дизайнера = 1 час лида
• Дробление по 30 минут: 4ч дизайнера = 30мин лида
Округление до ближайших 30 минут (Math.round): например 10ч 30м дизайнера → 1ч 30м лида, 13ч → 1ч 30м, 15ч → 2ч
• Формула: Math.round(designerMinutes / 8 / 30) * 30

Генерация таблицы на канвасе (по нажатию кнопки):
• Структура: вертикальный auto-layout стек строк, каждая строка — горизонтальный auto-layout: левая ячейка + вертикальный разделитель (1px) + правая ячейка
• Строки и разделители — Fill container по горизонтали (растягиваются при изменении ширины таблицы)
• Левая колонка — Fill container по горизонтали, правая — фиксированная ширина 130px
• Ячейки — Fill container по вертикали
• Таблица: ширина фиксированная (по умолчанию 291px), высота — Hug contents
• Строка-заголовок: «Задача» / «Часы выполнения» — жирный шрифт, серый фон (rgb 0.91)
• Строки задач: название / время — обычный шрифт
• Строка «Ревью лида» / рассчитанное время
• Строка «Итого» / общая сумма — жирный шрифт, серый фон
• Между строками горизонтальные разделители (0.5px, rgb 0.855)
• Скруглённые углы 12px, обводка 0.5px чёрная, белый фон
Шрифт Inter Regular/Bold 12px, ячейки 35px высотой, padding 10px

Всем привет! Ищем людей:

Дизайнер интерфейсов
Вакансия
(100-150к)

Маркетолог / Пиарщик,
Чтобы стать более узнаваемыми
Вакансия
(до 200к)

B2B Sales Lead
Чтобы наладить работу с клиентами
Вакансия
(150-220к + бонус)

Пишите нашему эйчару Владе - @vondohiring