8 заметок с тегом

Дизайн

Как же у меня бомбит от Биханса

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

И не забудьте лайкнуть: «найс ворк, плиз чек май портфолио ту». Экосистема замкнулась и стала самодостаточной. Наконец-то дизайнера оценивает другой дизайнер. Разве не об этом мы мечтали?

2017   Биханс   Дизайн

Мысли о будущем веб-дизайна

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

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

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

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

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

Стройте 3d-модели, показывайте видео, делайте анимации. Воспринимайте создание сайта, как постановку фильма, а себя как режиссера.

И пожалуйста, никогда больше не называйте набор кнопок, плашек и стоковых изображений «дизайном сайта». Сходите в магазин шаблонов. Все уже сделали до вас и лучше вас. Если кроме фотошопа (скетча, иллюстратора, индизайна) вы ничего не использовали при создании сайта, может быть и не нужен такой дизайн. Купите лучше готовый. Серьезно.

2017   Дизайн   Сайт

Стратегия 2020

Чем больше цифра, тем лучше. Тогда заголовки могут быть громче, а дела меньше. Так можно достичь идеального соотношения слова/дела. Когда сказать можно что угодно, а делать ничего не нужно.

В апреле 2016 года управление по делам наружной рекламы города Махачкалы объявило открытый конкурс на разработку логотипа для Махачкалы.

http://sevkavportal.ru/news/pub/kultura/item/25760-za-novyj-logotip-makhachkaly-vlasti-zaplatyat-100-tysyach-rublej.html

Заплатят, на самом деле, в лучшем случае 50к. 30 и 20 идут второму и третьему местам.

Я взялся. Сделал три варианта, обернул в красивую презентацию и отправил на указанный в статье адрес.

Подробно о проекте по ссылке: http://www.georgyserov.ru/mhkl.html

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

Опять жду. Опять тишина, опять звоню. Оказывается конкурс продлен до августа и можно еще несколько работ отправить. А до этого в положении конкурса написано было, что не более 3 работ от одного участника.

Проходит август, наступает осень. Приходит письмо о том, что конкурс продлили до 1 ноября.

Окей, жду. 7 ноября спрашиваю, есть ли новости по конкурсу. Приходит ответ:

Почему так случилось?
Я думаю, что им не понравилась ни одна из работ. Призовой фонд 100к, первому 50к, второму 30, третьему месту — 20к. Крутые студии даже бриф читать за эти деньги не будут, остается надеятся на энтузиастов типа нас. А наши варианты, видимо, не зашли.

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

Короче, причем тут Стратегия 2020. А при том, что у нас любят громко поговорить, а когда до дела доходит — начинают сливаться. Хотя, казалось бы, тут надо просто выбрать трех финалистов или послать всех. Но нет, и тут затык. Уже больше полугода прошло, за это время люди небоскребы успевают построить.

И логотип махачкалы отправляется туда, где сейчас Немецкая Деревня, Мусороперерабатывающий завод (надо уточнить, что его, вроде как открыли и он вроде как должен работать, но новостей нет) и другие проекты.

2016   Дизайн   Конкурс   Логотип   Махачкала

Синие вывески

Никогда не делайте синие светящиеся вывески. На них невозможно сфокусироваться. Этому есть хитрое анатомическое объяснение, но его знания не требуется, чтобы увидеть своими глазами, что глаз не может отличать синие буквы в темноте. Красные может, желтые может, зеленые может, а синие не может.

Мне правда интересно, неужели сотни дизайнеров, монтажников, заказчиков, которые делали синие вывески ни разу не смотрели на них ночью?

Фотографий не будет, потому что на фотках эффект теряется. Зато вживую эффект можно посмотреть на вывеске отеля Арарат Хаят, что на Неглинной улице. Рядом белая вывеска ЦУМа видна отлично (хоть она и меньше).

2016   Вывески   Дизайн   Наблюдение   Реклама

Все ли в порядке

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

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

Установил себе FinalCut, немного освоился с управлением, смонтировал простой видос, отправил на рендеринг. И ничего. Окно пропало, нигде нет никаких сигналов о том, что что-то происходит. Может быть какой-то супербыстрый рендеринг тут? Полез в папку — пусто. Может не сработало? Нажимаю еще раз. Тоже самое. Полез гуглить, оказывается в FinalCut делает все в фоне. It’s just works и прогресс отображается в окне, которое по умолчанию скрыто. Вроде как все правильно, но непривычно. Хорошо было бы где-то мне маякнуть: «Слыш, приятель, твой рендер уехал сюда, если что».

Кстати, он так и делает, только в другом месте.

Смотрите, как круто!

2016   Дизайн   Интерфейс

Нововведения в OSX Эль Капитан

У меня ощущение, что во многих обзорах не замечают те вещи, которые интересны мне. Поэтому решил написать сам некоторые штуки, на которые я обратил внимание.

Пришвартованные табы в Сафари похоже используют какой-то другой формат иконки (не фавиконки), поэтому у меня пока только ВК и Яндекс имеет красивый логотип сбоку. У гугла нет. Если иконки нет, то используется первая буква из названия сайта. У меня из 6 таких табов у трех уже буква «G», непонятно, как отличать.
Удобство в том, что если набирать в адресной строке адрес сайта, то он открывается в новой вкладке, а не в текущей пришвартованной. Неудобство же в том, что если пришвартовать гугл, открыть эту вкладку и начать искать не в поле гугла, а в адресной строке, то все равно открывается новая вкладка.

Кажется, что экран побледнее стал

ПДФ открывается мгновенно. Первая страница моментально. Остальные за треть секунды подгружаются в превью. Причем любые пдфки. И билеты на пару сотен килобайт и многомегабайтные файлы для печати.

По ощущениям стал быстрее поиск. Я часто ищу все .psd или все .doc. Показывает практически моментально.

Кажется, хороший потенциал с сплит вью и мишн контрол. Рабочие столы называются разумно «Safari and Notes»

Дерганный курсор ведет себя с запозданием. В если курсор в данный момент другой (текстовый, например), он все равно превращается в стандартный при тряске.

После выхода из режима «покажи все вкладки» запиненные вклады еще полсекунды отрисовываются — это баг.

Фишки спотлайта не работают. Ни погода, ни акции. Вообще ничего у меня не заработало.

Свайп удаления письма неудобный. Слишком длинный

Предлагаемые контакты и события в почте не работают

Письма проверяются реально намного быстрее. Меня жутко бесило, что в веб-клиенте уже 3 минуты как висит письмо, а в почте еще не показывается. По сто раз жму «получить почту» — нифига. Сейчас все происходит очень быстро.

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

Доступ к всем файлам стал намного быстрее. У меня тысячи маленьких файлов (картинки, пдфки, документы), раньше вкладка «все файлы» открывалась за пару секунд, теперь мгновенно.

Починили курсор изменения размера окна, который вечно «соскакивал»(!)

500мб псд превью — 1,5 секунды.

2015   OSX   Дизайн

Принимайте критику

Нам не нравится, когда нас критикуют. Это пошло еще с давних времен, когда мало кто умел правильно критиковать:

— Что за ядовитый цвет ты выбрал? — спрашивали они, а в это время внутри кипела злость.
— Да я перебрал дюжину цветов и мне показалось, что этот выглядит капельку лучше. — отвечали мы про себя.

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

Куда лучше диалог вроде этого:
— Я бы немного уменьшил разрядку, у меня ощущение, что надпись распадается.
— Хмм… Я думал о том же, пробовал разные варианты, но по традиции мы надписи прописными разряжаем, тем более, что в брендбуке они сами так часто делают. Хотя, пожалуй, давай попробуем немного сжать, глянем, что получится.

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

Отсюда следует второе: чем больше людей увидит работу, тем лучше. Показывайте свою работу всем подряд: родителям, коллегам, друзьям и смотрите на реакцию. Если не бояться критики, это сделать очень легко. Считайте, что это бесплатная фокус-группа. Внимательно выслушайте советы и примите свое решение.

Показывайте заказчику промежуточные результаты работы. Много раз я терял время, когда доводил работу до полного завершения, а потом узнавал, что в самом начале выбрал неправильное направление. Я потерял деньги.

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

2015   Дизайн   Работа   Управление собой

Скетч или Фотошоп

Серьезные ребята-дизайнеры смотрят снисходительно на тех, кто все еще пользуется Фотошопом для верстки сайтов. Типа как «вы еще кипятите…».

Даже если оставить разговоры о том, что Фотошоп и Скетч всего-лишь инструменты и постараться сравнить объективно, получится, что Скетч ориентирован на очень узкий круг задач. Скетч сделан под давлением сегодняшней моды. Чего стоит эффект матового стекла, который нужен разве что айОс разработчикам.

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

Проблема Скетча в том, что есть вещи, которые я просто не могу сделать в этой программе. Я вынужден открывать фотошоп, экспортировать, вносить правки, имортировать. Это отнимает кучу времени.

Отсюда вытекает следующая, самая важная, проблема Скетча. Он накладывает сильный отпечаток на работу. Это как раньше можно было понять сайты сделанные в Индизайне. Они выглядели как прототипы, которые кто-то случайно пустил в продакшн. Рекламный ролик Скетча пытается мне показать, как удобно тут делать стандартные контролы: кнопки, списки, выпадающие менюшки. Но когда мне нужны стандартные контролы, я иду в XСode и вставляю стандартные контролы. И там это делать намного удобнее. Скетч слишком часто пытается мне сказать, как нужно делать мою работу. Фотошоп же дает полную свободу.

На самом деле нет. Фотошоп уже давно не универсальный инструмент. И главная причина в том, что на выходе в фотошопе получаются статичные изображения. Просто картины, которые можно распечатать, повесить в рамку и любоваться. Но веб уже давно не такой. Тут все живет, реагирует на действия пользователей. Ужасно, что до сих пор, что в Скетче, что в фотошопе я вынужден делать для каждого состояния блока свой объект. Нужен ховер — копируешь кнопку, рисуешь ховер, нужен клик — рисуешь клик. А если я хочу сделать анимацию? А если воспроизвести видео? Интерактивное видео? 3д-изображения? Вроде как все это Фотошоп умеет, но всякий раз, когда нужно что-то анимировать я открываю Афтер Эффектс, экспортирую слои, сохраняю как видео и это видео показываю технологу. Если бы в фотошопе были встроенные удобные средства создания анимации (то есть добавлено новое измерение) мы бы жили в другом мире.

2015   Дизайн   Скетч   Фотошоп