komarovdesign

[komarovdesign]

Нашел в сети рельно крутую книгу о пользовательском интерфейсе. Лучше книги на эту тему я еще пока не встречал. Это просто исчерпывающие знания на тему хорошего UI/UX. MutsHave для каждого дизайнера. Единственный минус, что она доступна только на английском и стоит дорого. Но она того стоит.

Designing user Inerface книга

Designing user Inerface - это первая электронная книга такого масштаба (500 страниц), основанная на знаниях, полученных на основе более чем 20-летнего опыта и  отраслевых экспертов. В книге авторы делятся своими знаниями, ноу-хау, передовым опытом и методами быстрого решения проблем. Автор книги:  Michal Malewicz и Diana Malewicz

Скачать книгу Designing user Inerface : https://designingui.com Цена: 90$ Но вы можете использовать промокод: 126dsgy12y366a  и получить 50% скидки.

Цитаты из книги

Интерфейс похож на шутку. Если вам нужно объяснить его, это не есть хорошо.

UI дизайн определенно НЕ искусство.

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

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

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

Старшие дизайнеры могут освежить и обновить свои знания, поскольку книга основана на многих наших собственных процессах и методах . Это более чем 20-летний опыт работы в отрасли, воплощенный в удобной для чтения форме.

Front-end разработчики получат основы дизайна и передовой опыт работы с дизайнерами. Это сделает реализацию быстрее и лучше. Фронтенд-разработчик, ориентированный на дизайн, - настоящий отраслевой единорог.

Основатели найдут способы сделать лучшие MVP (UX и UI) даже с меньшими бюджетами. Вы сможете привести свою команду к созданию прототипа, который поразит как пользователей, так и инвесторов. Не ставьте будущее вашего продукта на уродли��ый каркас.

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

Что входит в книгу?

Книга об UI и UX интерфейсах, примеры страниц.

👍️ Яркие, 500 страниц в PDF-файлах с обширными знаниями, отраслевыми ноу-хау, советами, приемами и опытом, которые мы получили за 20 лет разработки интерфейсов.

👍️ Файлы .Sketch .Figma и .XD с набором значков для ваших первых проектов.

👍️ Бонусные материалы («Основы системы дизайна», «Передача разработчика», контрольные списки UI / UX, прототипирование и стили дизайна UI)

👍️ Авторы обещают обновлять электронную книгу, добавляя в нее новые главы и новые знания в течение 1 года.

Я не привык отдавать такие деньги за электронные книги, но она того стоит. Когда ее листаешь - она кажется просто бесконечной. Труд авторов стоит этих денег 100%.

Скачать книгу Designing user Inerface : https://designingui.com

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Telegram / Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.

[komarovdesign]

Figmafreebi - это бесплатная и курируемая библиотека профессиональных ресурсов для Figma. Вы можете скачать бесплатно первоклассные: мокапы, лендинги, дизайн приложений, UI Kits и многое другое.

Коллекция небольшая, но активно растет и развивается.

http://www.figmafreebi.es

Кроме этого, вы можете поделиться своими исходниками Figma на сайте. Прислать можно по этой ссылке: https://kshitijchoudhary.typeform.com/to/J3fUYS

[komarovdesign]

CSS Design Awards - это платформа оценки и премий веб-сайтов, на которой вы найдете лучшие примеры работ созданных профессиональными дизайнерами, студиями и агенствами. Вдохновляйтесь и изучайте

В библиотеке сайта есть огромное количество потрясающих веб-сайтов с красивым дизайном, интересной механикой и анимацией. https://www.cssdesignawards.com

Примеры красивых веб-сайтов

Как орагнизовано судейство?

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

Сайты, за исключением WOTD, которые получают в среднем более 6, получают официальный сертификат Special Kudos. Вторая система предназначена для общественных наград и включает UI, UX и инновации. Победители определяются голосованием общественности и оценкой судей. Для победы сайты должны получить более 20 голосов в одной или всех категориях и средний балл судьи выше 6. Победители получают официальные сертификаты Public Awards для каждой или всех категорий. Победители WOTM и избранные победители WOTD вводятся в WOTY (Сайт года) и победители получают официальные сертификаты. Наряду с WOTY, в конце года платформа отмечает DOTY (Дизайнер года) в трех основных категориях, включая Solo (1 сотрудник), Studio (2-10 человек) и Agency (10 человек). Победители DOTY получают официальные сертификаты. Занявшие второе место награждаются официальными сертификатами в категориях Best In Class.

Что дают победы на конкурсе?

Коротко:

Трафик на сайт.

Зарубежные проекты.

Рост качества и цен.

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

Подача работ

Вы можете попробовать получить собственную награду за веб-сайт. CSSDA предоставляет равные условия для того, чтобы фрилансеры-одиночки, студии и агентства имели шанс получить награды DOTY в конце года. Когда сайты отправляются, отправителю предлагается выбрать одну из этих категорий, чтобы ��бедиться, что они конкурируют с объявлениями аналогичного размера.

Отправленные материалы должны включать в себя высококачественный снимок экрана и точную информацию, включая правильный адрес электронной почты для получения уведомлений о вашей отправке. Сайты должны быть законченными, а работа оригинальной. CSSDA оставляет за собой право отклонять сайты с негативным содержанием, ошибками или плохо оформленным дизайном. Прислать свою работу можно по этой ссылке: https://www.cssdesignawards.com/submit

[komarovdesign]

Lens - это простой, бесплатный и удобный конвертер изображений для macOS. Просто перетащите изображение или несколько изображений и мгновенно конвертируйте их в другой формат. Иногда, подобная утилита - незаменимый помощник дизайнера.

Вы можете конвертировать из PNG в JPG и наобарот. Приложение поддерживает функцию оптмизации изображения. Если оно слишком большое, вы можете уменьшить его размер.  

Скачать конвертер изображений: https://getlens.me

Конвертер изображений для macOS 

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.

[komarovdesign]

Porkbun решила провести рекламную компанию и предлагает новым пользователям бесплатный домен в зоне .design

Бесплатный домен в зоне .design 

Зарегистрировать домен можно по этой ссылке: https://porkbun.com/tld/design Промокод: SIDEBAR21A

[komarovdesign]

Ludus - это мощная онлайн платформа, которая позволяет вам создать презентацию онлайн и совместно работать над ней с коллегами в реальном времени. Вы можете встраивать в презентацию все, что пожелаете: от прототипов Figma до видеороликов. http://ludus.one

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

Идея разработчиков была в том, чтобы дать удобный и привычный инструмент для дизайнеров и отдельно дать доступ для тех, кто работает с контентом: меняет текст, данные и информацию.

Ludus позволяет:

Создать презентацию онлайн

Создать презентацию PDF

Опубликовать презентацию в интернете

Импортировать презентации и экспортировать в PPTX, PDF, HTML.

Совместно работать над презентацией

Делать анимации в презентациях

Встраивать видео, гифки, фото в презентацию

Создавать презентацию из фотографий

Удобный инструмент для дизайнеров

Открыв приложение вы находитесь в знакомой дизайнерской среде. Вы можете использовать свои любимые шрифты, обрезать изображения, вставлять файлы GIF или видео, а также применять режимы наложения. Вы даже можете создать библиотеку многократно используемых компонентов.

Контент

В Ludus каждый фрагмент контента представляет собой удобный блок, который может  брать данные из: Figma, Unsplash, Framer GIPHY, Dropbox, Google Drive и т. д. Вы можете заполнять слайды всеми необходимыми медиа данными из вашей облачной файловой системы или доступных интеграций. Подобные функции значительно расширяют возможности презентации. Вы можете показать все, что вам необходимо.  От прототипов Figma до видеороликов.

Экспорт презентации

Готовую презентацию можно экспортировать в форматах PPTX, PDF, URL. Так же сохранять для просмотра в offline. И конечно же встраивать посредством embed кода.

Импорт презентаций

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

Готовые шаблоны презентаций

В наличии имеется немного шаблонов для презентации

Собственный домен

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

Туториалы

На официальном YouTube канале Ludus можно найти много полезных обучающих видеороликов: https://www.youtube.com/c/LudusHQ/videos

Стоимость

Мне понравилась ценовая политика Ludus, которая берет подписку не с каждого отдельного пользователя, а предлагает подписку для команд. На 15 человек в месяц Ludus будет обходится всего 14.99 долларов.

Это очень выгодно. Получается, что каждый пользователь обходится 1$, в то время как конкурент Pitch.com берет 14 долларов только за одного пользователя.

Возможность транслировать свою камеру во время презентации

Порадовала полезная функция, которая позволяет открыть свою презентацию по ссылке и включить режим "Speaker view".  Это упращает задачу, когда вы хотите записать видео со своей презентацией.  Лайк. 🤘🏻

Итого

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

Плюсы:

💫 Разработчики дают 1 месяц бесплатного использования платформы, где вы можете самостоятельно убедиться в крутости Ludu.

Удобный графический редактор

Всевозможные интеграции

Ценовая политика

Возможность совместной работы

Возможность загружать собственные шрифты

Экспорт презентаций

Импорт PDF

Возможность установить пароль на презентацию

Минусы:

Единственный минус, он не сильно подойдет для одиночного использования. Цена слишком высока.

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

👍️ Мой верди��т: рекомендую. Попробовать Ludus: http://ludus.one

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.

[komarovdesign]

Ludus - это мощная онлайн платформа, которая позволяет вам создать презентацию онлайн и совместно работать над ней с коллегами в реальном времени. Вы можете встраивать в презентацию все, что пожелаете: от прототипов Figma до видеороликов. http://ludus.one

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

Идея разработчиков была в том, чтобы дать удобный и привычный инструмент для дизайнеров и отдельно дать доступ для тех, кто работает с контентом: меняет текст, данные и информацию.

Ludus позволяет:

Создать презентацию онлайн

Создать презентацию PDF

Опубликовать презентацию в интернете

Импортировать презентации и экспортировать в PPTX, PDF, HTML.

Совместно работать над презентацией

Делать анимации в презентациях

Встраивать видео, гифки, фото в презентацию

Создавать презентацию из фотографий

Удобный инструмент для дизайнеров

Открыв приложение вы находитесь в знакомой дизайнерской среде. Вы можете использовать свои любимые шрифты, обрезать изображения, вставлять файлы GIF или видео, а также применять режимы наложения. Вы даже можете создать библиотеку многократно используемых компонентов.

Контент

В Ludus каждый фрагмент контента представляет собой удобный блок, который может  брать данные из: Figma, Unsplash, Framer GIPHY, Dropbox, Google Drive и т. д. Вы можете заполнять слайды всеми необходимыми медиа данными из вашей облачной файловой системы или доступных интеграций. Подобные функции значительно расширяют возможности презентации. Вы можете показать все, что вам необходимо.  От прототипов Figma до видеороликов.

Экспорт презентации

Готовую презентацию можно экспортировать в форматах PPTX, PDF, URL. Так же сохранять для просмотра в offline. И конечно же встраивать посредством embed кода.

Импорт презентаций

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

Готовые шаблоны презентаций

В наличии имеется немного шаблонов для презентации

Собственный домен

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

Туториалы

На официальном YouTube канале Ludus можно найти много полезных обучающих видеороликов: https://www.youtube.com/c/LudusHQ/videos

Стоимость

Мне понравилась ценовая политика Ludus, которая берет подписку не с каждого отдельного пользователя, а предлагает подписку для команд. На 15 человек в месяц Ludus будет обходится всего 14.99 долларов.  

Это очень выгодно. Получается, что каждый пользователь обходится 1$, в то время как конкурент Pitch.com берет 14 долларов только за одного пользователя.

Возможность транслировать свою камеру во время презентации

Порадовала полезная функция, которая позволяет открыть свою презентацию по ссылке и включить режим "Speaker view".  Это упращает задачу, когда вы хотите записать видео со своей презентацией.  Лайк. 🤘🏻

Итого

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

Плюсы:

💫 Разработчики дают 1 месяц бесплатного использования платформы, где вы можете самостоятельно убедиться в крутости Ludu.

Удобный графический редактор

Всевозможные интеграции

Ценовая политика

Возможность совместной работы

Возможность загружать собственные шрифты

Экспорт презентаций

Импорт PDF

Возможность установить пароль на презентацию

Минусы:

Единственный минус, он не сильно подойдет для одиночного использования. Цена слишком высока.

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

👍️ Мой вердикт: рекомендую. Попробовать Ludus: http://ludus.one

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.

[komarovdesign]

Lens - это простой, бесплатный и удобный конвертер изображений для macOS. Просто перетащите изображение или несколько изображений и мгновенно конвертируйте их в другой формат. Иногда, подобная утилита - незаменимый помощник дизайнера.

Вы можете конвертировать из PNG в JPG и наобарот. Приложение поддерживает функцию оптмизации изображения. Если оно слишком большое, вы можете уменьшить его размер.  

Скачать конвертер изображений: https://getlens.me

Конвертер изображений для macOS 

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.

[komarovdesign]

Porkbun решила провести рекламную компанию и предлагает новым пользователям бесплатный домен в зоне .design

Бесплатный домен в зоне .design 

Зарегистрировать домен можно по этой ссылке: https://porkbun.com/tld/design Промокод: SIDEBAR21A

[komarovdesign]

Ludus - это мощная онлайн платформа, которая позволяет вам создать презентацию онлайн и совместно работать над ней с коллегами в реальном времени. Вы можете встраивать в презентацию все, что пожелаете: от прототипов Figma до видеороликов. http://ludus.one

Если вы давно задумывались о том, в как��й программе создать презентацию, то Ludus может быть идеальным решением для ваших задач. Ludus позволяет работать над презентацией вместе со своей командой в реальном времени. Помогает организовывать рабочий процесс с помощью общих каналов и определять роль для каждого участника отдельно. Это незаменимый инструмент для студий и агентств, которые не могут представить свою жизнь без презентаций.

Идея разработчиков была в том, чтобы дать удобный и привычный инструмент для дизайнеров и отдельно дать доступ для тех, кто работает с контентом: меняет текст, данные и информацию.

Ludus позволяет:

Создать презентацию онлайн

Создать презентацию PDF

Опубликовать презентацию в интернете

Импортировать презентации и экспортировать в PPTX, PDF, HTML.

Совместно работать над презентацией

Делать анимации в презентациях

Встраивать видео, гифки, фото в презентацию

Создавать презентацию из фотографий

Удобный инструмент для дизайнеров

Открыв приложение вы находитесь в знакомой дизайнерской среде. Вы можете использовать свои любимые шрифты, обрезать изображения, вставлять файлы GIF или видео, а также применять режимы наложения. Вы даже можете создать библиотеку многократно используемых компонентов.

Контент

В Ludus каждый фрагмент контента представляет собой удобный блок, который может  брать данные из: Figma, Unsplash, Framer GIPHY, Dropbox, Google Drive и т. д. Вы можете заполнять слайды всеми необходимыми медиа данными из вашей облачной файловой системы или доступных интеграций. Подобные функции значительно расширяют возможности презентации. Вы можете показать все, что вам необходимо.  От прототипов Figma до видеороликов.

Экспорт презентации

Готовую презентацию можно экспортировать в форматах PPTX, PDF, URL. Так же сохранять для просмотра в offline. И конечно же встраивать посредством embed кода.

Импорт презентаций

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

Готовые шаблоны презентаций

В наличии имеется немного шаблонов для презентации

Собственный домен

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

Туториалы

На официальном YouTube канале Ludus можно найти много полезных обучающих видеороликов: https://www.youtube.com/c/LudusHQ/videos

Стоимость

Мне понравилась ценовая политика Ludus, которая берет подписку не с каждого отдельного пользователя, а предлагает подписку для команд. На 15 человек в месяц Ludus будет обходится всего 14.99 долларов.  

Это очень выгодно. Получается, что каждый пользователь обходится 1$, в то время как конкурент Pitch.com берет 14 долларов только за одного пользователя.

Возможность транслировать свою камеру во время презентации

Порадовала полезная функция, которая позволяет открыть свою презентацию по ссылке и включить режим "Speaker view".  Это упращает задачу, когда вы хотите записать видео со своей презентацией.  Лайк. 🤘🏻

Итого

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

Плюсы:

💫 Разработчики дают 1 месяц бесплатного использования платформы, где вы можете самостоятельно убедиться в крутости Ludu.

Удобный графический редактор

Всевозможные интеграции

Ценовая политика

Возможность совместной работы

Возможность загружать собственные шрифты

Экспорт презентаций

Импорт PDF

Возможность установить пароль на презентацию

Минусы:

Единственный минус, он не сильно подойдет для одиночного использования. Цена слишком высока.

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

👍️ Мой вердикт: рекомендую. Попробовать Ludus: http://ludus.one

[komarovdesign]

Akar icons - это бесплатная коллекция идеальных иконок созданная для дизайнеров и разработчиков. Чистые и красивые SVG иконки для ваших проектов. На сайте вы можете установить толщину и размер иконок. Всего в коллекции 208 иконок. Рекомендую.

Скачать иконки бесплатно: Akaricons.com

[komarovdesign]

Нашел интересное бесплатно приложение для MacOS. Утилита Displaperture позволяет скруглять углы вашего дисплея. По началу мне показалась эта функция смешной, но после реального опыта использования пришел к тому, что скругленные края дисплея выглядят действительно лучше.

�� приложении можно настраивать свой радиус углов. Сделать их супер большими или маленькими. Попробуйте, это забавно.

Скачать: https://manytricks.com/displaperture/

[komarovdesign]

Sketchappsources - это лучшая платформа с бесплатными ресурсам для Sketch. Вы можете скачать бесплатно профессиональные макеты, шаблоны, ui наборы, иконки, графику, иллюстрации и многое другое для ваших проектов. MustHave ресурс для дизайнеров работающих в приложении Sketch.

Кроме этого в  Sketchappsources вы можете найти:

Туториалы по Sketch

Полезные видео по Sketch

Плагины для Sketch

Файлы с различными данными для Sketch (Date)

Прототипы

Премиальные дизайн-ресурсы

UI библиотеки для Sketch

На сайте вы сможете найти 2700+ первоклассных UI наборов и скачать совершенно бесплатно.

Бесплатные UI KIT шаблоны для Sketch 

Скачать бесплатно UI Kits для Sketch: https://www.sketchappsources.com/category/ui.html

Иллюстрации для Sketch

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

Скачать бесплатные иллюстрации для в формате Sketch: https://www.sketchappsources.com/tag/illustration.html

Логотипы и иконки для Sketch

Огромное количество всевозможных логотипов компаний и иконок в формате Sketch.  Скачивайте логотипы платежных систем, логотипы криптавалют и многое другое. Максимально полезные билиотеки для работы.

Скачать наборы логотипов бесплатно: https://www.sketchappsources.com/category/logo.html

Брендбуки и гайдлайны для Sketch

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

Мокапы, иконки, UI, Dashboards, графики и многое другое.

На сайте Sketchappsources собрано огромное количество совершенно разных ресурсов и исходников Sketch для любых задач и проектов.

Коллекция бесплатных плагинов и расширений для Sketch

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

Скачать плагины для Sketch: https://www.sketchappsources.com/plugins-for-sketch.html

Полезные видео, уроки и туториалы для Скетча

Благодаря разделу с видео, где вы можете найти интересные материалы, вы можете улучшить свои знания в Sketch и научиться новым навыкам.  Изучайте дизайн-системы, базовый функционал, советы, рекомендации, хитрости.

Туториалы для скетч: https://www.sketchappsources.com/tutorials-tips.html

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.

[komarovdesign]

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

С этими онлайн приложениями вы сможете создават мокапы:

Browser

Apple

Android

Windows

И другие.

Shotsnapp

Бесплатный и простой инструмент для создания макетов устройств для вашего приложения и дизайна веб-сайтов. Минус: Не поддерживает Safari. https://app.shotsnapp.com

Animockup

Позволяет создавать бесплатные анимированные макеты продуктов с видео и анимированные GIF-файлы.

https://animockup.com

Mock

Приложение, которое позволяет легко добавлять кадры устройства в записи экрана для создания красивых макетов видео. https://www.mock.video

Threed

Создавайте пользовательские макеты 3D-устройств в своем браузере. https://threed.io

Device Shots

Создавайте бесплатно макеты устройств в высоком разрешении со снимками экрана вашего веб-сайта или мобильного приложения. https://deviceshots.com

Store Previewer

Очень удобный инструмент который позволяет создать предварительный просмотр вашего приложения в App Store без необходимости его публикации. https://www.storepreviewer.com

Facebook Design

Файлы изображений и эскизов популярных устройств. https://design.facebook.com/toolsandresources/devices

Dimmy.Club

Простой Генератор мокапов устройств для ваших скриншотов.

https://dimmy.club

Rotato

Одно из лучших приложений на Mac для создания анимационных мокапов. https://www.rotato.xyz

Veed

Простой и быстрый способ добавить субтитры к вашим видео в Интернете. https://www.veed.io

Screen Guru

Делайте чистые скриншоты любого веб-сайта. https://screen.guru

Screenly

Мгновенно превратите свои скриншоты в красивые мокапы рабочего стола.

https://www.screely.com

Artboard Studio

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

Prewiwed

Удобный онлайн инструмент, который позволяет легко генерировать красивый мокапы и скачивать их в высоком разрешении. https://previewed.app

Позволяет выбирать 3d модели и готовые шаблоны сцен и крутить их как душе угодно.

MockJar

712+ реалистичных мокапов для вашего дизайна

https://mockupsjar.com/

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.

[komarovdesign]

RF Tone - это чистый и приятный кириллический шрифт. Тон был вдохновлен классическими геометрическими шрифтами без засечек, но имеет отчетливый современный дух. Содержит 16 стилей от сверхлегкого до черного: 8 обычных и 8 курсивных. Имеют многоязычную поддержку и большое количество функций OpenType.

Этот шрифт удобен для чтения при небольшом размере. Отлично подходит для больших фрагментов текста или в качестве основного шрифта в дизайне веб-сайтов. Логотипы и брендинг, упаковка, плакаты, музыкальные обложки, навигационные системы, видео - это лишь некоторые области, в которых Tone может вам помочь.

Стомость RF Tone Full Pack 178$ Cкачать шрифт: RF Tone

RF Tone шрифт

RF Tone шрифт

Cкачать шрифт: RF Tone

[komarovdesign]

Недавно я публиковал статью, которая вызвала интерес, о японском продукте Studio Design, где разработчики пытались подружить дизайн и код. Как оказалось, это были цветочки. На этот раз мне попался очень интересный китайский проект Mockplus, где разработчики попытались объединить все: дизайн, документы, задачи, userflow, разработчиков и совместную работу.

Работая 10+ лет продуктологом и дизайнером, я безустанно изучаю различные проекты со всего мира. Вникая в их UX/UI, изучаю тренды и тенденции, технологии и подходы. И вот мимо Mockplus я не смог пройти оставшись равнодушным. Все, что дизайнеры обсуждали на обеде в офисах, на тему того, как бы упростить процессы работы над продуктом и связать все в единое пространство, эти психи подслушали и реализовали. http://www.mockplus.com

Что сделали китайцы?

Mockplus предоставляет вам универсальную платформу для проектирования продуктов, позволяющую проектировать быстрее, умнее и проще.

У Mockplus более 2 000 000 пользователей по всему миру, и по словам разработчиков, им доверяют более 200 000 команд. Такие бренды, как Huawei, IBM, Microsoft, DJI и Oracle, используют Mockplus для создания продуктов.

Полноценный онлайн редактор с возможностью совместной работы

Не Figma конечно, но со своими достоинствами и интересным подходом. Редактор в целом имеет все необходимые функции для создания дизайна. Кроме этого есть возможность сразу создавать интерактивные взаимодействия.

Еще они добавили возможность создавать интерактивные элементы, это то, что сейчас активно развивает Framer.  И это действительно очень круто и удобно. За этим будущее.

В арсенале имеется огромная библиотека готовых и настраиваемых интерактивных элементов.

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

Таблицы.

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

Работа с документами

С этой платформой вам теперь не надо хранить в другом приложении документацию. Все можно делать в одном пространстве.

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

Работа с прототипами

Отдельная вкладка для работы с прототипами. Для тех кто любит создавать наброски и скетчи, выделен отдельный мирок для них и имеется интеграция с Axure.

Работа c userflow

Отдельно можно проработать userflow c макетами и наглядко показать путь пользователя к цели.

Для разработчиков

Заливать макет в Zeplin или Avocode тоже нет необходимости. Для разработчиков тоже предусмотрена отдельная среда, где они удобно могут брать данные для приложения или веб-сайта.

Интеграция

На платформе есть интеграция с любимыми приложениями.

Менеджер задач.

Для работы над продуктом теперь можно не использовать стороннее приложение для постановки и контроля задач.

Имееются к тому же всякие модные настройки и отображения.

Дизайн система

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

Тестирование

8 способов предварительного просмотра и способов поделиться прототипами на всех устройствах: мгновенный предварительный просмотр, посмотреть на телефоне, экспорт в HTML офлайн.

Цена

В Mockup есть бесплатная версия с ограничениями и платная. Стоит это счатье $5.95 за 1 пользователя в месяц.

Итого

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

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

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

Протестируйте, возможно это тот инструмент, о котором вы давно мечтали. Попробовать Mockplus

[komarovdesign]

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

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

Как я выбирал шрифты?

Сложно объяснить, почему тебе нравится тот или иной шрифт, когда ты каждый день проводишь время в графическом редакторе, работаешь с дизайном и анализируешь тысячи визуальных решений. Большинство шрифтов было найдено случайно, когда я собирал мудборды, делал ресерч или просто находил интересные проекты.

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

Хороший шрифт заставляет мгновенно на себя обратить внимания. Ты контактируешь с ним и сразу думаешь: "Вау, а что это за шрифт тут использовался, выглядит круто". Начинаешь изучать исходники и пополняешь свою коллекцию новыми находками.

В каждом представленном шрифте есть что-то особенное. У одного шрифта очень красивый крупный заголовок, у другого цифры, третий отлично подойдет для основного текста. Где-то шрифты более сбалансированные и их отлично использовать и в заголовке и в основном тексте. А где-то лучше комбинировать с другой парой.

Я надеюсь, вы найдете свой любимый шрифт из этой коллекции, а если нет, то поделитесь в комментариях своим самым любимым шрифтом.

Gotham Pro

Стоимость Gotham Bundle $299.00 Скачать шрифт: Gotham Pro Кроме этого, шрифт можно скачать бесплатно на GitHub https://github.com/Seafnox/Gothampro

Gotham Pro шрифт кириллица

Gotham Pro шрифт

Visuelt Pro

Visuelt Pro шрифт

Visuelt - это кириллический шрифт без засечек. Этот шрифт разработали Энтони Шерет и Эдд Харрингтон. Visuelt издан на Colophon Foundry в 2014 году. Это очень уникальный и удивительный шрифт. У этого шрифта 7 начертаний, и у каждого начертания 2 стиля, что означает, что у Visuelt всего 14 стилей. Этот шрифт был разработан как индивидуальный шрифт для конференции по идентичности дизайна 2013 и 2014 годов, которая также известна как Национальная норвежская награда за дизайн.

Стоимость Visuelt Pro Complete Family $718 Скачать шрифт: Visuelt Pro

TT Norms Pro

Один из моих любимых шрифтов. Norms Pro включает 26 шрифтов, 1581 символ в каждом шрифте, 24 функции OpenType, поддержку более 260 языков (расширенная латынь, расширенная кириллица, греческий и т. Д.) И многое другое.

Стоимость TT Norms Pro Complete Family $249.00 Скачать шрифт: TT Norms Pro

Eastman

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

Кириллический шрифт Eastman был разработан в 2020 году для Zetafonts Франческо Кановаро и Андреа Тартарелли с помощью Соленн Бордо. Это семейство рабочих лошадок с геометрическим рисунком, разработанное для максимальной универсальности как при отображении, так и при использовании текста, с широким диапазоном веса и прочной монолинейной конструкцией с высокой высотой x, что делает Eastman чрезвычайно удобочитаемым на бумаге и на экране. Стоимость Eastman Full Family 297$ Скачать шрифт: Eastman

Есть бесплатный аналог этого шрифта: Montserrat, шрифты очень похожи, но в деталях отличаются.

Rf Tone

Очень чистый и приятный шрифт. Тон был вдохновлен классическими геометрическими шрифтами без засечек, но имеет отчетливый современный дух. Содержит 16 стилей от сверхлегкого до черного: 8 обычных и 8 курсивных. Имеют многоязычную поддержку и большое количество функций OpenType.

Этот шрифт удобен для чтения при небольшом размере. Отлично подходит для больших фрагментов текста или в качестве основного шрифта в дизайне веб-сайтов. Логотипы и брендинг, упаковка, плакаты, музыкальные обложки, навигационные системы, видео - это лишь некоторые области, в которых Tone может вам помочь.

Стомость RF Tone Full Pack 178$ Cкачать шрифт: RF Tone

Value Sans Pro

Немного "острый" шрифт, но выглядит чистым и современным. Value - это современное семейство двух гарнитур. Value Sans и Value Serif были созданы в ответ на разговоры, посвященные понятиям культурного и финансового обмена: Value Sans заимствует стиль и поведение у таких прецедентов, как Elegant Grotesk (Германия) и Granby (Великобритания); Value Serif отдает дань уважения таким предкам, как Plantin Infant (Франция, США) и Italian Old Style (США).

Стоимость Complete Sans Family 437$ Скачать шрифт: Value Sans Pro

Gordita

Gordita - максимально приближенный шрифт к стандартному, но со своей особенной красотой. Впервые я его увидел, когда искал приложение для менеджмента и тестировал Asana, мне сразу понравился дизайн и интерфейс приложения. Шрифт Gordita прекрасно подойдет для основного текста. Особенно хорош будет в сложных и больших интерфейсах: таблицы, данные, статистика и прочее.

Стомость Gordita Complete Family 140$ Скачать шрифт: Gordita

Mabry

Mabry "игривый" шрифт с оттенком трендовых "ломанных" шрифтов. Обратите внимание на "подрезанные" буквы М или И. Но при этом, он сделан настолько аккуратно, что прекрасно вписывается в UI, не отнимая на себя много внимания. Отлично подойдет для молодых, дерзких и и современных проектов.

Первоначально заказанный шрифт Mabry в 2014 году для лос-анджелесской компании по производству одежды Nasty Gal - названной так в честь альбома 1975 года и одноименной песни влиятельной фанк-певицы Бетти Дэвис (родившаяся Бетти Мабри, 1945) - Mabry является коммерческой версией первого Н.Г. Гротеск.

Стоя одной ногой среди идиосинкразических форм гротесков конца 19 века, а другой - среди рациональной математики геометрических шрифтов без засечек начала 20 века, Мабри позиционирует себя как несколько вещей одновременно: современных и исторических, строгих и жестких, объективный и субъективный, культурный и неточный; одновременно изысканный и грубый. Красивый и удивительный шрифт.

Стоимость Complete Family Mabry: 547$ Скачать шрифт: Mabry

Averta

Averta - очень аккуратный и приятный шрифт. Придаст элегантность и легкость любому вашему проекту.

Averta - это семейство геометрических шрифтов без засечек, созданное знаменитым дизайнером Костасом Бартсокасом. Шрифты с засечками простые, но привлекательные с характерной индивидуальностью. Чисто геометрические закругления, открытые апертуры и низкоконтрастные штрихи позволяют передать немодерированный, прямой тон, что приводит к модернистскому, нейтральному и дружелюбному шрифту. Стоимость Averta Family: 149$ Скачать шрифт: Averta

Mont

Изысканный, дружелюбный, немного "острый" шрифт с интересным балансом разных характеров.

Mont - это геометрический шрифт без засечек, состоящий из 10 цветов от линии волос до черного с соответствующим курсивом. Он поддерживает расширенную латиницу, кириллицу и греческий - всего более 130 языков.

Сбалансированная характеристика Mont с уникальными деталями, такими как заостренная буква «t» и выдающаяся высота по оси X, делают его идеальным для ярких заголовков и ярких логотипов, а также для длинного текста. Стоимость Mont Family 245$ Скачать шрифт: Mont

Топ 10 списком лучших кириллических шрифтов для использования в веб-сайтах и мобильных приложениях:

Gotham Pro

Visuelt Pro

TT Norms Pro

Eastman

RF Tone

Value Sans Pro

Gordita

Mabry

Averta

Mont

💫 Бонус

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

Скачать

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.