Category: дизайн

Category was added automatically. Read all entries about "дизайн".

street

Монтанафон

Рад представить проект, который мы так долго готовили. Переносная док-станция «Монтанафон»:



Все подробности тут: http://www.efilatov.ru/portfolio/montanaphone/ (процесс создания и подробные технические характеристики опубликую в ближайший день-два).

На данный момент полностью собраны деньги на производство. В течение ближайших недель будут первые предпроизводственные образцы. Ориентировочно в сентябре начнутся предзказы, а в декабре «Монтану» можно будет прикупить в некоторых московских и питерских магазинах.

street

Дизайн будущего

Саша Журавлёв не так давно задавал в паблике Говорящего дизайна вопрос: «Каким будет дизайнер через 20 лет, как он работает, что создаёт, за что ему платят деньги и на что он их тратит, какие дизайнеры будут более востребованными?» Я тоже подумал над этим вопросом, только зашёл с другой стороны.

Дело в том, что сам по себе дизайн в большинстве случаев никому не нужен. Дизайн интересен как обёртка (в хорошем смысле). В первую очередь речь идёт об обёртке технологий. Проще всего это объяснить программистам, знающим разницу между программой в чистом виде и её графическим интерфейсом. Грубо говоря, есть полезная функция сама по себе, а есть то, что позволяет пользоваться этой функцией обычным людям. Созданием такой прокладки-переводчика между функцией и человеком и занимаются дизайнеры, независимо от того, говорим ли мы об интерфейсе приложения для смартфона или о рекламном щите 3 на 6 метра.

То есть вопрос «Чем будут заниматься дизайнеры через 20 лет?» можно смело сформулировать так: «Какие технологии будут распространены через 20 лет?» В таком случае прогнозы делать сложно. Я, например, с трудом представляю, какие технологии будут на рынке через 5 лет, чего уж говорить об астрономических 20 годах. Можно спрогнозировать общее развитие технологий, но то, какие из них будут действительно востребованы, сказать трудно. То, что на пике сегодня, может легко исчезнуть через год. За тот же год может появиться совершенно новая область техники. Или вдруг окажется, что технология, разработанная 15 лет назад, по-настоящему нужна именно сегодня (как это произошло со стеклом первого Айфона или 25-м соединением ЛСД). И ещё не стоит забывать, что промышленный дизайн находится в тесной связи с тем, что происходит в мире. Война требует одного дизайна, взлёт экономики — другого.

В общем, Саша задал вопрос, на который невозможно ответить с уверенностью.

Из очевидного — развитие интерфейсов. Мобильные приложения, может, и станут одним целым с настольными и веб-приложениями, но интерфейс им разрабатывать всё равно придётся. Одежда — останется. Транспорт — останется. Системы навигации, реклама, книги — всё это никуда не денется через 20 лет. Вопрос только в том, какую форму будут иметь эти вещи и в какой плоскости существовать. Даже если информация начнёт поступать в мозг напрямую, минуя органы чувств, её всё равно нужно будет оформлять.

P. S. Когда я впервые увидел фотографии Максима Дмитриева, то испытал разрыв шаблона.

1320604873_o438VqJSMD_orig

0_d1c7c_400c6373_XL

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

street

Дизайнерский чеклист

Каждый дизайнер в своей жизни испытывает желание сделать хотябы что-то из дизайнерского чеклиста:
— стул;
— часы;
— рисунок на скейтборд;
— шрифт;
— свой логотип;
— календарь.

Что ещё? Продолжите список.

street

Настоящий аффорданс

Аффорданс — важное понятие как в интерфейсе, так и в дизайне вообще. Описывают его обычно как «свойство предмета, позволяющее сразу понять, как им [предметом] пользоваться». Вроде всё верно, но не верно. Мне больше по душе определение из «Большой энциклопедии по психиатрии» В. А. Жмурова: аффорданс — ситуация, в которой объект воспринимается с указанием того, что с ним нужно делать. Тут уже сама формулировка мутная, но зато правду отражает.

Давайте по порядку. Конечно, существование аффорданса очевидно: на кнопки дверных звонков нажимаем, свет в гостиницах включаем, в системах навигации по стрелкам ходим — значит всё ок. Только вот аффорданс — это не свойство предмета, а ситуация (не забываем про В. А. Жмурова). Другими словами, глупо полагать, что предметы сами по себе обладают чем-то подобным. Понимание того, как пользоваться вещью или вести себя в определённой ситуации приходит к нам с жизненным опытом. Чем больше этого опыта, тем больше аффордансов мы словим.

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

Вот Миша Мееров сетует на то, что что экран разблокировки в седьмом Айосе потерял былой аффорданс. Мол, ползунок понятнее был. Но мы-то с вами знаем, что никакими аффордансами этот ползунок не обладал. Зато владельцы айфонов — да. Причём теперь уже в такой степени, что можно вообще ничего не писать, всё равно пальцем смахнут. Кстати говоря, даже в предыдущих Айосах слайдер дополняли текстовым сообщением, чтобы привычка выработалась наверняка.

Закрепим материал. Сами по себе предметы не обладают никакими психологическими свойствами. Вся психология — в голове конкретного человека. Если человек сталкивался с подобным, то разберётся. Если не сталкивался, то нужно очень сильно постараться, чтобы легко и ненавязчиво объяснить ему принцип действия. Мой любимый пример — бесконтактные смесители в общественных туалетах. Над такими рукомойниками вешают руководства по использованию для тех, кто впервые столкнулся с подобной техникой.

BbzrrmsIMAAUe5_

Платный туалет на Казанском вокзале в Москве


Бесконтактный смеситель, которым сможет пользоваться любой человек — отличная дизайнерская задача. У меня есть идея по её решению. Но я бы хотел, чтобы вы предложили свои варианты в каментах. А я уже потом напишу итоговый пост со всеми дельными предложениями. Автор самой элегантной идеи получит от меня в подарок «Спектразл».

street

О висячей пунктуации

Висячая пунктуация — это, конечно, хорошо и правильно. Но делать так, как советуется в параграфе Лебедева нельзя.

Свешивали, естественно, и до появления данного параграфа. Причём не только знаки препинания, но и буквы. Таким образом достигалась визуальная ровность линии набора. В интернете же гики ограничиваются свесом пунктуации. Это ок, но нужно кое о чём помнить.

Смысл свешивания в том, чтобы визуально сделать край набора ровным. Когда нет свесов — это выглядит так:

9.26 КБ

Из-за своей меньшей площади кавычки и скобки создают впадины в линии набора. Поэтому гики пишут сами, заказывают или используют готовые скрипты по свешиванию:

9.26 КБ

В данном случае знаки препинания полностью выносятся за линию набора на величину, равную своей длине. И поэтому вместо впадин мы получаем выпуклости. Шило на мыло, короче говоря. Свешивать надо по уму. Например, на половину длины символа:

9.26 КБ

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

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

street

Процесс создания логотипа

В качестве эксперимента публикую небольшой рассказ о том, как я делал логотип РУБоППу.

РУБоПП расшифровывается как региональное управление по борьбе с просроченными платежами. В компании работает много бывших сотрудников правоохранительных органов. Фактически, это юридическая фирма, которая акцентирует внимание на одной из своих услуг.

Заказчик не противился, когда я предложил заменить в аббревиатуре прописную «о» на строчную.


Придумываю идею.

За основу взял две сущности, с которыми имеет дело компания: деньги и их защита. Защита легко показывается рыцарским щитом. К тому же, щит учитывает пожелание заказчика о схожести с логотипами гос. структур.

Как изобразить деньги? Можно взять защитные элементы с купюр и нарисовать их поверх щита. Сканирую банкноту и отрисовываю узор.





Одного узора мало для идентификации рода деятельности — это же не финансовая компания. Нужен центральный элемент. Почему бы не взять геральдическое изображение орла?

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



Внимание привлекает «стерегущий лев». То, что надо. А надо нарисовать на щите льва, смотрящего на зрителя. Законы геральдики позволяют изображать не всего животного, а только его часть. Это мне на руку; буду рисовать голову.

Смотрю, что уже есть, чтобы вдохновиться и не повторяться.



Теперь рисую своего льва.



Глаза упрощаются под общий стиль. Брови сбриваются — правосудие должно вершиться без эмоций на лице.

Пришло время рисовать щит.



Новая идея: почему бы не сделать защитный узор в виде гривы? Гильоши для этого хорошо подходят. Рисую.



Навожу марафет. Ищу цвета знака.



Результат:


В целом неплохо, но есть недостатки:
1. Слишком много мелких элементов, которые добавляют инфантильности и спорят с толстыми линиями. Нужно проще и брутальнее.
2. Форма щита нуждается в доработке по той же причине.

Убираю лишние элементы.




Уже лучше. Теперь щит.



Отлично. Знак стал проще и мужественнее, а щит-грива хорошо считывается и без гильош. Хоть сейчас на шеврон или значок.

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

Останавливаюсь на брусковом шрифте.



Поднимаю «о», увеличиваю кернинг. Примеряю.



Презентую клиенту.

Клиент одобряет идею, но хочет уйти дальше от похожести на ЧОП к похожести на гос. структуру. Предлагаю отрисовать знак с бликами и тенями, чтобы напоминал настоящий значок.

Подключаю к работе иллюстратора.





Вторая презентация.

Заказчик одобряет. Шлифуем знак.





Готов, красавец.




Снова берусь за текстовую часть. Брусковый шрифт сосёт. Нужен гротеск. Пишу название «Парангоном».



И переделываю. Уравниваю толщины штрихов, меняю внутренний овал «о», подпиливаю «у» и «б».




Вот теперь всё.




Варианты для скромной печати:





В ролях: дизайнер Евгений Филатов, технический дизайнер Анна Кондратьева.

Результат: www.efilatov.ru/portfolio/rubopp.