🎨 100 лучших инструментов веб-дизайнера

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

🎨 100 лучших инструментов веб-дизайнера

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

Содержание:

  • Типографика.
  • Стоковые фото.
  • Стоковая графика.
  • Инфографика.
  • Совместная работа.
  • Цвета.
  • Вдохновение.
  • Редакторы графики.
  • Дизайн логотипа.
  • Прототипирование.

Типографика

🎨 100 лучших инструментов веб-дизайнера

1. Fontspace – 93к бесплатных шрифтов.

2. Google Fonts – бесплатные высококачественные шрифты для своего веб-сайта.

3. Typekit – наборы премиальных шрифтов.

4. Fontstruct – создавайте свои собственные шрифты с нуля, пиксель за пикселем.

5. Typecast – создавайте визуальные и семантические дизайны, которые ставят шрифт на первое место.

6. Font Squirrel – база бесплатных шрифтов.

7. 1001 Fonts – библиотека шрифтов для личного и коммерческого использования.

8. What Font is – определитель шрифтов.

9. Typelight – редактор шрифтов.

10. Fontfabric – наборы бесплатных шрифтов.

Стоковые фото

1. Pixabay – просматривайте и загружайте высококачественные изображения (доступно через VPN).

2. Unsplash – стоковые изображения.

3. Stocksy – скачивайте красивые и оригинальные стоковые фотографии без лицензионных отчислений.

4. Pexels – лучшие бесплатные стоковые фотографии.

5. Gratisography – Райан Макгуайр делает тысячи изысканных снимков. Получите их все бесплатно.

6. Adobe Stock – идеальный ресурс для своего творческого проекта.

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

8. New Old Stock – старинные фотографии из общедоступных архивов.

9. SplitShire – веб-дизайнер Даниэль Нанеску делится сотнями великолепных фотографий.

10. Death to the Stock Photo – получайте оригинальные фотографии по электронной почте каждый месяц.

Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера»

Стоковая графика

1. Vecteezy – лучшее место для поиска векторных изображений.

2. The Noun Project – найдите простые черно-белые значки и глифы.

3. Flaticons – большая база иконок, созданная дизайнерами.

4. Roundicons – крутые наборы круглых иконок.

5. illustrio – настраиваемые значки и иллюстрации.

6. The ispot – покупайте красивые иллюстрации великих художников.

7. Webalys – Vincent le Moign создал одну из самых замечательных онлайн-библиотек иконок.

8. Iconfinder – мощный поисковик бесплатных иконок.

9. Brusheezy – бесплатные кисти Photoshop и файлы PSD.

10. Iconjar – приложение для хранения всех ваших значков в одном месте. Только для Mac.

Инфографика

1. Canva – удивительно простое графическое программное обеспечение для создания любого контента, который вам нужен (доступно через VPN).

2. Easel – выберите среди сотен шаблонов и создайте собственную инфографику.

3. Infogram – позволяет генерировать качественные диаграммы.

4. Visage – создавайте все виды визуального контента.

5. Vizualize – ваше резюме скучное? Превратите его в оригинальную инфографику.

6. Venngage – создавайте сотни инфографиков, постов в СМИ и отчетов с помощью этого простого инструмента.

7. Draw.io – полное средство для создания блок-схем, подходящее как для внутренних, так и для внешних проектов.

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

9. Visme – превратите свои идеи в привлекательный контент с помощью этого мощного инструмента.

10. Gliffy – превосходный онлайн-инструмент для создания диаграмм (доступно через VPN).

Совместная работа

1. Invision – простой инструмент для создания прототипов и совместной работы для проектных групп.

2. GoVisually – один из лучших способов собрать отзывы клиентов о ваших проектах.

3. Red Pen – самый быстрый инструмент обратной связи.

4. Mural – инструмент для совместной работы дизайнеров и разработчиков.

5. Asana – делитесь, просматривайте и обсуждайте проекты в своей команде

6. Design Drop – делайте пометки на изображениях и делитесь ими с коллегами.

7. Cage – панель инструментов для совместной работы с командами и клиентами.

8. Bounce – веселый и простой способ поделиться идеями на любом веб-сайте.

9. Proofhub – эффективно управляйте своими проектами.

10. Lingo – создавайте библиотеки визуальных ресурсов и делитесь ими с командой. Только для Mac

Цвета

1. Color Hunt – просмотрите тысячи комбинаций четырех цветов, пока не найдете подходящую.

2. Adobe Color – сгенерируйте и сохраните различные цветовые схемы.

3. Coolors – прокрутите страницу и сохраните свои любимые палитры.

4. TinEye – определите свои цвета и найдите изображения с идеальной цветовой комбинацией.

5. ColorZilla – суперудобное расширение для выбора цветов с веб-страницы.

6. Сolorscheme – создайте новое цветовое сочетание.

7. PaletteGenerator – создает цветовую палитру для любого изображения, которое вы найдете в интернете.

8. Colorspark – генератор случайного цвета и градиента.

9. The Color App – благодаря этой большой сетке поиск цветов становится намного проще.

10. ColorPick Eyedropper – позволяет выбирать значения цветов на веб-страницах (Chrome).

Вдохновение

1. Dribbble – место, где дизайнеры делятся своими самыми яркими работами.

2. Muzli – вдохновение для дизайнера, подобранное для вас (расширение браузера).

3. Design You Trust – коллективный блог, полный дизайнерских портфолио и архитектурных вдохновений.

4. Really Good Emails – каталог хорошо продуманных электронных писем, которые вдохновят вас на создание новостной рассылки.

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

6. One Page Love – оригинальная витрина одностраничных сайтов.

7. Mobbin – библиотека из 50 000+ скриншотов мобильных приложений с возможностью поиска.

8. Designspiration – доска вдохновения в стиле Pinterest, которой можно поделиться.

9. Material Up – ежедневно отбирает лучшие дизайнерские материалы, доступные онлайн.

10. Mobile Patterns – узнайте больше об UX для вашего мобильного приложения.

Редакторы графики

1. Illustrator – создавайте удивительные векторные изображения с помощью этого незаменимого инструмента.

2. Photoshop – создавайте и улучшайте свои фотографии.

3. Daz Studio – создавайте невероятно реалистичных людей или животных в 3D (доступно через VPN)

4. DrawPlus – рисуйте красивые векторные изображения по разумной цене.

5. Pixir – получите доступ к 600 эффектам для ретуши фотографий бесплатно.

6. Inkscape – лучшая альтернатива Illustrator с открытым исходным кодом.

7. Vectr – онлайн-редактор векторной графики. Хватит для решения повседневных задач.

8. Blender – полностью бесплатное программное обеспечение с открытым исходным кодом для создания 3D.

9. Gimp – бесплатный редактор с открытым исходным кодом для редактирования и ретуши изображений.

10. Affinity Photo – профессиональное программное обеспечение для редактирования фотографий.

Дизайн логотипа

1. SquareSpace – этот инструмент для создания классного логотипа.

2. Desugnmantic – введите название своей компании, выберите свою отрасль и создайте редактируемый логотип.

3. Graphic Springs – выберите шаблон логотипа, отредактируйте его и загрузите свой логотип.

4. Logo Genie – делает разработку логотипа легкой и увлекательной.

5. Logo Makr – создайте простой логотип с материалами Flaticons.

6. Logo Type Makr – случайная генерация логотипов для вашей компании.

7. Logo Garden – выберите отрасль, в которой вы работаете, и выберите один из сгенерированных логотипов

8. Logoshi – нарисуйте набросок и получите чистый и современный логотип.

9. Logaster – сделайте достойный логотип без каких-либо дизайнерских навыков.

10. Logo Maker – создавайте сотни потенциальных логотипов и изменяйте их онлайн.

Прототипирование

1. Sketch – инструмент векторного дизайна, удобный для разрпаботки UI и UX. Совместим только с Mac.

2. Napkin – создавайте быстрые мокапы на своем устройстве iOS.

3. Flinto – нарисуйте интерактивные прототипы из статических изображений.

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

5. Weld – нарисуйте свой веб-сайт в Интернете так, как вы этого хотите.

6. Balsamiq – инструмент Quick Wireframing, позволяющий создавать макеты.

7. App Cooker – работайте с макетами и прототипами с вашего iPad.

8. Atomic – создавайте реалистичные прототипы, которыми вы можете поделиться со своей командой.

9. HTML5 Up – создавайте стильные, настраиваемые и адаптивные шаблоны HTML5.

10. Axure – быстро создавайте прототипы со своего компьютера и делитесь ими.

***

Материалы по теме

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ

admin
29 января 2017

Изучаем алгоритмы: полезные книги, веб-сайты, онлайн-курсы и видеоматериалы

В этой подборке представлен список книг, веб-сайтов и онлайн-курсов, дающих...