Персональный сайт – это визитная карточка дизайнера. В первый день запуска лендинга меня уже нашел заказчик и предложил ТЗ. Стало ясно, что я делаю всё правильно. Поэтому в моей голове возникла мысль: «Мой сайт должен быть произведением искусства».
Я черпал вдохновение в стиле Баухаус, ранней технике Braun и современными стартапами. Среди них – проекты Stameska, Lightship, Буше. Сайт идеально адаптирован под любой формат устройства – приятная нижняя навигация на смартфоне, формат журнала на планшете и полноценный холст на десктопе. В интерфейсе есть приятный интерактив. Например, движущиеся блоки сами "подталкивают" пользователя смахнуть их, анимированная реакция "лайка" предлагает поделиться работой в соц.сетях, а кнопки соц.сетей переливаются бесконечной волной при наведении курсора. Всё это создано с целью показать, каким может быть сайт вашей компании или бренда.
ПРИСТУПИМ К РАБОТЕ?
Заполните небольшой бриф на моем сайте или напишите в соц.сетях. Я обязательно отвечу вам в ближайшее время! @yefanoff
Я черпал вдохновение в стиле Баухаус, ранней технике Braun и современными стартапами. Среди них – проекты Stameska, Lightship, Буше. Сайт идеально адаптирован под любой формат устройства – приятная нижняя навигация на смартфоне, формат журнала на планшете и полноценный холст на десктопе. В интерфейсе есть приятный интерактив. Например, движущиеся блоки сами "подталкивают" пользователя смахнуть их, анимированная реакция "лайка" предлагает поделиться работой в соц.сетях, а кнопки соц.сетей переливаются бесконечной волной при наведении курсора. Всё это создано с целью показать, каким может быть сайт вашей компании или бренда.
ПРИСТУПИМ К РАБОТЕ?
Заполните небольшой бриф на моем сайте или напишите в соц.сетях. Я обязательно отвечу вам в ближайшее время! @yefanoff
Media is too big
VIEW IN TELEGRAM
ПРО АНИМАЦИЮ
#блог
Недавно я решил освоить анимацию в Principle. Эта программа удобна моментальным переносом проектов из Sketch и Figma прямо на таймлайн. Интерфейс настолько простой и интуитивный, что первую анимацию я сделал буквально за 15 минут. Управлять движением можно прямо как в прототипе приложения – через жесты. На движение задается триггер – касания, долгие тапы, свайпы и наведения курсора. Потом запускаешь рендер и нажимаешь нужные кнопочки – и вуаля! Записать готовый проект можно в MP4 или GIF.
#блог
Недавно я решил освоить анимацию в Principle. Эта программа удобна моментальным переносом проектов из Sketch и Figma прямо на таймлайн. Интерфейс настолько простой и интуитивный, что первую анимацию я сделал буквально за 15 минут. Управлять движением можно прямо как в прототипе приложения – через жесты. На движение задается триггер – касания, долгие тапы, свайпы и наведения курсора. Потом запускаешь рендер и нажимаешь нужные кнопочки – и вуаля! Записать готовый проект можно в MP4 или GIF.
ПРО ДИЗАЙН-ТРЕЙН
#блог
Участвую в Дизайн-трейне — марафоне от Dprofile. Кейс: создание дизайна вагона Нижегородского метро. Тема безумно интересная для меня, т.к. с ранних лет я увлекался московским метрополитеном и следил за изменениями в оформлении указателей, навигации, станций и вагонов. Был в прошлом году в Нижнем и покатался там на метро, остался под большим впечатлением от города. А вот сама подземка воскресила как раз те самые воспоминания о московском метро 00-х и 10-х. Так что сейчас там очень нужен свежий взгляд на вещи. Было бы интересно попробовать свои силы в этом проекте и посмотреть, во что это выльется.
#блог
Участвую в Дизайн-трейне — марафоне от Dprofile. Кейс: создание дизайна вагона Нижегородского метро. Тема безумно интересная для меня, т.к. с ранних лет я увлекался московским метрополитеном и следил за изменениями в оформлении указателей, навигации, станций и вагонов. Был в прошлом году в Нижнем и покатался там на метро, остался под большим впечатлением от города. А вот сама подземка воскресила как раз те самые воспоминания о московском метро 00-х и 10-х. Так что сейчас там очень нужен свежий взгляд на вещи. Было бы интересно попробовать свои силы в этом проекте и посмотреть, во что это выльется.
ЗАПУСКАЮ РУБРИКУ #СОХРАНЕНКИ
Буду делиться полезными утилитами, инструментами и советами, которые помогают мне в работе с дизайном и решении различных задач.
А найти нужные сохраненки в канале теперь можно по хештегу.
Буду делиться полезными утилитами, инструментами и советами, которые помогают мне в работе с дизайном и решении различных задач.
А найти нужные сохраненки в канале теперь можно по хештегу.
КАСТОМИЗАЦИЯ QR
#сохраненки
QR Pop – удобная утилита для создания и редактирования QR-кодов. Позволяет легко создавать векторное изображение QR-кода под различные задачи.
Киллер-фича приложения – кастомизация кодов. Дизайнеры могут настроить пиктограммы под себя по цветам, прозрачности, форме, стилям пикселей, ширине кода, добавить логотип или фотографию. Все это делается в два клика и экспортируется в PNG, PDF или SVG. Можно скопипастить готовый код сразу в свой проект.
Также можно создавать шаблоны, по которым создаются новые ссылки. Все изменения синхронизируются в iCloud на всех устройствах – iPhone, iPad, Mac и даже Apple Watch.
Здесь есть и расширение для Safari. По нажатию на иконку рядом с открытой вкладкой отображается QR-код со ссылкой. Удобно, если нужно на телефоне открыть сайт с компьютера.
Приложение может и сканировать QR. И это особенно полезно в десктопной приложении, где не везде есть возможность отсканировать код без помощи телефона. Жмешь на иконку приложения в строке меню – и готово!
#сохраненки
QR Pop – удобная утилита для создания и редактирования QR-кодов. Позволяет легко создавать векторное изображение QR-кода под различные задачи.
Киллер-фича приложения – кастомизация кодов. Дизайнеры могут настроить пиктограммы под себя по цветам, прозрачности, форме, стилям пикселей, ширине кода, добавить логотип или фотографию. Все это делается в два клика и экспортируется в PNG, PDF или SVG. Можно скопипастить готовый код сразу в свой проект.
Также можно создавать шаблоны, по которым создаются новые ссылки. Все изменения синхронизируются в iCloud на всех устройствах – iPhone, iPad, Mac и даже Apple Watch.
Здесь есть и расширение для Safari. По нажатию на иконку рядом с открытой вкладкой отображается QR-код со ссылкой. Удобно, если нужно на телефоне открыть сайт с компьютера.
Приложение может и сканировать QR. И это особенно полезно в десктопной приложении, где не везде есть возможность отсканировать код без помощи телефона. Жмешь на иконку приложения в строке меню – и готово!
ИКОНКИ. НАВОДИМ ПОРЯДОК
#сохраненки
Когда я завел себе IconJar, я забыл о проблеме поиска нужных иконок. Как это было раньше – открываешь кучу сайтов с бесплатными иконками, перебираешь иконпаки, вбиваешь в поиске нужные названия и по одной скачиваешь себе в загрузки. Если повезло – скачиваешь сразу в SVG, а если нет – PNG или, прости господи, JPEG. Одним словом – боль.
IconJar – это агрегатор иконок для macOS. Это одновременно простая и очень функциональная программа, с которой скорость моей работы с иконками увеличилась в разы.
ПОДРОБНЕЕ 👇
На сайте разработчика можно скачать уже готовые иконпаки, а также можно создавать и импортировать свои файлы. У меня набралось уже 10 кастомных паков, которые я использую в работе. Если этот пост наберет активность, то я выложу в общий доступ все свои архивы IconJar, которые вы сможете сохранить себе. Так что, дерзай👍
#сохраненки
Когда я завел себе IconJar, я забыл о проблеме поиска нужных иконок. Как это было раньше – открываешь кучу сайтов с бесплатными иконками, перебираешь иконпаки, вбиваешь в поиске нужные названия и по одной скачиваешь себе в загрузки. Если повезло – скачиваешь сразу в SVG, а если нет – PNG или, прости господи, JPEG. Одним словом – боль.
IconJar – это агрегатор иконок для macOS. Это одновременно простая и очень функциональная программа, с которой скорость моей работы с иконками увеличилась в разы.
ПОДРОБНЕЕ 👇
На сайте разработчика можно скачать уже готовые иконпаки, а также можно создавать и импортировать свои файлы. У меня набралось уже 10 кастомных паков, которые я использую в работе. Если этот пост наберет активность, то я выложу в общий доступ все свои архивы IconJar, которые вы сможете сохранить себе. Так что, дерзай👍
Чем так хорош IconJar?
1. Папки и сеты
Все наборы иконок можно группировать внутри в сеты и папки. Так легче найти нужное начертание. Например, у меня есть папка Google Material Design, в которой есть подпаски с категориями (maps, social, home…), в каждой из них – сеты Regular, Outline, Two-Tone и тд. Существуют Smart-сеты, которые автоматически создаются на основе параметров иконок. Каждый сет и папка хранятся в общей библиотеке IconJar, которую можно свободно экспортировать и переносить в формате архива.
2. Гибкий поиск
Найти подходящую иконку легко, а возможностей поиска множество. Фильтры приложения позволяют отсортировать иконки по названию, тегам, описанию, лицензии, формату и размеру файла. Причем можно вносить корректировки под себя и задавать ключевые слова. Частые иконки можно сохранить в Избранное. Недавно открытые иконки отображаются в отдельной вкладке, где всегда можно отследить историю.
3. Кастомизация и экспорт
Справа окна открыт Инспектор, в котором можно настроить цвет, разрешение и формат иконки под себя, после чего простым перетаскиванием экспортировать готовый файл прямо в проект Figma, Sketch, Photoshop или любой другой редактор. При этом есть возможность открыть в отдельном окне выбранную иконку, отредактировать ее и все изменения сохранятся внутри библиотеки IconJar. Также есть множество готовых шаблонов экспорта для Windows, Mac, iOS, Android, Web.
4. Прочие фишки
Внутри приложения есть встроенный «очиститель» SVG от лишних точек и направляющих. По умолчанию IconJar предлагает синхронизировать библиотеку Google Material Design в соответствии с последними стандартами Google. Таким образом можно поддерживать свой набор всегда в актуальном состоянии. Приложение делает бэкапы библиотеки, а сам архив можно хранить в iCloud, чтобы не потерять данные и синхронизировать между компьютерами. Для Sketch есть плагин для моментального сохранения фрейма в виде SVG в IconJar.
1. Папки и сеты
Все наборы иконок можно группировать внутри в сеты и папки. Так легче найти нужное начертание. Например, у меня есть папка Google Material Design, в которой есть подпаски с категориями (maps, social, home…), в каждой из них – сеты Regular, Outline, Two-Tone и тд. Существуют Smart-сеты, которые автоматически создаются на основе параметров иконок. Каждый сет и папка хранятся в общей библиотеке IconJar, которую можно свободно экспортировать и переносить в формате архива.
2. Гибкий поиск
Найти подходящую иконку легко, а возможностей поиска множество. Фильтры приложения позволяют отсортировать иконки по названию, тегам, описанию, лицензии, формату и размеру файла. Причем можно вносить корректировки под себя и задавать ключевые слова. Частые иконки можно сохранить в Избранное. Недавно открытые иконки отображаются в отдельной вкладке, где всегда можно отследить историю.
3. Кастомизация и экспорт
Справа окна открыт Инспектор, в котором можно настроить цвет, разрешение и формат иконки под себя, после чего простым перетаскиванием экспортировать готовый файл прямо в проект Figma, Sketch, Photoshop или любой другой редактор. При этом есть возможность открыть в отдельном окне выбранную иконку, отредактировать ее и все изменения сохранятся внутри библиотеки IconJar. Также есть множество готовых шаблонов экспорта для Windows, Mac, iOS, Android, Web.
4. Прочие фишки
Внутри приложения есть встроенный «очиститель» SVG от лишних точек и направляющих. По умолчанию IconJar предлагает синхронизировать библиотеку Google Material Design в соответствии с последними стандартами Google. Таким образом можно поддерживать свой набор всегда в актуальном состоянии. Приложение делает бэкапы библиотеки, а сам архив можно хранить в iCloud, чтобы не потерять данные и синхронизировать между компьютерами. Для Sketch есть плагин для моментального сохранения фрейма в виде SVG в IconJar.
#трутолк
Я настолько привык работать в Sketch, что даже открытие Фигмы действует мне на нервы. Понимаю, что Фигма намного популярнее, прокаченнее и доступнее, но не могу смириться с работой в веб-аппе с неадаптированным интерфейсом и с кучей наваленных лишних инструментов. А еще бесит, что не могу нормально хранить проекты в своих папках и запускать их из файла. Всегда приходитс запускать приложение, нажимать "Import file", ждать +- вечность и потом столько же по времени запускать сам проект. Но все же потихоньку заставляю себя переходить на Фигму, потому что рыночек решает.
Я настолько привык работать в Sketch, что даже открытие Фигмы действует мне на нервы. Понимаю, что Фигма намного популярнее, прокаченнее и доступнее, но не могу смириться с работой в веб-аппе с неадаптированным интерфейсом и с кучей наваленных лишних инструментов. А еще бесит, что не могу нормально хранить проекты в своих папках и запускать их из файла. Всегда приходитс запускать приложение, нажимать "Import file", ждать +- вечность и потом столько же по времени запускать сам проект. Но все же потихоньку заставляю себя переходить на Фигму, потому что рыночек решает.
ALTBOT: КОНЦЕПТ-МАСКОТ
#кейсы
Анимированный логотип и маскот Altbot. Дружелюбный робот, помощник в чате и одновременно логотип. Маскот способен выражать несколько эмоций через различные позы и уникальную мимику.
Оцените проект на Dprofile
#кейсы
Анимированный логотип и маскот Altbot. Дружелюбный робот, помощник в чате и одновременно логотип. Маскот способен выражать несколько эмоций через различные позы и уникальную мимику.
Оцените проект на Dprofile