Тег: дизайн

14 лет эволюции интерфейса Mac OS X

16 октября «ушла на золото» OS X 10.10 Yosemite, и это отличный повод чтобы дописать, наконец, давным-давно начатую статью.

Хотя в названии статьи и написано OS X, но всё равно она будет неполной без упоминания классической Mac OS, с которой всё начиналось. С самого первого Макинтоша вплоть до System 6, операционная система выглядела практически одинаково:

Mac OS System 6

В System 7 впервые появился цвет:

Mac OS System 7

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

В Mac OS 8 с приходом интерфейса Platinum цветов стало чуть больше:

Mac OS System 8.1

Обратите внимание на отвратительнейший курсив под иконками на рабочем столе.

Впервые Mac OS X я увидел в 2001 году на миниатюрном скриншоте в бумажном журнале Компьютерра (к сожалению, ныне почившем). Чуть ли не с лупой рассматривал казавшиеся мне тогда невероятными полосато-полупрозрачные всплывающие окна с огромными тенями, кнопки-капсулы и док с потрясающе красивыми фотографическими иконками:

Mac OS X

Насколько я помню, скриншот был примерно такой.

А вот как выглядела первая девелоперская сборка с интерфейсом Aqua

Концепты айфонов

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

Когда в сети появились «утекшие» фотографии четвёртого айфона, я, честно говоря, не поверил. Он был хорош, но мы так привыкли к эппловским «обмылкам», что казалось — Эппл не может выпустить «такое». Ошибались же, вживую и на ощупь он оказался чрезвычайно хорош.

История повторяется: на этот раз «утекли» фотографии корпуса пятого айфона. И которые опять же выглядят довольно-таки качественно:

Приятные скосы корпуса и немного нестандартный для продукции Apple цвет

Немного смущает разное расстояние от камеры до конца корпуса и от камеры до конца плашки. Этакая неприятная ассиметрия.

Дыра для наушников снизу? Почему бы и нет? Новый уменьшённый разъём тоже вполне в тему.

По всей видимости, соотношение сторон экрана будет не 4:3, а ближе к 16:9. Что тоже хорошо, приятнее смотреть сериалы в самолёте. :) Но возникает другая проблема: на айфонах нет аппаратной кнопки «назад», а софтверная всегда находится в левом-верхнем углу. Если экран и корпус сделают длиннее, то, держа телефон одной рукой, до неё дотянуться будет сложнее. Хотя вот у моих рук, например, есть ещё «запас» в пару сантиметров. :) А вот приложения опять придётся допиливать под новое разрешение. Будем надеяться, эппл сможет очередной раз нас удивить.

А вот и свежее видео сравнения корпусов макета iPhone 5 (сделанного на основании данных, попадающих в сеть в виде слухов и фотографий компонентов) и iPhone 4:

Очень похоже на правду.

Cмешное видео презентации iPhone 5:

Но вернёмся к концептам. Все маковские и не только издания с завидной регулярностью выкладывают этих уродцев на своих страницах. Заготовил подборку, приступим к глумлению:
Глумление над 22 концептами айфона

3

Огоньки повсюду

Приобрёл недавно 51-дюймовую плазму, исключительно для просмотра фильмов. С удовольствием купил бы такую же без ТВ-тюнера, ужасных встроенных колонок и прочей ненужной требухи. Такие панели существуют, но явно не для дома, ибо стоят каких-то феерических денег. Возможно, из-за того, что рассчитаны на гораздо более долгий срок службы. Хотя, эта вот «требуха», наверное, нынче уже почти ничего не стоит.

Дак вот, к чему это я. А к тому, что пришлось озаботиться затемнением комнаты, так как плазмы более требовательны к отсутствию внешних источников освещения, чем те же ЖК-панели. И выключив свет, я впервые подумал, что моя комната вполне подойдёт для съёмок какого-нибудь фантастически-космического фильма.

Ещё бы, ведь её освещают 24 светодиода (6 из них мигающих): 10 светодиодов на двух роутерах, Миник, монитор, Палм на зарядке, 3 сетевых фильтра, Ваком, 3 блока питания, внешний винчестер, кардридер, андроидофон (на зарядке) и выключенный макбук.

Выглядит это всё как-то так:

Огоньки в комнате

Космос

На западе даже специальные стикеры продают:

Light Dims

Проще и дешевле налепить изоленту или просто закрасить светодиод чёрным маркером. :)

У продукции Apple, кстати, во включенном состоянии, как правило, ничего не светится (у Миника светится миниатюрный светодиод, ооооочень тускло). У старенького макбука при закрытой крышке светодиод светится постоянно, а во сне он «плавно мигает». У монитора HP, который мне недавно приобрели на работе, в меню уже есть опция для выключения светодиода. У айфонов вообще нет светодиодов на передней панели. Тут у меня двойственные ощущения: вроде и ну его нахрен, но с другой стороны, никак не узнаешь, пришло ли тебе что-нибудь, или нет (я уже предполагал, что это делается умышленно, дабы айфоновладельцы часто светили экранами своих айфонов, привлекая внимание потенциальных айфоновладельцев).

Ещё бесит когда в кинотеатрах во время сеанса горит табличка «Выход» загаживая моё периферическое зрение. Чёртовы требования пожарной безопасности. Но что-то я уже совсем увлёкся. :)

О тех же «красных огоньках» в своей замечательной манере писал Людвиг (на Людвига вообще подписаться просто необходимо).

А сколько светодиодов освещают вашу комнату?

2

Новый логотип Git

Новый логотип Git очень клёвый:

Логотип Git

Но я бы нарисовал его так:

Логотип Git

Я недавно перешёл на Git с SVN для своих проектов и доволен как слон. Перешёл бы на Mercurial (он, в общем-то, современнее и лучше), но для Git больше хороших клиентов и есть очень крутой GitHub. На Маке я использую GitBox, на Винде — «черепашку» TortoiseGit (привык в своё время к TortoiseSVN).

2

Лондон 2012 на ленте

Периодически захожу на сайт спецпроекта Ленты.ру «Лондон 2012» чтобы оценить степень фейла российской сборной. Справа есть плашка:

А где Россия?

Мне в первую очередь интересна позиция России. Приходится каждый раз лезть в общий медальный зачёт. Видимо, ребята из ленты были уверены, что наши в любом случае будут где-то в пятёрке (кто ж знал, что мы на третий день окажемся на 12 месте).

А вот как сделали ребята из гугла (при поиске «London 2012» на google.ru):

Можно полистать и сравнить с другими. Ниже Казахстана и КНДР

UPD. В жж клёво сделали всплывающую плашку, но России тоже нет:

КНДР на 4-м, офигеть
2

Palm m505

По моему скромному мнению, до сих пор никакой современный смартфон/телефон/КПК не сравнится по красоте с карманными компьютерами Palm серий V и m5xx. Даже любимый всеми (и мной) айфон.

Palm m505

Уже лет эдак десять назад я дико восторгался его дизайном и очень сильно хотел его купить (получается, уже тогда я был техногиком). Компьютер в кармане! Хотя, на самом деле сначала восторгался Palm III, потом IIIc, потом V, потом m505, потом TE, потом TE2, потом Tungsten, потом T2, потом T5… В силу возраста и материального положения о покупке я мог только мечтать. Материальная возможность появилась только после выхода T|X, но, к сожалению, на тот момент их было уже сложно найти и я приобрёл Acer n311 на винде… Уж очень хотелось КПК.

Ладно, вернёмся к нашему герою. Как-то, шарясь на ебее, я совершенно случайно заметил раздел со старыми КПК и тут же вспомнил про свою давнюю мечту. Сделал ставку на первый попавшийся Palm m505 (m515 и более новые стоили уже гораздо больше) с обидно низкой для такого девайса начальной ценой $6. И выиграл. $6. Шесть долларов. Двести рублей. Да настольные часы стоят дороже!

Через две недели (это из Америки-то — удивительно!), завидев заветную мятую грязную бумажку в почтовом ящике, уже скакал на почту. Девайс оказался разряжен, что тоже было ожидаемо, ибо «литий» долго не живёт. Блок питания в комплекте был на 110 вольт и с американской вилкой. Поэтому пришлось отключить вай-фай роутер, у которого единственного во всём доме оказался подходящий блок питания. И включил я роутер обратно нескоро…

Palm m505

Потрясающий, тонкий алюминиевый корпус с изящными изгибами. В руке лежит как влитой, в отличие от того же «квадратного» айфона. Вживую он выглядит немного больше, чем на фотографиях. Экран вдавлен внутрь миллиметра на 3-4. Я думаю, это скорее ограничение технологий того времени, чем задумка дизайнера.
Ещё немного букв, сравнение экрана с современными девайсами и порция фотографий

2

CS6

Продолжая серию постов о дизайне адобовских продуктов — стиль CS6:

Adobe CS6

Студия Tolesson из Сан-Франциско.

P.S. В этом релизе, пожалуй самое значительное улучшение Adobe Photoshop со времён CS. Обзор писать лень. :)
P.P.S. OMG, я не писал в блог с июля 2011 года. Почти год прошёл. И в черновиках куча уже неактуального хлама…

4

Dribbble

Dribbble.com

Наконец-то получил свой инвайт на Dribbble. Если кто не знает, это такой «Твиттер для картинок», созданный дизайнерами для дизайнеров. В Твиттере можно использовать 140 символов, в Дрибббблере же вам доступно 120 000 пикселей. :) Все клёвые западные, и многие наши дизайнеры уже там и не переставая постят разные картинки. К слову, свой инвайт я ждал около месяца, хотя и висел почти всё время в топе «перспективных» (prospects — список мечтающих получить инвайт).

Дизайнеры выкладывают то, над чем работают в данный момент: иллюстрации, интерфейсы, иконки, логотипы, шрифты. В общем, всё что может быть интересно любому дизайнеру. Естественно, картинки можно отмечать, нажимая «Like». Можно грабить корованы оставлять комментарии. Картинки с наибольшем количеством «лайков» появляются в топе. Тут ничего необычного:

Dribbble.com

Зачем это всё нужно? Да этот сайт — просто нескончаемый источник вдохновения. И своим вдохновением тоже можно и нужно делиться. И удовлетворять своё тщеславие, куда же без этого. :3

Дебютировал я на «Дрибббле» со своей задротской иконкой-переростком Canon 5D Mark II, набрал за сутки более ста «лайков» и полдня провисел на главной. :3 Что, в общем-то, предсказуемо, там такое любят. Правда, больше мне пока выкладывать нечего, всё новое очень сильно не дотягивает до «Марка», боюсь разочаровать фолловеров. :)

Я уже отметил «лайками» более 800 картинок. В основном это интерфейсы и иконки. Периодически пересматриваю и всячески вдохновляюсь, так сказать.

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

И ещё есть ember, но там открытая регистрация. Никакой «элитарности» — кому он такой нужен? :D

13

Фирменный стиль HTML5

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

Логотип HTML5

Мощь! Внушает. Но… зачем? :)

Очевидно же — хотят заработать на футболках и стикерах. ;)

Также были нарисованы иконки для семейства HTML5-технологий:

Логотип HTML5

А вот эти уже и правда могут пригодиться…

Например, для членомерной кнопочки, которую можно сгенерить на этом же сайте:

HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage

Хм, действительно, выглядит довольно фаллично :D

Я не буду ставить этот шильдик у себя в блоге, хотя некоторые его части уже используют новые теги и CSS3. Потому что это мне чем-то это напоминает время когда все ставили картинки «Valid XHTML», «Valid CSS» (некоторые и до сих пор ставят), а ещё в более давнее время «Best viewed in Internet Explorer 6». Who cares?

P.S. Эх, немного саркастичный пост получился, на самом деле круто это всё. И сайт приятный и типографика. И вообще — нраица.

5