Header

Большой обзор интерфейса OS X 10.10 Yosemite

В конце прошлой недели Apple выпустила финальную версию OS X Yosemite, названную в честь живописного национального парка Йосемити, фотографию из которого мы и видим рабочем столе после установки. Само собой, я не преминул возможностью «обозреть» интерфейсные изменения и нововведения.

Новый дизайн

Правильно: Йосе́мити. Уже встречал и «Йосемит» и «Йосимити». А ещё «Ёся». No comments.
OS X 10.10 Yosemite
Автор — маковод с восьмилетним стажем.

В Йосемити мы видим самые кардинальные изменения в дизайне интерфейса с самого первого релиза Mac OS X. Не далее как пару дней назад я выпустил статью с историей развития интерфейса Mac OS X за 14 лет, так что вы сами можете в этом убедиться. ;)

Можно предположить, что работы над новым интерфейсом шли одновременно с разработкой оного в iOS 7, но объём работ для десктопной ОС несравнимо больший, нежели для мобильной ОС. Плюс, по всей видимости, iOS была (и есть) в приоритете. Наверное, именно поэтому мы не увидели новый дизайн в 10.9 Mavericks, как ожидалось (тем более, что с этой версии отказались от многолетней традиции именовать новые версии в честь больших кошек).

К счастью, полностью от скевоморфичных элементов не отказались: кнопки выглядят как кнопки, а окна по прежнему отбрасывают тень. Да, всё стало значительно более плоским, но, не настолько, как, скажем, в Windows 8. Очень хорошо, что не стали бездумно переносить изменения из iOS 7 типа ультратонких шрифтов, текстовых кнопок и примитивных иконок приложений. Остаётся надеяться, что к этому не придут в 10.11, или что там будет дальше.

Как и в iOS, системный шрифт был заменён на Гельветику Ньюи (раньше была Люсида Гранде):

Helvetica
Lucida Grande
Helvetica Neue
Lucida Grande

Helvetica Neue гораздо лучше смотрится на экранах высокой чёткости:

OS X 10.10 Yosemite Helvetica Screen Photo Retina

Фотография Retina-экрана. Текст потрясающе чёткий.
OS X 10.10 Yosemite Helvetica Screen Photo

Фотография экрана куриль обычного экрана. Всё немного хуже — обратите внимание как хвостик у буквы «e» прилипает к верхней части.

Вообще, складывается такое ощущение, что Йосемити рисовали в первую очередь для ретины. Вот, например, как выглядит Файндер в ретине:

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

Vibrancy

Рекомендую глянуть красивое презентационное видео Йосемити.

Признаться, я был в восторге от эффекта «мутного стекла», впервые появившегося в Windows Vista — это было чем-то новым и смотрелось здорово. В iOS и Йосемити этот эффект значительно усилен и выглядит просто потрясающее. Напоминает эффект боке, а какой фотограф не любит красивое боке! :3

Apple же называет этот эффект “vibrancy”. Причём, это не просто полупрозрачность с размытием, как может показаться на первый взгляд. Цвета становятся немного ярче, очень похоже на режим наложения Lighten в Фотошопе. Этот эффект мы видим повсюду: в боковых панелях, контекстных меню, при изменении громкости и яркости, нотификациях, Доке, Спотлайте, заголовках Файндера, Сафари, быстром просмотре и других приложениях. Ну и, конечно же, в iOS с версии 7.

Во всех приложениях, где это возможно, при прокрутке контент «заплывает» за матово-полупрозрачную панель окна:

OS X 10.10 Yosemite Finder Vibrancy

Красота.


В некоторых местах, правда, это смотрится неуместно:

OS X 10.10 Yosemite Finder Vibrancy Strange

Окно настроек нотификаций. Выделенный элемент внезапно полупрозрачный.

Всегда найдутся люди, которым этот эффект не понравится. Как и в iOS, этот эффект можно отключить.

Finder

Посмотрим, как изменился бессменный файловый менеджер Mac OS X — Finder:

Есть проблемы с отображением маленьких иконок — обратите внимание на Desktop, Documents и Downloads. В первых девелоперских сборках так выглядели все иконки. Но остальные-то рендерятся нормально.
OS X 10.10 Yosemite Finder
OS X 10.9 Mavericks Finder
10.10
10.9

Это уже не Aqua, но и не нельзя сказать, что это плоский дизайн. Кнопки остались кнопками. По крайней мере, пока что. Все элементы остались тех же размеров и расставлены по той же самой сетке, не меняющейся с 10.7.

«Светофор» почти перестал быть светофором, теперь это скорее разноцветные кружки с слабозаметной рамкой.

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

Боковая панель с вышеописанном эффектом Vibrancy на фоне, причём фон под выбранным элементом становится прозрачнее. Когда окно неактивно — эффект размытости пропадает. Заголовки подразделов теперь набраны с прописной. Строки с элементами сильнее вертикально разряжены.

В целом, мне нравится всё, кроме белых кнопок. Когда окно неактивно, вокруг кнопок появляются рамки:

OS X 10.10 Yosemite Finder Window Inactive

По моему мнению, так кнопки смотрятся гораздо лучше.

Панель предпросмотра перестала быть исклютельной особенностью колоночного режима, теперь её можно включить и в других режимах:

OS X 10.10 Yosemite Finder Preview Panel

⌘⇧P или View → Show Preview

Глядите какими няшными стали диалоги в Файндере:

OS X 10.10 Yosemite Finder Copying

Панель заголовка теперь не отделена от содержимого окна.
OS X 10.10 Yosemite Finder Exists

Красота просто.

В Файндере появилась новая функция — групповое переименование:

OS X 10.10 Yosemite Mass Rename

Достаточно выделить группу файлов и выбрать нужный пункт в контекстном меню.
OS X 10.10 Yosemite Rename Dialog

Опций самый необходимый минимум. Раньше для этой задачи мне приходилось открывать файл-менеджер ForkLift.

Если вы вдруг после переименования поняли, что облажались — вам поможет ⌘Z — и всё станет как было. :3

Изменения в заголовках окон

В предыдущей статье я писал про «неудачный» эксперимент с убиранием заголовка в iTunes 12. В Йосемити этот эксперимент вернулся, но гораздо глобальнее, помимо айТюнса получили так называемый «обтекаемый» (streamlined) заголовок и другие приложения из поставляемых с Mac OS:

OS X 10.10 Yosemite Maps

Maps
OS X 10.10 Yosemite System Preferences

System Preferences
OS X 10.10 Yosemite Calendar

Calendar

Возьмём, к примеру, айТюнс… Я отметил красным зоны, за которые нельзя переместить окно:

OS X 10.10 Yosemite iTunes Drag Zone

Маловероятно что кто-то будет перемещать окно рядом с элементами, из-за опасности на них нажать, так что, на этот раз я выделю зоны за которые более-менее безопасно можно перемещать айТюнс:

OS X 10.10 Yosemite iTunes Safe Drag Zone

Пользуйтесь наздоровье. :3

Некоторые приложения «потеряли» заголовок совсем! Среди них Notes, Reminders и Contacts:

OS X 10.10 Yosemite Reminders
OS X 10.10 Yosemite Notes
OS X 10.10 Yosemite Contacts

Причём перемещать окно можно за те же самые места, если бы панель с заголовком была на месте, что немного смущает.

Очевидна причина происходящего — заголовок становится значительно компактнее. Экономим целых 22 пикселя. Особенно актуально на ноутбуках с маленькими экранами.

Очевидную же проблему я обозначил выше — безопасного пространства, за которое можно было бы перемещать окно, в некоторых случаях становится катастрофически мало:

OS X 10.10 Yosemite Safari Oops

Упс.

Но никто не будет делать Сафари таким маленьким. А кто будет — сам себе злобный буратина. :3

Тёмный режим

После первой презентации Йосемити (где этот режим был впервые показан) были небольшие надежды, что тёмный режим будет распространяться и на окна. Возможно это даже и планировалось. Но, в общем-то, и на этом спасибо. У 99.9% будет включен тёмный режим — я гарантирую это.

Опция озаглавлена как «Использовать тёмные панель меню и Док», но на самом деле темнеют ещё Спотлайт, меню вывзываемое по ⌘⇥, уровень громкости и яркости. Окна и стандартные контролы в тёмном режиме остаются светлыми.

OS X 10.10 Yosemite Retina Dark
OS X 10.10 Yosemite Retina
Включен
Выключен
OS X 10.10 Yosemite Dark Blue
OS X 10.10 Yosemite Dark Graphite
OS X 10.10 Yosemite Blue
OS X 10.10 Yosemite Graphite
Синяя тема в тёмном режиме
Графитовая тема в тёмном режиме
Синяя тема
Графитовая

Графитовая тема в тёмном режиме внезапно становится не графитовой, а полупрозрачной. Баг или фича? Скорее баг, потому что белый текст на светлом фоне читается с трудом.

Панель уведомлений всегда тёмная, а сами уведомления всегда светлые:

OS X 10.10 Yosemite Notifications

Изменения в дизайне контролов

Я специально добавил к сравнению Снежного Барса: обратите внимание, что в Йосемити вернулся «барсовский» синий фон у элементов с выпадающим списком и выбранной вкладки.
OS X 10.10 Yosemite Controls
OS X 10.9 Mavericks Controls
OS X 10.6 Snow Leopard Controls
10.10
10.9
10.6
Стало значительно меньше объёма, исчезли текстуры.

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

К сожалению, знаменитая пульсирующая анимация кнопки по умолчанию в Йосемити пропала.

Анимации

Многие контролы при изменении состояния тепеь анимируются:

Иконки

Я начал было писать про иконки подробнее, но тут наткнулся на этот пост и передумал: Inspecting Yosemite’s Icons. Просто монументаль­нейший труд и даже добавить нечего.

Иконки потеряли былую «фотографичность», сильно упростились, но не скатились до уровня иконок iOS 7:

OS X 10.10 Folder Icons

Сравнение с иконками из Маверикса.

Серые иконки, теперь не просто серые:

OS X 10.10 Folder Icons

Такое ощущение, что сверху небо, а снизу — пустыня. Круто.

Про ставшую на двадцать процентов более позитивной иконку Файндера уже все пошутили:

OS X 10.10 Yosemite Happy Finder

Чем я хуже — тоже пошучу. :3

Помимо позитивности иконка стала мультяшнее что-ли.

Второе моё изменение в Йосемити по нелюбимости, после белых кнопок — это иконки папок:

OS X 10.10 Folder Icons

Они попросту слишком яркие.

Некоторые иконки попросту неудачные:

OS X 10.10 Folder Icons

КвикТайм — такое ощущение, что его пинали и он помялся. Терминал уж больно примитивный. А последняя чем-то не понравилась Сиракьюзе, из обзора которого я похитил эту подборку. :)

В App Store можно прийти в ужас от иконок в заголовке:

OS X 10.10 Yosemite Ugly App Store Icons

Мало того, что они неожидано «заполненные», так ещё и видно очевидное непопадание в пиксели, отчего они выглядят размыто. Ещё одно подтверждение, что всё рисовалось для ретины.

В Game Center (в который я зашёл во второй раз в жизни, только чтобы сделать этот скриншот) иконки нарисованы не в пример аккуратнее:

OS X 10.10 Yosemite Game Center Icons

Док

3D-док был просто каким-то недразумением. Наконец-то его вернули к классическому виду, правда, немного скруглив края:

OS X 10.10 Yosemite Dock
OS X 10.8 Mavericks Dock
Док в Мэйверикс (полноразмерный скриншот)

Глядите каким большим и ярко-красным стал бейджик с пропущенными событиями.

Эффект свечения “vibrancy” в Доке значительно отличается от оного в сайдбаре или контекстных меню:

OS X 10.10 Yosemite Dock Vibrancy

«Зацените эту корзину! Это великолепная корзина. Вы просто не поверите, сколько времени мы потратили на дизайн этой корзины.» — Крейг Федериги.

Корзина и правда хороша. :3

При вытаскивании иконки из дока больше не будет милого облачка рядом с курсором и такой же милой облачной анимации. Теперь появляется тултип «Remove», а если иконку отпустить, то она просто банально исчезает:

OS X 10.10 Yosemite Dock Icon Removal

Запущенные приложения отмечаются простыми точками, а прогресс бар — монохромная заполняющаяся капсула.

Spotlight

Спотлайт теперь находится посередине экрана:

OS X 10.10 Yosemite Spotlight

Прямо как Alfred.

Теперь прямо в спотлайте можно перемещаться по содержимому папок:

OS X 10.10 Yosemite Spotlight Folder Navigation

Нажмите ⇥ и перейдёте в режим просмотра содержимого папки. В любой момент вы можете нажать ⌘ — и снизу отобразится полный путь до выбранного элемента.

К калькулятору добавился конвертер величин и валют:

OS X 10.10 Yosemite Spotlight Convertation

Скорость.
OS X 10.10 Yosemite Spotlight Convertation

И температура, снизу там ещё Кельвины не влезли в скриншот.

Ещё у нормальных людей (видимо, живущих в США) должен работать поиск в Bing (внезапно!), Wikipedia и других сервисах прямо в Спотлайте. У меня не заработал, «и чего я только не пробовала»! Ну да ладно.

Центр уведомлений

Никогда им не пользовался и вообще мне непонятно его предназначение. Периодически заходил туда и видел какие-нибудь пропущенные события из приложений, типа закачанного файла на FTP, спам из фейсбука и прочий хлам:

OS X 10.10 Yosemite Notifications

Вот типа этого. Блин, нахрена мне знать какие треки я когда-то прослушал.

Все нужные мне приложения у меня висят в Доке, если есть какое-нибудь непрочитанное событие, то яркий красный бейджик всегда даст о нём знать. На айфоне аналогично.

Я ещё во времена Тигра пытался заставить безуспешно себя пользоваться Дашбордом — ведь красиво и удобно. Но нет, я просто забывал о его существовании. Нет ни одного интерфейсного элемента его вызывающего и вообще как-либо о нём напоминающем. К счастью, теперь его можно вообще полностью отключить.

А вот новая вкладка Today, пришедшая из iOS, — это совсем другое дело:

Обратите внимание, что в тёмном режиме панель уведомлений бесшовно сливается с панелью меню.

Режим редактирования виджетов:

OS X 10.10 Yosemite Today Edit

Скоро здесь будет много виджетов от сторонних разработчиков.

А почему уведомления не сделать, собственно, виджетом? Показывать, предположим, пять последних событий. Избавились бы от ненужных вкладок. На айфоне в iOS 7 было вообще три вкладки, две из них с уведомлениями. Я уже даже и не помню, для чего была третья, там всегда было пусто.

Жду каких-нибудь годных виджетов погоды и Яндекс.Пробки. Дашборд из следующей версии, без сомнений, выпилят.

Полноэкранный режим

Полноэкранный режим впервые повяился в Lion. В Йосемити он переходит на следующий уровень — теперь функцию его активации выполняет зелёная кнопка «светофора». Когда приложение поддерживает полноэкранный режим, то при наведении на «светофор» в зелёной кнопки видна иконка со стрелками вместо привычного плюсика:

OS X 10.10 Yosemite Fullscreen

Само собой, если не поддерживает, то видим стандартный плюсик:

OS X 10.10 Yosemite No Fullscreen

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

И да, в Mavericks полноэкранные окна были с громадными закруглениями во всех углах. Теперь всё квадратное. :3 Из меню пропала синяя кнопка в правом-верхнем углу меню для сворачивания этого режима — и поделом, теперь при наведении в верхнюю часть экрана показывается светофор и заголовок окна, где есть зелёная кнопка.

Safari

Сафари 8 получил самое значимое визуальное обновление за всю историю (если не учитывать неудачный эксперимент с переносом вкладок в шапку, о котором я писал в прошлой статье):

Сиракуза в своём обзоре сокрушается, что переключении вкладок оно Сафари может измениться до неузнаваемости:

OS X 10.10 Yosemite Safari Color Tabs

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

При нажатии на панель адреса выскакивает панель c закладками и частопосещаемыми сайтами (на скриншоте не видно):

OS X 10.10 Yosemite Safari Address Bar

И опять же, у нормальных людей (опять же, видимо, живущих в США) должны работать подсказки из Wikipedia и других сервисов.

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

OS X 10.10 Yosemite Safari Tabs

Открывается по «щипку» на тачпаде. К сожалению вкладку нельзя так же как в iOS схватить и вытащить прочь с экрана. :(

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

Теперь можно открыть окно с включенным порно-режимом, аки в Хроме:

OS X 10.10 Yosemite Safari Porn Mode

⌘⇧N

Раньше в этот режим переходило всё приложение целиком.

Если задуматься, то движку приходится рендерить как минимум 45 «лишних» пикселей только для того, чтобы их потом сразу же размыть! Отсюда, кстати, следует небольшая «проблемка»: сейчас появился модный тренд — прятать шапку при прокрутке страницы вниз, и немедленно показываеть его при прокрутке вверх. Каюсь, я тоже последовал этому тренду, поэтому приведу пример для своего сайта:

OS X 10.10 Yosemite iTunes 12 Header Issue

Прокрутим чуть вниз:

OS X 10.10 Yosemite iTunes 12 Header Issue

Теперь весь путь пока я скроллю страницу, заголовок Сафари светится красным, потому что шапка скрывается под ним. Но в этом что-то есть, не находите?

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

И, да, прощайте фавиконки. :(

iTunes

Двенадцатый айТюнс тоже заметно видоизменился. Про его тулбар я уже писал выше, не буду повторяться. Навигация по приложению значитально улучшилась. Например, пропал отдельный переключаемый режим для айТюнс стора — теперь это просто ещё одна вкладка, наряду с музыкой и плейлистами. Неиспользуемые иконки типа фильмов, сериалов, аудиокниг, подкастов и прочих iTunes U можно убрать — они спрячутся за тремя точками.

В режиме отображения альбомов сверху отображаются недавнодобавленные альбомы:

Неплохой альбом, кстати.
OS X 10.10 Yosemite iTunes 12 Albums

Sic!

В режиме отображения артистов теперь сверху отображается плашка по стилистике аналогичная списку песен в режиме альбомов:

OS X 10.10 Yosemite iTunes 12 Artists

Обложка и цвет плашки сверху выбирается на основе самого частопроигрываемого альбома. В старых версиях можно было самому выбрать обложку.

При вводе в поле поиска вываливается вот такой вот филиал Спотлайта для музыки:

OS X 10.10 Yosemite iTunes 12 Search

Удобно, чёрт побери.

Изменился и режим девайса:

OS X 10.10 Yosemite iTunes 12 Device

Меня почему-то ну нисколько не удивило (кто читал предыдущую статью — поймёт), что панель слева нельзя заресайзить. Ну очевидно же, что её можно сделать в два раза уже. Чтоб вас!

Выводы

Хотя изменения и достаточно заметные, Йосемити всё равно узнаётся как старая добрая OS X. Так что переход будет практически безболезненным (читай: не таким, как был переход на iOS 7). Правда, я бы порекомендовал дождаться, пока ваши любимые приложения обновят свой дизайн.

Дизайн Йосемити действительно красив, и пользование обновлённым интерфейсом вдохновляет и заставляет организм вырабатывать эндорфины. :3

Сразу после последней презентации, я заказал свой четвёртый Мак — iMac with Retina в самовой топовой конфигурации, с Intel Core i7 4.0 GHz и AMD Radeon R9 M295X. До этого был MacBook Pro, сейчас есть Mac mini и MacBook Air, который есть планы заменить на MacBook Pro 13″. Да-да, правильно, потому что Ретина.

Я пока не перешёл на Йосемити, впервые (раньше всегда переходил ещё с девелоперских веток) дождусь выхода первого апдейта, ну или доставки ретиноаймака — смотря, что будет раньше. :) По этой причине я ничего не стал писать про Continuity. Нужно попросту больше времени, чтобы оценить, буду ли я этим пользоваться вообще. Та же история с iCloud Drive, да и я слишком привык к Дропбоксу.

С нетерпением ждём 10.11.