Редизайн настольной операционки Apple в стиле iOS 7 вряд ли стал для кого-то неожиданностью. Теперь OS X почти такая же плоская и светлая, с новым системным шрифтом и полупрозрачными областями. Дизайнер и сооснователь веб-инструмента Pixelapse Мин Минь Ло поделился своими первыми мыслями о хороших и не очень удачных нюансах в дизайне новой «макоси».

Что в позитиве

Чистый экран входа

«Дверь» в OS X Yosemite стала намного более чистой и стильной, и при первом входе пользователя в систему она приветствует его легкой плавной анимацией.

Экран входа в систему
Экран входа в OS X Yosemite отлично сделан

Новые значки программ

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

Док в OS X Yosemite
Новые пиктограммы в OS X Yosemite

osx-yosemite-design-analisys-03

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

Корзина в OS X 10.10
Великолепная иконка мусорного ведра

Чистая и четкая строка меню

Многие иконки в строке меню стали тоньше, чище и четче. Значок батареи теперь точь-в-точь, как в iOS 7. Почти все остальные пиктограммы отрисованы более тонкими линиями. Впрочем, учитывая общее тяготение стиля новой OS X к более яркой палитре, для индикации выбранного значка Apple неожиданно решила использовать темно-синий цвет.

Строка меню OS X 10.10

Неплохо

От Lucida Grande к Helvetica Neue

Вместо привычного Lucida Grande в качестве системного шрифта Apple выбрала Helvetica Neue. Номинальное межсимвольное расстояние у «Новой Гельветики» лишь немного тоньше, чем у «Большой Люсиды». Так что явных проблем с чтением текстов не должно возникнуть. Вдобавок стоит похвалить отказ Apple от использования в OS X ультра-тонкого начертания «Гельветики».

Шрифты OS X

Finder стал счастливее

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

Иконка Finder
Более счастливая иконка Файндера

Развернуть на весь экран

В OS X Yosemite кнопки-светофоры, что в левом верхнем углу большинства окон, стали плоскими. Что еще важнее, зеленая кнопка теперь включает полноэкранный режим. Как вы знаете, сейчас эта кнопка переключает окна между своим стандартным и пользовательским состояниями, что в каждой программе реализуется по-своему. Впрочем, не всем это понравится: при переводе приложения в полноэкранный режим система часто подтормаживает. Но если вы фанат «однозадачности», такое изменение функциональности зеленой кнопки вам понравится.

Зеленая кнопка-светофор
Переход в полноэкранный режим теперь заменит развернутое состояние окна

Полупрозрачности

Сложно сказать, сколько раз Крэйг Федериги подчеркнул красоту полупрозрачных материалов, использованных в новой OS X. Сама идея хороша, но, очевидно, Apple приходится балансировать на грани целесообразности и применения полупрозрачностей чисто ради визуального эффекта. Когда работаешь с системой каждый день, хочется, чтобы она отвлекала от работы, только когда ты сам этого хочешь. По мнению Ло, полупрозрачность — хорошее дополнение к стилю системы, но особой погоды она не сделает.

Окно Safari 8

Более яркие и плоские элементы интерфейса

Кнопки, вкладки, переключатели, выключатели, выпадающие списки и все прочие элементы пользовательского интерфейса изменили свой облик, дабы вписаться в общий стиль системы, более яркий и плоский. В общем и целом у дизайнеров Apple это получилось. Единственная претензия — к цветным стрелкам выпадающих списков. Во всех других случаях цвет означает активный или выбранный элемент. Так что логично было бы убрать цвет и у стрелок, если выпадающий список не выбран.

Элементы интерфейса OS X
Слева: текущие элементы интерфейса OS X. Справа: они же в Yosemite

Более просторное боковое меню

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

Боковое меню Finder

В негативе

Новые значки папок

Значки папок в OS X

По мнению Ло, новый дизайн значков папок — одно из самых неудачных изменений в новой OS X. Сами по себе они смотрятся неплохо. Но в контектсе окон Файндера они выглядят слишком яркими и привлекают чрезмерное внимание. В финальном релизе системы этот ярко-голубой цвет стоит приглушить.

Окно Finder в OS X 10.10

Кнопки «вперед-назад»

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

Кнопки навигации
Разные варианты исполнения кнопок навигации в Finder, Safari и диалоге справки

Safari: вылет из сетки

Пару моментов мозолят дизайнерский глаз и в новой версии Safari: элементы панели инструментов расставлены по своим местам не по сетке. Например, кнопки-светофоры не расположены идеально вдоль горизонтальной оси панели — они чуть-чуть сдвинуты вверх. Кнопка создания новой вкладки тоже весьма раздражает, поскольку ее размер и расположение не попадают в правильную сетку.

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

Панель инструментов Safari
Расположение элементов интерфейса нового Safari пока не подогнано под сетку

Кнопки поиска

Поисковые поля (равно как и адресную строку в Safari) Apple превратила в кнопки, из-за чего стало сложнее понять, где кнопка, а где поле для ввода текста.

Поле поиска в Finder
Поле поиска похоже на кнопку

Пока, парашютик

Нынешняя иконка AirDrop в OS X Mavericks — одна из самых любимых у Ло: она забавная, милая и довольно наглядно показывает функциональность AirDrop. Но, чтобы соответствовать седьмой iOS, в новой OS X теперь используется «инверсный значок» Wi-Fi.

Иконки AirDrop


Конечно, в новой OS X еще много шероховатостей и недоделок, но в целом взятое направление очень хорошее. Дизайнеры демонстрируют более зрелый и продуманный подход в адаптации визуального языка iOS 7. Нет ультра-тонких шрифтов, сумасшедшего параллакса и нелепых иконок — только стильная полупрозрачность и приятная для глаз цветовая палитра. По ощущениям новая OS X заметно посвежела, стала более современной и все такой же удивительной.

Но исследования системы только начались, так что предстоит сделать еще немало открытий чудных. Если вам тоже есть чем интересным поделиться — оставляйте свои комментарии. Желательно со скриншотами. ;)

По материалу блога Pixelmate.