book-open 1 test
Основы дизайна

75 самых толковых ресурсов для веб-дизайнеров

Иллюстрация ADajersey: https://dribbble.com/shots/8559823-Underwater-World

Автор: Кэролин Редер, директор по контенту и коммуникациям в Webydo. Перевод с оригинала: Ольга Скулкина и Ринат Шайхутдинов. При поддержке iSpring.

iSpring — решение для запуска дистанционного обучения.

Очень часто в такие списки пихают все подряд: нужное, ненужное — что угодно.

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

Интересуетесь свежими статьями по продуктовому дизайну (UX/UI)? 🚀

Подписывайтесь на канал в Telegram | ВКонтакте, Instagram, Facebook

Можете дополнить наш список своими ресурсами — в комментариях 🙂

Изображения + видео

Источник: Showbox

1. Showbox

Создавайте видео студийного качества прямо в браузере.

2. Coverr

Красивые, бесплатные видео для главной страницы.

3. Compressify

Один из лучших инструментов по оптимизации видеофайлов онлайн.

4. Pexels

Лучшие бесплатные стоковые фотографии (и видео), собранные в одном месте.

5. Unsplash

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

6. Death to Stock

Фотографический рай и источник вдохновения для творческих личностей, постигающих свой путь.

7. Photype

Прежде чем скачивать фото, вы можете посмотреть его в разных размерах, наложить текст и применить разные эффекты.

8. JPEGmini

Посадите ваши фотографии на диету. Можно уменьшить изображение на 80% без потери качества.

Иконки

Источник: Iconfinder

9. Iconfinder

Небольшая команда работает над созданием базы иконок (одной из самых крупных в мире). Есть возможностью поиска.

10. The Noun Project

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

11. Flaticon

Еще одна здоровенная коллекция бесплатных иконок, доступных в форматах SVG, PSD, PNG, EPS и BASE 64.

12. Icomoon

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

13. Material Icons

Как вы, наверное, уже догадались, это подборка прекрасно исполненных иконок Google.

14. Icon Store

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

15. Illustrio

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

Шрифты

Источник: Right Font

16. Right Font

Легкий менеджер шрифтов для Mac. Помогает осуществлять предварительный просмотр, синхронизировать и систематизировать гарнитуры — где бы они ни хранились.

17. Font Reach

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

18. Google Fonts

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

19. WhatFont

В буквальном смысле самый простой способ распознать шрифт — это можно сделать прямо в браузере.

20. Font Flame

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

21. Typekit

Изобилие шрифтов высшего качества, от Adobe.

22. Typeface

Новый тип менеджера шрифтов для Mac. Помогает подобрать идеальный шрифт за счет быстрого и четкого предпросмотра шрифтов.

23. Font Squirrel

На этом сайте можно вручную подбирать гарнитуры — все просто, понятно и бесплатно!

Цвета

Источник : Color Hunt

24. Color Hunt

Pinterest для цветов. Множество четырехцветных палитр — можно скролить бесконечно.

25. Hello Color

Удобный, супер-простой генератор контрастных цветов по клику.

26. LOL Colors

Авторская подборка цветовых палитр от дизайнера Маккензи Чайлд.

27. Coolers

Супер быстрый генератор цветовых схем, который позволяет создавать, сохранять и доводить до совершенства палитры за секунды!

28. Adobe Kuler

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

29. ColorZilla

Крутой встроенный в браузер инструмент-пипетка. Позволяет анализировать цвета, использованные на странице. Работает в Chrome и Firefox.

30. Design Seeds

Ежедневная порция вдохновения для всех, кто любит цвет.

31. UI Gradients

Подобранная вручную коллекция красивых цветовых градиентов.

Вдохновение

Источник : Muz.li

32. Muz.li

Секретный ингредиент дизайнера: здесь, в ваших руках огромная порция вдохновения — стоит только открыть новую вкладку в Google Chrome.

33. Landingfolio

Авторская подборка лучших дизайнов лендингов.

34. Awwwards

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

35. UpLabs

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

36. Pricing Pages

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

37. User Onboarding

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

38. Mindsparkle Mag

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

39. Eye on Design (AIGA)

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

40. It’s Nice That

Альтернативное онлайн-издание, авторы которого верят, что творческое вдохновение — достояние всех и каждого. Публикуют самые увлекательные/удивительные работы: как цифровые, так и печатные.

41. The Great Discontent

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

42. Typewolf

Ежедневных источник вдохновляющей типографики “в природных условиях”.

Макеты и прототипы

Источник: InvisionApp

43. InvisionApp

Веб-платформа для прототипирования и совместной работы, которая позволяет дизайнерам создавать интерактивные макеты для мобильных и веб-проектов.

44. Sketch

Профессиональный цифровой дизайн для Mac.

45. Napkin

Макеты на скорую руку прямо с айфона.

46. Placeit

Создавайте скриншоты продукта в разных жизненных ситуациях.

47. Frontify

Создавайте бесплатные руководства по стилю менее чем за 5 минут.

48. Pixel Budda

Коллекция бесплатных макетов, а также других ресурсов.

49. Graphic Burger

Настоящий шведский стол качественных дизайн-ресурсов, доступных бесплатно.

Сайтостроение

Источник: Webydo

Для дизайнеров

50. Webydo

Адаптивный онлайн-конструктор сайтов для дизайнеров-фрилансеров и интернет-агентств — со встроенной CMS и хостингом — что позволяет быстрее создавать сайты и развивать бизнес.

51. Adobe Muse

Оффлайн-конструктор сайтов, который позволяет создавать статичные и адаптивные сайты и совершенно не требует навыков кодинга.

Для дизайнеров-кодеров

52. WordPress

Веб-софт, при помощи которого можно создавать прекрасные сайты, блоги и приложения.

53. Dreamweaver

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

Для любителей

54. Squarespace

Вам нужен мощный лендинг, классная галерея, профессиональный блог или интернет-магазин? Все это есть здесь — и уже адаптировано под мобильные устройства.

55. Wix

Союз красоты и технологий, этот облачный сервис “сделай сам” позволяет кому угодно создавать HTML5 сайты в удобном drag’n’drop редакторе.

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

Источник: Fastco Design

56. Lingo

Создавайте библиотеки визуальных ресурсов и делитесь со всей командой — все это прямо с вашего десктопа. Это как Dropbox для дизайнерских команд.

57. Mural

Ваша личная онлайн-доска для мозговых штурмов, совместной работы и синтеза идей.

58. Wake

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

59. Slack

Все ваше общение и коммуникации в одном месте. Обмен сообщениями, архивация и поиск команд — все это в реальном времени.

60. Trello

Помогает следить за всем: от полной картины и до мелких деталей каждого дизайн-проекта.

61. GoVisually

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

Сообщества

Источник: Webdesigner Depot

62. WebdesignerNews

Авторская подборка историй и обсуждений на тему дизайна, разработки, творчества, инструментов и вдохновения.

63. DesignerNews

Место, где можно узнать и обсудить, что интересного происходит в веб-индустрии и за ее пределами.

64. Designer List

Глобальный реестр дизайнеров от королей вдохновения — Muzli.

65. Slack Communities

Самый исчерпывающий список всех сообществ по дизайну/веб-дизайну на Slack.

66. Dribbble

Место, где дизайнеры могут представить свои мини-проекты и незавершенные работы.

67. Behance

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

Обучение и образование

Источник: The NuSchool

68. NuSchool

Учитесь управлять своим фрилансовым бизнесом как настоящий босс.

69. HackingUI

Hacking UI — это сообщество для дизайнеров, разработчиков и предпринимателей, которые горят желанием учиться и погружатся в рабочие процессы.

70. Phlearn

Один из лучших сайтов с обучающими видео о многочисленных возможностях Photoshop.

71. Just Creative

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

72. Tuts+

Тысячи бесплатных обучающих видео по веб-дизайну и разработке от опытных преподавателей.

73. How Design University

Источник непрерывного обучения для дизайнера.

74. Design for a Perfect Screen [eBook]

Красивая, подробная электронная книга, которая доведет ваш процесс проектирования под экраны до совершенства.

75. A Beginner’s Guide to SEO

Детальное руководство и инфографика по SEO для веб-дизайнеров: в пределах одной страницы и в контексте всего сайта.

А еще: Для работы на рынках США и Европы составили рейтинг агентств, которые занимаются продвижением сайтов на зарубежных рынках. Читайте, если понадобится.

Основы дизайна