1898
Авторский канал Саши Бизикова. Заметки про жизнь, путешествия и дизайн. bizikov.ru @bizikov
Во вторник, 12 декабря, Эркен Кагаров расскажет как делать крутые проекты и стать известным.
Где и во сколько на странице в Фейсбуке: https://www.facebook.com/events/312119092615223/
5 декабря 2016 года был мой первый рабочий день в роли дизайнера в ФанБоксе. Прошёл год. Ниже расскажу немного о том, что успел сделать за год и немного рефлексии.
Теория
1. Учился два месяца на курсе «Характер и эмоции в штрихе». Это не про каллиграфию и леттеринг, а про эмоции. Понял, что в каждой букве, в том как она выглядит, можно выражать разные эмоции. Даже через интерфейсы их можно передавать. Ещё перестал комплексовать, что не умею рисовать от руки и решил развивать этот навык.
2. Прошёл курс «iOS-программирование для дизайнеров». Понял как делаются реальные приложения. Своё пока не начал писать, но когда рисую дизайн для iOS-приложения и мне необходимо узнать что-то про стандартные контролы, то запускаю XCode и разбираюсь с этим элементом. Для прототипов его ни разу не использовал и вряд ли начну.
3. Каждое утро на протяжении двух месяцев проходил уроки рисования по книге «Вы сможете рисовать через 30 дней». Результат каждое утро выкладывал в Сториз, в Инстаграме. Перестал бояться рисовать, научиться базовым вещам, типа тень, перспектива. Дальше собираюсь научиться рисовать персонажей комиксов.
4. Сходил на форум «Дизайн-просмотр»
5. Сходил на Большую дискуссию и вынес для себя полезные идеи. Главная из них: быть дизайнером в 30 — это нормально. Не обязательно стараться уходить в управление командой и арт-директорство
6. Съездил в Санкт-Петербург на крутейшую шрифтовую конференцию Тайпетербург. Заинтересовался вариативными шрифтами, эту тему буду изучать в следующем году
7. Сходил на Яндекс.Субботник для дизайнеров
8. Среди прочитанных за год книг, для дизайна и развития оказались полезными: «О шрифте», «Культура дизайна», «Модульные системы в графическом дизайне», «Как читать, запоминать и никогда не забывать», «Лиминальное мышление» и выше упомянутая «Вы сможете рисовать через 30 дней»
Практика
В ФанБоксе делаем сервисы для операторов мобильной связи. К сожалению, рассказать какими именно мобильными приложениями и сервисами занимался — не могу. Но расскажу сколько их было и чему научился.
За прошедший год занимался поддержкой дизайна мобильного приложения на iOS и Android. Летом сделал редизайн другого приложения, кроме версий для iOS и Android, ещё делал версии под планшет. Параллельно было еще одно мобильное приложение, срочное, за месяц всё было нарисовано совместно с коллегой дизайнером. Потом было совсем небольшое приложение для Индийского оператора и сейчас заканчиваю делать дизайн для веб-сервиса. По вечерам и выходным занимаюсь небольшой подработкой (как и советовал в Артём Геллер в Большой дискуссии) — делаю дизайн и вёрстку сайта со стандартом презентаций ICO проектов.
Сделал иконки для четырёх каналов в телеграме. Впереди ещё шесть, но пока не могу ими заняться. Если я вам обещал сделать и иконку — не переживайте, помню, как освобожусь — напишу и сделаю иконку!
Научился нарезать графику для мобильного приложения, разобрался в тонкостях нарезки для разработчиков. Сформировал для себя правила порядка в исходниках дизайн в Скетче. Почти как БЕМ, толко в дизайне. Думаю, что об этом обязательно расскажу, но позже.
Итого
Чувствую, что за год многому научился. Стал быстрее и лучше рисовать, но самому себя сложно оценивать.
При этом многое, что хотел сделать — не успел. Например, так и не сел изучить Иллюстратор, не прошёл курс по генеративному дизайну и пиксельной графике. Не прочитал кучу книг.
Думаю, что это нормально. Да, было бы круто всё успеть, но хорошо, что за год хоть что-то сделал. О целях и задачах на следующий год расскажу в следующий раз.
Хорошего дня! Если хотите поддержать меня, поставьте реакцию к сообщению или напишите в личку @bizikov пару добрых слов.
Спасибо что читаете, отвечаете в личку, подходите знакомиться на конференциях. Приятно слышать о том, что мои заметки и сообщения помогают вам развиваться. Ради этого стоит продолжать делиться опытом 🙌
UI Design Do’s and Don’ts
Create a layout that fits the screen of an iOS device. Users should see primary content without zooming or scrolling horizontally. Use UI elements that are designed for touch gestures to make interaction with your app feel easy and natural.
http://ift.tt/1mKzt4e
🤖 Ссылку прислал заботливый робот
Эскизы автомобиля Газель, в народе известна как Газелька
Читать полностью…
Если будете в Нижнем Новгороде в декабре, то загляните на выставку Futuro. Хотел вчера сходить, но они ещё закрыты, готовятся. Выставка в задании с отделкой 19 века. Посмотрел только на голые стены :)
Читать полностью…
Оказывается ГАЗ выпускали велосипеды. Это табличка с велосипеда «Прогресс», 1951 год.
Читать полностью…
Продолжение следует...
Пока для меня неясными остались следующие вопросы:
1. Где брать вариативные шрифты, есть ли сейчас бесплатные? Чтобы можно было взять для экспериментов.
2. Сколько будут стоить вариативные шрифты? По цене семейства или отдельного начертания
3. Для каких целей их можно использовать? Только в вебе или в мобильных приложениях они тоже применимы?
С вариативными шрифтами можно работать с помощью библиотеки Plumin.js.
Как? Батист Генон рассказал в своём докладе: https://youtu.be/xQWbJfsaIbE?t=1h9m4s
Про тендеры ничего описывать не буду.
Мне кажется, этот доклад не совсем про дизайн. Больше про менеджеров и коммуникацию с внешним исполнителем.
Маша расскажет нам про новый визуальный языка Яндекс.Такси и как его делали
Читать полностью…
С другой стороны это хороший пример того, как подаётся новый продукт внутри крупной компании.
Проблема: надо делать лендинги, много лендингов.
Оля собрала менеджеров и маркетологов, пообщалась с ними и выяснила, что эта проблема есть у всех.
Поговорила с руководством и убедила, что это серьёзная проблема. Ей выделили ресурсы на разработку.
И они сделали генератор.
Теперь Оля расскажет про оптимизацию работы над продуктами
Читать полностью…
Вчера наткнулся на классный инстаграм с советскими шрифтами. Есть что поразглядывать.
Посмотрите и вы: https://www.instagram.com/soviet_logos/
Научиться ремеслу
Мария Комарова: — Вот я верстаю страницу. И у меня получается страшно. И еще скучно. Прямоугольники и колонки.
http://ift.tt/2BFfHDV
🤖 Ссылку прислал заботливый робот
Вчера был на выставке Нон-фикшн и сделал для себя одно приятное открытие — это журнал «Искусство». В купленном выпуске рассказывается о том, какие дизайнерские места стоит посетить в Дании, Швеции, Норвегии, Исландии, Финляндии. И ещё про северный дизайн и архитектуру.
Отдельный кайф журнала в его оформлении и используемой бумаге!
Кажется, это первый раз, когда я захотел оформить подписку на журнал. Осталось понять, как это делается. Похоже, что необходимо идти на Почту России.
И ещё один дизайнерский рисунок. На этот раз легкового автомобиля.
Дизайнер И. Безродных, 1993 год.
А сейчас если в автобусах и есть такого вида билеты, то висят на верёвочке. Во всяком случае, в Оренбурге такое встречал.
А аппарат для покупки билетов — огонь, выглядит классно
Встретил в Нижнем Новгороде интересную табличку. Иконка поезда похожа на катер 😄
Читать полностью…
Что такое вариативные шрифты?
Вариативные шрифты — это технология, благодаря которой один-единственный шрифтовой файл ведёт себя как бесконечное множество начертаний.
В шрифте можно сколь угодно много менять насыщенность, пропорции, контраст, размер строчных/выносных и анимацию.
Посмотреть как работает вариативность шрифта можно на сайте Лоренса Пиннея: http://www.axis-praxis.org/
Что интересно, в Сафари на macOS Sierra вариативные шрифты не поддерживаются. Необходимо обновиться до следующей версии операционной системы или запустить сайт в Хроме.
Возможность использовать один файл для любого количества начертаний — это не только удобно, но и экономия места. Сейчас, чтобы подключить на сайт шрифт с несколькими начертаниями, скажем нормальный, лёгкий и жирный — необходимо подключить как минимум три файла:
На деле, для каждого начертания необходимо подключить веб-шрифт .ttf, компактный веб-шрифт .woff и компактный веб-шрифт для IE .eot. Для каждого начертания, браузер скачивает файл, что конечно же отражается на времени отображения контента.
С вариативными шрифтами необходимо подключить только два файла: .ttf и woff. Браузер сам выберет подходящий для него файл и скачает его. Количество запросов к серверу снижается с 3 до 1. Как следствие, текст на сайте появится быстрее.
В CSS4 теперь есть поддержка работы с вариативностью шрифтов для свойств font-weight, font-stretch, font-style, font-optical-sizing.
Поддержка в браузерах
Вариативные шрифты были представлены в 2016 году в OpenType версии 1.8.
Технология была разработана совместно с Apple, Microsoft, Adobe и Google. Компании собираются внедрить в своим продукты поддержку вариативных шрифтов к началу 2018 году.
Как писал выше, в macOS Sierra в Сафари нет поддержки такой технологии, но в macOS High Sierra — уже есть. Значит, все круто и можно начинать разбираться с ними.
🙌 Заметку подготовил на основе статьи Ильи Рудермана:
https://type.today/ru/journal/opentype_variables
Интересными для меня докладами оказались рассказ Ильи Рудермана про историю создания шифта Яндекс.Санса и про редизайны от Сергея Кандаурова.
Что нового узнал?
Будете смеяться, но узнал слово мудборд. Когда начинаю делать что-то новое, то обычно смотрю примеры дизайна на дрибле и в пинтересте, копирую их в специальную страницу скетч-файла и смотрю, сверяю, думаю как самому сделать.
Оказывается, что такая страница называется мудбордом.
Что попробовать?
Вариативные шрифты. Впервые о них услышал на тайпетербурге, сейчас ещё раз Рудерман сказал. И это очень интересная тема для изучения. Надо пробовать.
Таисия рассказала про Side-by-side. Прокомментировать нечего.
Читать полностью…
О как. Оказывается тот визуальный язык, который недавно сделали в Такси — был придуман через тендер среди дизайн-студий и после был совместно с дизайнерами яндекса доработан
Читать полностью…
Если лендинг не работает — он не должен прожить больше суток на проде.
Читать полностью…
Нет, не расскажет :(
Как делать лендинги быстрее? Надо сделать свой конструктор лендингов.
Чтобы такие страницы мог собирать сам менеджер, без привлечения дизайнера и разработчика.
Дело в том, что в вебе к рекламе все привыкли. В приложениях к этому относятся критичнее.
Поэтому в яндексе сделали кнопку отключения рекламы в приложениях. Если прям очень припекло — могут зайти в настройки и отключить рекламу.
Ещё реклама в приложении сильно влияет на оценку приложения в магазинах приложений.