Forwarded from Журналус
Источники файлов для работы
Сегодня дизайнеру не обязательно создавать каждый элемент с нуля. Существует множество библиотек с готовыми ассетами для создания графического дизайна, интерфейсов, презентаций, иллюстраций, 3D-анимаций и других случаев.
Крупные площадки с платными и бесплатными материалами:
• Craftwork — магазин качественных цифровых товаров для дизайнеров интерфейсов. В продаже есть UX/UI-киты, иконки и шрифты, а также большое количество 2D и 3D-иллюстраций, мокапы, шаблоны презентаций и ещё очень много всего
• Icons8 — большая экосистема из библиотек иллюстраций, иконок и других материалов, а также инструментов, в том числе на основе ИИ
• LS Graphics — шикарные минималистичные мокапы, иллюстрации и Ui-киты
• Creative Market — широкий ассортимент ассетов от картинок до 3D-моделей
• Yellow Images — большой магазин мокапов, иллюстраций, текстур, шрифтов и эффектов
• Envato Elements — музыка, шаблоны анимаций, 3D-модели, шрифты и многое другое
• Creative Toolkit — иллюстрации, иконки, шаблоны и мокапы
• UI8 — огромный маркетплейс с UI-наборами и иллюстрациями
• Pixelbuddha — PSD-шаблоны, эффекты, шрифты, экспрешены и многое другое
• Animockup — веб-инструмент для создания анимированных мокапов для презентации продуктов. Более 20 гаджетов, гибкие настройки экспорта
• UI Store — библиотека шаблонов и иллюстраций для создания сайтов и мобильных приложений. Доступно в форматах Sketch, Figma, Adobe XD, Illustrator и Photoshop
• Shutterstock — крупнейший сток с фотографиями, иллюстрациями, видео, музыкой, шаблонами и другими ассетами. Достаточно дорогой
• Сеть сайтов Sketch Elements, Figma Elements, Adobe XD Elements и Framer Elements. Большая курируемая библиотека исходников в форматах под перечисленные редакторы. Иконки, дизайн-системы, мокапы, иллюстрации, наборы интерфейсной графики, плагины
Фотографии:
• Death to Stock — качественные фото и видео по подписке
• Unsplash — самый известный сток бесплатных фотографий
• Openverse — поиск бесплатных изображений. В базе поисковика уже более 600 млн изображений под лицензией CC
• Rawpixel — сток винтажных фотографий и иллюстраций с лицензией СС0, а также классических картин
• Artvee — поисковик по классическим картинам в статусе общественного достояния (Public Domain)
• Everypixel — поисковик, который отфильтровывает трэшовые и устаревшие изображения при помощи нейросетей
Мокапы:
• Mockup.maison — огромный магазин качественных мокапов, созданных из живых фотографий
• Porter Packaging — реалистичные мокапы пакетов, коробок, бумажных конвертов и скотча от новозеландского предприятия, которое занимается производством упаковки
• Mockups design — большой ресурс с реалистичными мокапами для презентации айдентики, веб-дизайна, принтов для одежды и многого другого.
Иконки:
• The Noun Project — популярная онлайн-библиотека иконок
• Flaticons — популярная онлайн-библиотека статичных и анимированных иконок в PNG, SVG, EPS, PSD и CSS. Есть платные и бесплатные
• Иконки Чикина — библиотека Сергея Чикина, которую он каждый день дополняет новой иконкой. Сейчас в наборе 1800+ иконок в едином стиле. Доступны бесплатно для всех, кроме юр. лиц — для них платно
• Remix Icon — 1300+ бесплатных опенсорсных иконок. Иконки нарисованы по сетке 24×24, каждая в двух стилях: линиями и с заливкой. Форматы SVG, JPEG, PNG и веб-шрифт
• Iconer — огромнейшая онлайн-библиотека из 32000+ настраиваемых векторных иконок. На сайте доступен поиск с группировкой по стилю, типу заливки, тегам и лицензиям
• Tabler Icons — коллекция линейных иконок с настройкой толщины
• Iconoteka — набор из 1000+ детализированных SVG-иконок от Олега Турбаба. На сайте можно выбрать версию с заливкой или без, а также настроить толщину линий. Коллекция периодически пополняется и обновляется
Сегодня дизайнеру не обязательно создавать каждый элемент с нуля. Существует множество библиотек с готовыми ассетами для создания графического дизайна, интерфейсов, презентаций, иллюстраций, 3D-анимаций и других случаев.
Крупные площадки с платными и бесплатными материалами:
• Craftwork — магазин качественных цифровых товаров для дизайнеров интерфейсов. В продаже есть UX/UI-киты, иконки и шрифты, а также большое количество 2D и 3D-иллюстраций, мокапы, шаблоны презентаций и ещё очень много всего
• Icons8 — большая экосистема из библиотек иллюстраций, иконок и других материалов, а также инструментов, в том числе на основе ИИ
• LS Graphics — шикарные минималистичные мокапы, иллюстрации и Ui-киты
• Creative Market — широкий ассортимент ассетов от картинок до 3D-моделей
• Yellow Images — большой магазин мокапов, иллюстраций, текстур, шрифтов и эффектов
• Envato Elements — музыка, шаблоны анимаций, 3D-модели, шрифты и многое другое
• Creative Toolkit — иллюстрации, иконки, шаблоны и мокапы
• UI8 — огромный маркетплейс с UI-наборами и иллюстрациями
• Pixelbuddha — PSD-шаблоны, эффекты, шрифты, экспрешены и многое другое
• Animockup — веб-инструмент для создания анимированных мокапов для презентации продуктов. Более 20 гаджетов, гибкие настройки экспорта
• UI Store — библиотека шаблонов и иллюстраций для создания сайтов и мобильных приложений. Доступно в форматах Sketch, Figma, Adobe XD, Illustrator и Photoshop
• Shutterstock — крупнейший сток с фотографиями, иллюстрациями, видео, музыкой, шаблонами и другими ассетами. Достаточно дорогой
• Сеть сайтов Sketch Elements, Figma Elements, Adobe XD Elements и Framer Elements. Большая курируемая библиотека исходников в форматах под перечисленные редакторы. Иконки, дизайн-системы, мокапы, иллюстрации, наборы интерфейсной графики, плагины
Фотографии:
• Death to Stock — качественные фото и видео по подписке
• Unsplash — самый известный сток бесплатных фотографий
• Openverse — поиск бесплатных изображений. В базе поисковика уже более 600 млн изображений под лицензией CC
• Rawpixel — сток винтажных фотографий и иллюстраций с лицензией СС0, а также классических картин
• Artvee — поисковик по классическим картинам в статусе общественного достояния (Public Domain)
• Everypixel — поисковик, который отфильтровывает трэшовые и устаревшие изображения при помощи нейросетей
Мокапы:
• Mockup.maison — огромный магазин качественных мокапов, созданных из живых фотографий
• Porter Packaging — реалистичные мокапы пакетов, коробок, бумажных конвертов и скотча от новозеландского предприятия, которое занимается производством упаковки
• Mockups design — большой ресурс с реалистичными мокапами для презентации айдентики, веб-дизайна, принтов для одежды и многого другого.
Иконки:
• The Noun Project — популярная онлайн-библиотека иконок
• Flaticons — популярная онлайн-библиотека статичных и анимированных иконок в PNG, SVG, EPS, PSD и CSS. Есть платные и бесплатные
• Иконки Чикина — библиотека Сергея Чикина, которую он каждый день дополняет новой иконкой. Сейчас в наборе 1800+ иконок в едином стиле. Доступны бесплатно для всех, кроме юр. лиц — для них платно
• Remix Icon — 1300+ бесплатных опенсорсных иконок. Иконки нарисованы по сетке 24×24, каждая в двух стилях: линиями и с заливкой. Форматы SVG, JPEG, PNG и веб-шрифт
• Iconer — огромнейшая онлайн-библиотека из 32000+ настраиваемых векторных иконок. На сайте доступен поиск с группировкой по стилю, типу заливки, тегам и лицензиям
• Tabler Icons — коллекция линейных иконок с настройкой толщины
• Iconoteka — набор из 1000+ детализированных SVG-иконок от Олега Турбаба. На сайте можно выбрать версию с заливкой или без, а также настроить толщину линий. Коллекция периодически пополняется и обновляется
Craftwork
Craftwork: UX/UI kits, illustrations, mockups, fonts and more
Design resources for everyone. Freebies and premium web design products, custom illustrations and graphics on one marketplace.
Forwarded from Журналус
Web Design Museum. Электронный музей веб-дизайна. Заботливо сохраняет все версии популярных сайтов, начиная с самых ранних.
🥷 Иногда, когда мне становится грустно или одиноко, или просто нападает тоска - создаю постеры. Так я выражаю свои эмоции и чувства, т.к. иногда сложно выразить свои эмоции словами, но рисование может помочь проявить их через визуал.
🌌 Рисование постеров также может быть способом самовыражения и выражения того, как я вижу мир вокруг себя. Это может быть особенно полезно, когда чувствуется одиночество и отчуждение от окружающих людей и мира в целом. Рисуя постеры, я могу создать свой мир, в котором чувствую себя комфортно и безопасно…
😊 В целом, рисование постеров может быть очень терапевтическим и полезным способом выражения своих эмоций и чувств, а также способом создания чего-то прекрасного и вдохновляющего в мире, где может быть много грусти и тоски.
⁉️А что делаете вы, когда вам грустно или когда у вас плохое настроение?
#poster #design
🌌 Рисование постеров также может быть способом самовыражения и выражения того, как я вижу мир вокруг себя. Это может быть особенно полезно, когда чувствуется одиночество и отчуждение от окружающих людей и мира в целом. Рисуя постеры, я могу создать свой мир, в котором чувствую себя комфортно и безопасно…
😊 В целом, рисование постеров может быть очень терапевтическим и полезным способом выражения своих эмоций и чувств, а также способом создания чего-то прекрасного и вдохновляющего в мире, где может быть много грусти и тоски.
⁉️А что делаете вы, когда вам грустно или когда у вас плохое настроение?
#poster #design
🥷 Коничива, самураи!
👍 Хочу пригласить вас в мой пинтерест для поиска вдохновения и просто визуального наслаждения!
❤️ Буду рад если какой-нибудь сохраненный мною пин послужит референсом или источником вдохновения для ваших проектов!
🤟 Аригато!
👍 Хочу пригласить вас в мой пинтерест для поиска вдохновения и просто визуального наслаждения!
❤️ Буду рад если какой-нибудь сохраненный мною пин послужит референсом или источником вдохновения для ваших проектов!
🤟 Аригато!
Привет, друзья!
🤔 Согласитесь, круто если бы был сервис для дизайнеров, где все удобно и четко собрано и рассортировано: и иконки, и мокапы, и веб-сайт для вдохновения, в общем все-все полезное!
👉 Недавно на такой агрегатор наткнулся и имя ему Toools.design.
👍 Это один из крупнейших архивов дизайнерских ресурсов, в его базе более тысячи полезнях и крутых сервисов. Данный сервис будет интересен как профессионалам в области дизайна, так и начинающим дизайнерам.
❤️ Банзай!
🤔 Согласитесь, круто если бы был сервис для дизайнеров, где все удобно и четко собрано и рассортировано: и иконки, и мокапы, и веб-сайт для вдохновения, в общем все-все полезное!
👉 Недавно на такой агрегатор наткнулся и имя ему Toools.design.
👍 Это один из крупнейших архивов дизайнерских ресурсов, в его базе более тысячи полезнях и крутых сервисов. Данный сервис будет интересен как профессионалам в области дизайна, так и начинающим дизайнерам.
❤️ Банзай!
👋Привет!
Веб-дизайнеру при выполнении проектов часто приходится выбирать между почасовой оплатой за работу или фиксированной ценой за весь проект.
Что же выбрать?
Каждый из вариантов имеет свои преимущества и недостатки, которые стоит учитывать.
Почасовая оплата дает возможность точно отслеживать объем выполненных работ и оплачивать именно тот объем, который был реализован на практике. Однако при почасовой оплате есть риск того, что работа может затянуться из-за непредвиденных обстоятельств, что приведет к удорожанию проекта. Кроме того, клиенту может показаться, что веб-дизайнер затягивает с процессом, чтобы заработать больше, даже если это не соответствует действительности.
При фиксированной оплате клиент заранее знает точную стоимость проекта и может четко планировать расходы. В этом случае веб-дизайнер берет на себя риск того, что объем работы может оказаться больше ожидаемого, а оплата - недостаточной.
👇Продолжение в комментариях
Веб-дизайнеру при выполнении проектов часто приходится выбирать между почасовой оплатой за работу или фиксированной ценой за весь проект.
Что же выбрать?
Каждый из вариантов имеет свои преимущества и недостатки, которые стоит учитывать.
Почасовая оплата дает возможность точно отслеживать объем выполненных работ и оплачивать именно тот объем, который был реализован на практике. Однако при почасовой оплате есть риск того, что работа может затянуться из-за непредвиденных обстоятельств, что приведет к удорожанию проекта. Кроме того, клиенту может показаться, что веб-дизайнер затягивает с процессом, чтобы заработать больше, даже если это не соответствует действительности.
При фиксированной оплате клиент заранее знает точную стоимость проекта и может четко планировать расходы. В этом случае веб-дизайнер берет на себя риск того, что объем работы может оказаться больше ожидаемого, а оплата - недостаточной.
👇Продолжение в комментариях
#postmicro
Незаметные герои веб-дизайна
Микро-взаимодействия – это небольшие, детализированные элементы взаимодействия, которые добавляют к сайту дополнительную функциональность и визуальный интерес. Тенденция использования микро-взаимодействий в веб-дизайне стала очень популярной в последнее время, и мы видим все больше сайтов, использующих эти элементы для создания более лучшего пользовательского опыта.
Продолжение статьи ниже 👇
Незаметные герои веб-дизайна
Микро-взаимодействия – это небольшие, детализированные элементы взаимодействия, которые добавляют к сайту дополнительную функциональность и визуальный интерес. Тенденция использования микро-взаимодействий в веб-дизайне стала очень популярной в последнее время, и мы видим все больше сайтов, использующих эти элементы для создания более лучшего пользовательского опыта.
Продолжение статьи ниже 👇
Незаметные герои веб-дизайна. Продолжение #postmicro
Микро-взаимодействия могут быть разными. Они могут включать в себя анимированные кнопки, меню и выпадающие списки, изменение цвета, формы и размера элементов при наведении курсора мыши, а также всплывающие окна и подсказки. Они обычно используются для улучшения удобства использования сайта, предоставления пользователю дополнительной информации или демонстрации функциональности.
Одним из примеров микро-взаимодействий является кнопка "Like" на Facebook. Кнопка изменяется при наведении курсора мыши, чтобы обеспечить пользователю обратную связь о том, что он выбрал правильную опцию. Когда пользователь нажимает на кнопку, она анимируется и изменяется на "Liked", что обеспечивает удовлетворение и подтверждение действия.
Другим примером микро-взаимодействия является использование иконок, чтобы обозначить различные функции на сайте. Например, если пользователь наводит курсор мыши на иконку поиска на сайте, то она может изменяться на иконку микрофона для использования голосового поиска. Это создает более интерактивный и функциональный опыт для пользователей.
Еще одним примером микро-взаимодействия является использование анимации для показа информации. Например, при наведении курсора на ссылку на сайте, может появляться всплывающее окно с дополнительной информацией об этой ссылке. Это делает сайт более интересным и удобным в использовании.
Однако, как и с любым другим элементом дизайна, умеренность в использовании микро-взаимодействий является ключом к успеху. Использование слишком многих микро-взаимодействий может перегрузить сайт и ухудшить пользовательский опыт. Кроме того, чрезмерное использование микро-взаимодействий может замедлить скорость загрузки сайта, что может негативно сказаться на SEO и привести к потере посетителей.
Поэтому, при использовании микро-взаимодействий в веб-дизайне, нужно учитывать следующие факторы:
1. Оптимизация скорости загрузки сайта. Чтобы убедиться, что сайт загружается быстро, нужно использовать легкие и оптимизированные элементы микро-взаимодействия.
2. Понятность и доступность. Микро-взаимодействия должны быть понятны и легко доступны для всех пользователей. Не стоит делать элементы слишком маленькими или использовать необычные формы, которые могут вызвать путаницу у пользователей.
3. Совместимость с различными устройствами. Микро-взаимодействия должны работать на всех устройствах, включая компьютеры, планшеты и мобильные устройства.
4. Умеренность в использовании. Используйте только те микро-взаимодействия, которые действительно улучшают пользовательский опыт и не перегружают сайт.
В целом, микро-взаимодействия являются важным элементом современного веб-дизайна и могут существенно улучшить пользовательский опыт.
Микро-взаимодействия могут быть разными. Они могут включать в себя анимированные кнопки, меню и выпадающие списки, изменение цвета, формы и размера элементов при наведении курсора мыши, а также всплывающие окна и подсказки. Они обычно используются для улучшения удобства использования сайта, предоставления пользователю дополнительной информации или демонстрации функциональности.
Одним из примеров микро-взаимодействий является кнопка "Like" на Facebook. Кнопка изменяется при наведении курсора мыши, чтобы обеспечить пользователю обратную связь о том, что он выбрал правильную опцию. Когда пользователь нажимает на кнопку, она анимируется и изменяется на "Liked", что обеспечивает удовлетворение и подтверждение действия.
Другим примером микро-взаимодействия является использование иконок, чтобы обозначить различные функции на сайте. Например, если пользователь наводит курсор мыши на иконку поиска на сайте, то она может изменяться на иконку микрофона для использования голосового поиска. Это создает более интерактивный и функциональный опыт для пользователей.
Еще одним примером микро-взаимодействия является использование анимации для показа информации. Например, при наведении курсора на ссылку на сайте, может появляться всплывающее окно с дополнительной информацией об этой ссылке. Это делает сайт более интересным и удобным в использовании.
Однако, как и с любым другим элементом дизайна, умеренность в использовании микро-взаимодействий является ключом к успеху. Использование слишком многих микро-взаимодействий может перегрузить сайт и ухудшить пользовательский опыт. Кроме того, чрезмерное использование микро-взаимодействий может замедлить скорость загрузки сайта, что может негативно сказаться на SEO и привести к потере посетителей.
Поэтому, при использовании микро-взаимодействий в веб-дизайне, нужно учитывать следующие факторы:
1. Оптимизация скорости загрузки сайта. Чтобы убедиться, что сайт загружается быстро, нужно использовать легкие и оптимизированные элементы микро-взаимодействия.
2. Понятность и доступность. Микро-взаимодействия должны быть понятны и легко доступны для всех пользователей. Не стоит делать элементы слишком маленькими или использовать необычные формы, которые могут вызвать путаницу у пользователей.
3. Совместимость с различными устройствами. Микро-взаимодействия должны работать на всех устройствах, включая компьютеры, планшеты и мобильные устройства.
4. Умеренность в использовании. Используйте только те микро-взаимодействия, которые действительно улучшают пользовательский опыт и не перегружают сайт.
В целом, микро-взаимодействия являются важным элементом современного веб-дизайна и могут существенно улучшить пользовательский опыт.
😊 Предлагаю немного расслабиться и пройти тест (Грейд Детектор) от ребят из студии Pragmatica.Design. Он покажет, какой вы дизайнер. Надо ответить на 12 вопросов.
🧑💻 Займет тест немного времени, единственное, бот вначале попросит подписаться на канал Pragmatica, вопросы весьма интересные так, что если кто неравнодушен к тестам - милости просим!
👇 В комментах можете поделиться своими результатами, я вот свой выкладываю
🔗 Ссылка на бота с тестом: Тык
🧑💻 Займет тест немного времени, единственное, бот вначале попросит подписаться на канал Pragmatica, вопросы весьма интересные так, что если кто неравнодушен к тестам - милости просим!
👇 В комментах можете поделиться своими результатами, я вот свой выкладываю
🔗 Ссылка на бота с тестом: Тык
***
Слова не нужны,
Плакаты говорят всё…
Созерцаю их
👇🏻👇🏻👇🏻
Слова не нужны,
Плакаты говорят всё…
Созерцаю их
👇🏻👇🏻👇🏻
Forwarded from Журналус
Лучшее из ВКонтакте
Подборка интересных постов из нашей коллекции дизайнерских пабликов за последнюю неделю. Цветом выделен самый топчик.
• Плакаты Петра Банкова
• Плакаты David Wise
• Плакаты Quim Marin Studio
• Плакаты Wyatt Knowles
• Дизайн талисмана для детской секции публичной библиотеки Креаццо
• Картины Павла Назима
• Работы Милтона Глейзера
• 7 ошибок в композиции
• The Banana Project
• Сервисы, которые помогут улучшить текст
• Иллюстрации Юлии Журавлевой
Подборка интересных постов из нашей коллекции дизайнерских пабликов за последнюю неделю. Цветом выделен самый топчик.
• Плакаты Петра Банкова
• Плакаты David Wise
• Плакаты Quim Marin Studio
• Плакаты Wyatt Knowles
• Дизайн талисмана для детской секции публичной библиотеки Креаццо
• Картины Павла Назима
• Работы Милтона Глейзера
• 7 ошибок в композиции
• The Banana Project
• Сервисы, которые помогут улучшить текст
• Иллюстрации Юлии Журавлевой
⌚ Время стремительно летит вперед, а нейросетей, способных помочь человеку в той или иной проблеме, становится все больше и больше! Уследить за прогрессом сложно, да бывает подводит память и название приходится долго вспоминать…
🤔 Было бы здорово, если существовал сервис, в котором собраны все известные нейронки!
А такой есть: futurepedia.io
🔗 Сервис удобен тем, что на нем есть поиск и удобная система фильтров, так что найти нужную вам нейросеть легче, чем съесть суши!
Плюс ко всему есть система тегов, подсказывающая пользователю бесплатная ли нейросеть перед ним или все же придется доставать кошелек каждый месяц, понравившиеся нейронки можно добавить себе в избранное прямо на сайте.
❤️ Банзай!
***
Душой весел я -
Хаос упорядочен:
Futurepedia
#ai #web #service #design
🤔 Было бы здорово, если существовал сервис, в котором собраны все известные нейронки!
А такой есть: futurepedia.io
🔗 Сервис удобен тем, что на нем есть поиск и удобная система фильтров, так что найти нужную вам нейросеть легче, чем съесть суши!
Плюс ко всему есть система тегов, подсказывающая пользователю бесплатная ли нейросеть перед ним или все же придется доставать кошелек каждый месяц, понравившиеся нейронки можно добавить себе в избранное прямо на сайте.
❤️ Банзай!
***
Душой весел я -
Хаос упорядочен:
Futurepedia
#ai #web #service #design