UXPUB

UXPUB - сообщество из 2,972 дизайнеров и творческих людей

Место, где дизайнеры делятся опытом

Создать аккаунт Войти
Cover image for Проектирование циферблата CASIO для Apple Watch
Редакция
Редакция

Опубликовано

Проектирование циферблата CASIO для Apple Watch

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

Когда я получил свои первые Apple Watch (на watchOS 5), доступных циферблатов было не так много. Некоторые из них выглядели хорошо, но почти не имели возможности настройки, в то время, как другие допускавшие кастомизацию, мне не нравились (например, циферблат Infograph слишком красочный).

В watchOS 6 Apple добавила кучу новых циферблатов, а также улучшила некоторые существующие (циферблат Infograph теперь имеет монохромные усложнения, которые смотрятся намного лучше).

Слева: циферблаты Infograph в watchOS 5 в белом и черном цвете. Справа: монохромный Infograph в watchOS 6+

После небольшого исследования я подтвердил свое предположение: циферблаты закрыты для сторонних разработчиков, то есть никто, кроме Apple, не может их спроектировать.

Я могу только надеяться, что это изменится в будущем, но, скорее всего, подобное изменение займет много лет, в основном по двум причинам. Во-первых, Apple любит контролировать внешний вид, а также пользовательский опыт своих продуктов. Во-вторых, из-за их текущей бизнес-модели, предлагающей специальные релизы от премиальных брендов. Возьмем, к примеру, Hermès Edition, это в целом те же часы (да, из лучших материалов и за более внушительную цену), но они имеют уникальные циферблаты. Открытие циферблатов для сторонних разработчиков могло бы положить конец этой исключительности и нанести вред клиентам и бренду Hermès.

Циферлаты Hermès и Nike edition

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

Вдохновение

В качестве вдохновения я взял одни из первых часов, которые у меня были в детстве: CASIO W-64.

Мои любимые CASIO W-64, все еще работают по сей день

Они имеют небольшой дисплей с индикацией времени (в 12- или 24-часовом формате), датой и будильником. Также есть режим секундомера и подсветка (настоящая лампочка!).

Общая эстетика

Во-первых, как и в часах Casio, цветные контуры повторяют форму корпуса:

Далее позиционируем дисплей:

Типографика

Что касается типографики дисплея, я пробовал несколько разных 7-сегментных шрифтов, но не смог найти тот, который был бы достаточно близок к оригиналу, поэтому решил спроектировать кастомный шрифт, хотя это заняло довольно много времени.

Интересная находка – это шрифт «DSEG», который имеет разный вес и символы, включая 14-сегментный шрифт и даже иконки погоды.

Что касается нестандартного дизайна, то все довольно просто:

Обведите одну цифру (красным) и установите разделительные линии (зеленым)

Повторите для других цифр

Наконец, перекрашивайте сегменты для каждой цифры

Заключительные элементы

Изменение меток в Apple Watch

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

Таким образом Digital Crown становится «Mode», а центр уведомлений – «Adjust».

Ремешки

В качестве последнего штриха я создал дизайн ремешков, которые также напоминали оригинальные ремешки Casio. Вот результат:

Кастомизация

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

Как смотрится?

Концепт Casi-циферблата на моем запястье и рядом с оригинальными часами

Пробуем другую цветовую схему и подходящий ремешок

Что дальше

Есть много других часов Casio, которые я хотел бы воссоздать и адаптировать к Apple Watch:

Выводы

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

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


Перевод статьи medium.muz.li

Обсуждение (0)