Comments 16
Почему-то кажется, что если бы вы были первым дизайнером, отвалились бы как предшественники. Ощущение, что заказчик после нескольких неудачных попыток взаимодействия достаточно понизил планку, чтобы вам удалось её взять. Это нередкая ситуация.
Итоговый вариант в единственной цветовой гамме или с вариациями?
Было бы очень интересно узнать, откуда у вас появилось такое ощущение. Ни один из моих предшественников не нарисовал ни одного варианта и не предоставил ни одного КП. Как эта планка может быть понижена?
Итоговый вариант в единственной цветовой гамме. Если в будущем возникнет желание «примерить» на него другие варианты, это делается за десять минут на стилях и их переменных.
Согласен, неправ (про своё ощущение). Уточню: заказчики с расплывчатым ТЗ редко удачно сотрудничают с первым дизайнером. Думаю, "отвалившиеся" потому и отвалились, что оценили вероятность успешного финала как небольшую. Вы позволили себе рискнуть и потратить больше времени. А заказчик понял, что пора соглашаться на приемлемое предложение, иначе поиск может затянуться. Могло не сработать, ЕСЛИ бы не было отвалившихся предшественников.
Надоело писать ТЗ на воздух пошёл рисовать интерфейс железки
А что потом программисты делали с вашим файлом Figma? Я так понимаю, это в основном инструмент для веба и мобайла, а какой воркфлоу для ембеддеда?
Вряд ли сильно отличается от обычного "берём IDE и переносим пиксель-в-пиксель".
Пока ничего, я только 8 июля сдал работу. Но вам верно ответили: каких-то особенных отличий от веба нет. Разве что будут чаще использоваться битмапы в качестве подложек. Плюс используется LVGL библиотека, которая, например, не позволяет задавать полупрозрачность для градиентов. Вы всё это можете посмотреть самостоятельно в коде проекта на Гитхабе.
Как говорится, а теперь сравните размер шрифта, контрастность и читаемость в исходном интерфейсе и в новом. Учитывайте мелкий размер экрана. Да, новый интерфейс "красивее", но экран монитора и дисплей устройства - это две большие разницы (с).
Чтобы оценить размер, контрастность и читаемость, вам необходимо понимать следующие параметры:
— Физический размер устройства;
— PPI дисплея устройства;
— Тип матрицы дисплея устройства (его цветопередачу, контрастность, время отклика и прочие параметры);
— Номинальную яркость дисплея устройства и её различные вариации.
По картинкам из статьи, на которые вы смотрите со своего монитора или телефона, вы не сможете определить, как будет выглядеть тот или иной дизайн на том или ином устройстве.
Обратите внимание на пассаж из статьи:
«Например, можно будет ещё «примерить» дизайн к живому устройству — и если будут какие-то проблемы с яркостью или контрастом — подкорректировать цветовую схему».
——
А, чуть не забыл. Ещё один важный параметр, который нужно учитывать — это предполагаемое расстояние от глаз пользователя до дисплея устройства в распространённом сценарии использования.
Написал всё это и чувствую, что это неплохая тема для статьи. А то часто сталкиваюсь с ситуациями, когда дизайнеры дают обратную связь по работе других дизайнеров, не учитывая все или часть из этих параметров.
Интересная статья. Благодарю.
Уточняющий вопрос - откуда появилось ограничение "Моноширинный шрифт" в этой задаче? Чем оно обусловлено?
Чтобы числа в интерфейсе не «скакали» при изменении значений. Это особенно важно для приёмопередатчиков: частоты, уровни сигнала, временные метки и другие параметры меняются постоянно, и при использовании пропорционального шрифта текст бы дёргался на глазах у пользователя. А так всё стабильно и читаемо.
Можно было бы выбрать пару шрифтов: один для чисел, другой для текстов. Но посмотрели на то, что получилось, и решили, что и этот один неплохо смотрится.
Хотелось бы похвалить заказчика за адекватную оплату, обычно DIY щики и даже мелкие производители железок недооценивают GUI и искренне не понимают за что там платить...
Если не родят тираж этого трансиверы, то хоть какой интерфейс рисуй. Спаяет его 3 рукастых товарища и на этом все ограничится.
Как я случайно стал UI-дизайнером радиоприёмника — и заработал 60к за 15 часов