Кращі засоби веб-дизайну

автор: Bradley Nice, менеджер вмісту на ClickHelp.com - інструмент програмної документації

Ви веб-дизайнер? Тоді вам слід перевірити ці дивовижні інструменти для веб-дизайну, щоб підвищити вашу дизайнерську кар’єру.

Незалежно від того, чи працюєте ви в компанії або як фрілансер, цей список інструментів веб-дизайну стане чіткою для всієї вашої подорожі.

У цьому списку я поділюсь дивовижними інструментами, які допоможуть вам у дизайні логотипів, корекції кольорів, типографії, графічних роботах тощо.

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

  • Логотип Maker (безкоштовно) - випадкове створення логотипів для вашої компанії;
  • Логотип Makr (безкоштовно) - простий автор логотипу з плоскими матеріалами значків;
  • DesignMantic (безкоштовно) - введіть назву компанії, оберіть свою галузь, і вона створить логотип для вас;
  • SquareSpace (Paid) - створюйте круті логотипи шляхом перетягування;
  • Логотип Genie (платно) - Logo Genie робить дизайн логотипу легким та веселим;
  • Логотип Сад (платно) - автоматичне створення логотипів;
  • Логоші (Платно) - намалюйте безладний ескіз і отримайте крутий сучасний логотип;
  • Logaster (Paid) - зробіть гідний логотип без будь-яких дизайнерських навичок;
  • Виробник логотипів (платний) - генеруйте сотні потенційних логотипів та модифікуйте їх в Інтернеті;
  • Графічні пружини (платно) - виберіть шаблон логотипу, змініть та завантажте;

Типографія

  • Google Fonts (безкоштовно) - знайдіть і використовуйте високоякісні шрифти для своїх проектів;
  • Fontstruct (безкоштовно) - Інтернет-інструмент для створення шрифтів, шрифтами можна ділитися та завантажуватись;
  • Тип світла (безкоштовно) - повністю функціональний редактор шрифту відкритого типу;
  • Fontface Ninja (Безкоштовно) - визначте той класний шрифт на сторінці, яку ви переглядаєте;
  • 1001 Fonts (безкоштовно) - величезна бібліотека шрифтів;
  • Білка шрифту (безкоштовно) - найкраща база безкоштовних шрифтів;
  • Typecast (Безкоштовно) - Створюйте візуальні та семантичні дизайни, які ставлять тип на перше місце;
  • Шрифт Flame (Безкоштовно) - Tinder для створення шрифту. Ненавидіти його чи використовувати;
  • Що таке шрифт (безкоштовно) - завантажте зображення та легко знайдіть його шрифт;
  • Adobe Typekit (Paid) - отримати доступ до величезного пакету преміальних шрифтів;

Графічні редактори

  • Gimp (безкоштовно) - редактор з відкритим кодом для редагування та ретушування зображень;
  • Blender (безкоштовно) - створення 3D з відкритим кодом;
  • DAZ 3D (безкоштовно) - для створення реалістичних людей і тварин в 3D;
  • BeFunky (безкоштовно) - величезна бібліотека шрифтів;
  • Pixlr (безкоштовно) - Інтернет-редактор зображень;
  • Aviary (безкоштовно) - мобільний додаток для редагування фотографій для Android / iOS та Інтернету;
  • Photoshop (Paid) - один з найкращих інструментів в галузі. Ідеально підходить для покращення фотографій, дизайнів та 3D-ілюстрацій;
  • Ілюстратор (платно) - для створення красивих векторних мистецтв;
  • Спорідненість (платна) - інструмент редагування фотографій. Тільки для Mac;
  • DrawPlus (Paid) - створюйте дивовижні логотипи, креслення та дизайни за розумною ціною;

Кольори

  • Color Hunt (безкоштовно) - куратна колекція красивих кольорів;
  • TinEye (безкоштовно) - визначайте свої кольори та шукайте зображення за допомогою ідеального поєднання кольорів;
  • ColorZilla (безкоштовно) - ідеальне розширення для підбору кольорів з веб-сторінки;
  • Unclrd (безкоштовно) - розширення браузера, яке перетворює кожен веб-сайт у чорно-білий;
  • Paletton (безкоштовно) - інструмент для створення кольорових комбінацій;
  • Adobe Color CC (безкоштовно) - створюйте та зберігайте різні кольорові схеми;
  • Coolors (безкоштовно) - генератор кольорів для ваших дизайнів;
  • Colicious (безкоштовно) - просто натисніть пробіл та створіть новий колір;
  • Hex Color Tool (безкоштовно) - інструмент підбору кольорів;
  • Pictaculous (безкоштовно) - кольорова палітра генерується з PNG, JPG та GIF;
  • ColorDrop (безкоштовно) - інструмент відповідності кольорів, який дозволяє зберегти улюблені поєднання кольорів;
  • ColorFavs (Безкоштовно) - чудовий інструмент, за допомогою якого ви можете легко створити кольорову палітру, перетягуючи зображення, вводячи URL-адресу або вибираючи випадкові значення;

Прототипування

  • HTML5 UP (безкоштовно) - чуйні та настроювані шаблони HTML5;
  • Серветка (безкоштовно) - додаток для розробки швидких макетів на вашому iPhone;
  • Weld (безкоштовно) - намалюйте веб-сайт в Інтернеті, точно так, як вам потрібно;
  • Ескіз (платний) - ідеальний інструмент для дизайну інтерфейсу та UX. Але сумісний лише з Mac;
  • Proto.io (Paid) - засіб для прототипування мобільних додатків, що дозволяє створювати повністю інтерактивні прототипи мобільних додатків;
  • Moqups (Paid) - веб-додаток на основі HTML5 для створення каркасів, дизайнів інтерфейсу, прототипів та макетів;
  • Flinto (Paid) - ескіз інтерактивних прототипів зі статичних зображень;
  • Balsamiq (Paid) - інструмент для каркасної обробки та макет з великим фокусом на зручність використання;
  • Axure (Paid) - Швидко конструюйте прототипи зі свого комп’ютера та діліться ними;
  • POP (Paid) - допомагає перенести ідеї ручки + паперу на реальний робочий прототип;

Фотографії

  • Pexels (безкоштовно) - масивна база даних фотографій, яку ви можете використовувати всюди;
  • Новий старий запас (безкоштовно) - старовинні фотографії з державних архівів;
  • Надзвичайний (Безкоштовний) - Величезна колекція природи і є знімами з більш широким кутом;
  • Бібліотека візерунків (безкоштовно) - величезна кількість візерунків і текстур;
  • Unsplash (безкоштовно) - 10 нових фотографій кожні 10 днів;
  • FoodiesFeed (Безкоштовно) - Безкоштовні фотографії з їжею;
  • Смерть запасу Фото (Безкоштовно) - Безкоштовні фотографії на вашу електронну пошту щомісяця;
  • Безкоштовні фотографії Refe (безкоштовно) - Величезний список зображень. Здебільшого фотографії пейзажу та природи;
  • Little Visuals (безкоштовно) - фотографії з високою роздільною здатністю та фотографії будівель;
  • Гратизографія (безкоштовно) - масивна база безкоштовних фотографій;
  • Пікографія (безкоштовно) - вражаючий вибір фотографій, опублікованих за ліцензією Creative Commons Public Domain CC0;
  • Pixabay (безкоштовно) - джерело для якісних безкоштовних зображень;

Запас графіки

  • GraphickStock (безкоштовно) - необмежена кількість високоякісних фотографій, векторів та ілюстрацій, безоплатних роялті;
  • Brusheezy (Безкоштовно) - безкоштовні щітки, візерунки, текстури та багато іншого Photoshop;
  • Iconfinder (безкоштовно) - пошукова система безкоштовних іконок;
  • Brushez (безкоштовно) - величезна колекція безкоштовних пензлів Photoshop;
  • Vecteezy (безкоштовно) - величезна різноманітність векторних активів, включаючи піктограми та ілюстрації;
  • Пакети шрифтів (Paid) - домашня сторінка преміальних шрифтів та пакетів шрифтів;
  • The ispot (Paid) - преміальні ілюстрації від художників вищого рівня;
  • Круглі іконки (платно) - найбільший набір іконок у світі;
  • Webalys (Платно) - преміум-іконки Вінсента ле Моіна;
  • Illustrio (Paid) - велика бібліотека зображень;

Інфографіка

  • Vizualize.me (безкоштовно) - Створіть свою інфографіку чи резюме;
  • Canva (безкоштовно) - простий інструмент дизайну для створення всього необхідного;
  • Infogr.am (Безкоштовно) - Інтернет-інструмент для інфографіки та інтерактивних діаграм;
  • Venngage (безкоштовно) - простий виробник інфографіки;
  • Draw.io (безкоштовно) - Інтернет-інструмент для складання діаграм потоків, діаграм процесів та мережевих діаграм;
  • Piktochart (безкоштовно) - природний інфографічний дизайн для створення високоякісної графіки;
  • Visme (безкоштовно) - Інтернет-інструмент для презентацій та інфографіки з 1000 шаблонами та графікою;
  • Easel.ly (безкоштовно) - шаблони резюме та інфографіки;
  • Gliffy (Безкоштовно) - Інструмент онлайн-діаграм;
  • Visage (безкоштовно) - простий інструмент дизайну для створення візуального контенту;

Співпраця

  • Lingo (безкоштовно) - за допомогою Lingo ви можете створювати та обмінюватися бібліотеками візуальних активів;
  • Відмов (безкоштовно) - простий спосіб ділитися своїми ідеями на будь-якому веб-сайті;
  • Marqueed (безкоштовно) - розмітка та обговорення зображень в Інтернеті. Досить корисний для Photoshop;
  • Zeplin (безкоштовно) - додаток для співпраці для розробників інтерфейсів та дизайнерів інтерфейсу;
  • Клітка (безкоштовно) - приємна інформаційна панель для співпраці з командою та клієнтами;
  • GoVisually (Платно) - один із найкращих інструментів для збору відгуків клієнтів для ваших проектів;
  • TrackDuck (Paid) - дозволяє залишати відгуки прямо на веб-сайті або файлі зображень;
  • Червона ручка (платно) - перетягніть дизайн та отримайте відгуки від своїх друзів;
  • Usersnap (Paid) - дозволяє робити знімки екрана веб-сторінок та коментувати їх;
  • InVision (Paid) - створення прототипів, співпраця та робочий процес;

Натхнення

  • Dribbble - найбільша спільнота дизайнерів та місце їх роботи;
  • Behance - відкрийте для себе найсвіжіші роботи з найкращих онлайн-портфелів творчих професіоналів;
  • Muzli - щоденне натхнення на дизайн;
  • Awardswards - найкращі зусилля розробників, дизайнерів та веб-агентств у світі;
  • Design You Trust - Дизайн-блог та величезна спільнота, яка ділиться останніми тенденціями, новинами, портфелями, дизайном моди та креативними рекламами;
  • Дійсно хороші електронні листи - величезна колекція добре розроблених електронних листів
  • Фубіз - одне з найпопулярніших творчих видань, що висвітлює останні творчі новини;
  • Designspiration - Дошка дизайнерського натхнення у стилі Pinterest;
  • Мобільні візерунки - бібліотека скріншотів iOS та Android для вашого натхнення;
  • Любов на одній сторінці - Галерея, де представлені найкращі дизайни веб-сайтів на одній сторінці.

Це все - якщо ви знаєте будь-які інші інструменти веб-дизайну, коментуйте нижче, ми додамо їх до списку.

Вам також може сподобатися:

  • Як залишатися пристрасним та мотивованим як веб-дизайнер
  • Найпопулярніші блоги про веб-дизайн та веб-розробки

Гарного дня!

Бредлі Ніцца,
Content Manager на ClickHelp.com - найкращий інструмент онлайн-документації для постачальників SaaS