Най-добрите инструменти за уеб дизайн

от Bradley Nice, мениджър на съдържание в ClickHelp.com - инструмент за документация за софтуер

Вие сте уеб дизайнер? След това трябва да проверите тези страхотни инструменти за уеб дизайн, за да засилите дизайнерската си кариера.

Независимо дали работите във фирма или като фрийлансър, този списък с инструменти за уеб дизайн ще бъде мамят за цялото ви пътуване.

В този списък ще споделя някои страхотни инструменти, които ще ви помогнат при проектирането на лого, корекцията на цветовете, типографията, графичните работи и т.н.

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

  • Логотип Maker (Безплатен) - Случайно генериране на лога за вашата компания;
  • Logo Makr (Безплатен) - Прост създател на лого с материали за плоски икони;
  • DesignMantic (безплатно) - Въведете име на компанията, изберете вашата индустрия и тя ще генерира лого за вас;
  • SquareSpace (Платен) - Създайте готини лога чрез плъзгане и пускане;
  • Лого Genie (платен) - Logo Genie прави дизайна на лого лесно и забавно;
  • Лого градина (платен) - автоматично генериране на лога;
  • Логоши (платен) - Начертайте разхвърляна скица и вземете готино модерно лого;
  • Логастър (платен) - Направете прилично лого без никакви дизайнерски умения;
  • Лого производител (платен) - генерирайте стотици потенциално лого и ги модифицирайте онлайн;
  • Графични пружини (платени) - Изберете шаблон на логото, променете и след това изтеглете;

книгопечатане

  • Google Fonts (Безплатни) - Намерете и използвайте висококачествени шрифтове за вашите проекти;
  • Fontstruct (безплатно) - онлайн инструмент за изграждане на шрифтове, шрифтовете могат да се споделят и изтеглят;
  • Тип светлина (безплатна) - напълно функционален, редактор на шрифтове отворен тип;
  • Fontface Ninja (Безплатен) - Определете този готин шрифт на страницата, която разглеждате;
  • 1001 шрифтове (безплатни) - огромна библиотека от шрифтове;
  • Font Squirrel (Free) - Най-добра база данни с безплатни шрифтове;
  • Typecast (Безплатен) - Създавайте визуални и семантични дизайни, които поставят типа на първо място;
  • Font Flame (Безплатен) - Tinder за сдвояване на шрифтове. Мразете го или го използвайте;
  • Какво е шрифта (безплатно) - Качете изображение и лесно да намерите шрифта му;
  • Adobe Typekit (Платен) - Получете достъп до огромен пакет от първокласни шрифтове;

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

  • Gimp (Безплатен) - Редактор с отворен код за редактиране и ретуширане на изображения;
  • Blender (Безплатен) - 3D създаване с отворен код;
  • DAZ 3D (безплатно) - за създаване на реалистични хора и животни в 3D;
  • BeFunky (безплатно) - огромна библиотека от шрифтове;
  • Pixlr (безплатно) - онлайн редактор на изображения;
  • Aviary (безплатно) - мобилно приложение за редактиране на снимки за Android / iOS и мрежата;
  • Photoshop (Платен) - Един от най-добрите инструменти в индустрията. Перфектен за подобряване на снимки, дизайн и 3D произведения на изкуството;
  • Илюстратор (платен) - за изграждане на красиви векторни изкуства;
  • Affinity (Платен) - инструмент за редактиране на снимки. Само за Mac;
  • DrawPlus (Платен) - Създавайте невероятни лога, рисунки и дизайни, на разумна цена;

Цветове

  • Цветен лов (безплатно) - курирана колекция от красиви цветове;
  • TinEye (безплатно) - Определете вашите цветове и търсете изображения с перфектната цветова комбинация;
  • ColorZilla (Безплатен) - Перфектно разширение за избор на цветове от уеб страница;
  • Unclrd (безплатно) - разширение за браузър, което превръща всеки уебсайт в черно и бяло;
  • Paletton (безплатно) - инструмент за създаване на цветови комбинации;
  • Adobe Color CC (безплатно) - генериране и запазване на различни цветови схеми;
  • Охладители (безплатно) - цветен генератор за вашите дизайни;
  • Colicious (Безплатен) - Просто натиснете интервал и генерирайте нов цвят;
  • Hex Color Tool (безплатно) - инструмент за избор на цвят;
  • Pictaculous (безплатно) - цветна палитра генерира от PNG, JPG и GIF;
  • ColorDrop (Безплатен) - инструмент за съвпадение на цветовете, който ви позволява да запазите любимите си цветови комбинации;
  • ColorFavs (Безплатен) - Страхотен инструмент, при който лесно можете да създадете цветова палитра, като плъзнете и пуснете изображението си, вмъкнете URL или изберете произволни стойности;

прототипи

  • HTML5 UP (безплатно) - отзивчиви и адаптивни шаблони HTML5;
  • Салфетка (Безплатна) - Приложение за проектиране на бързи макети на вашия iPhone;
  • Weld (Безплатен) - Начертайте уебсайта си онлайн, точно по начина, по който го искате;
  • Скица (платен) - перфектният инструмент за UI и UX дизайн. Но съвместим само с Mac;
  • Proto.io (Платен) - инструмент за прототипиране на мобилни приложения, който ви позволява да създавате напълно интерактивни прототипи на мобилни приложения;
  • Moqups (Paid) - базирано на HTML5 уеб приложение за изработка на телени рамки, UI дизайни, прототипи и макети;
  • Flinto (Платен) - Скицирайте интерактивни прототипи от статични изображения;
  • Balsamiq (Платен) - инструмент за телена рамка и макет с голям акцент върху използваемостта;
  • Axure (платен) - бързо проектирайте прототипи от вашия компютър и ги споделяйте;
  • POP (Платен) - помага ви да прехвърлите идеите за писалка + хартия в истински работещ прототип;

Снимки

  • Pexels (безплатни) - масивна база данни от снимки на акции, които можете да използвате навсякъде;
  • New Old Stock (безплатно) - Винтидж снимки от публичните архиви;
  • Superfamous (Free) - Огромна колекция от природата и са снимки с по-широк ъгъл;
  • The Pattern Library (безплатно) - огромен брой модели и текстури;
  • Unsplash (безплатно) - 10 нови снимки на всеки 10 дни;
  • FoodiesFeed (Безплатни) - Безплатни снимки на храни;
  • Death to the Stock Photo (Безплатни) - Безплатни стокови снимки на вашия имейл всеки месец;
  • Безплатни снимки на Refe (безплатно) - Огромен списък с изображения. Предимно снимки на пейзаж и природа;
  • Little Visuals (безплатно) - пейзажи и снимки на сгради с висока разделителна способност;
  • Гратизография (безплатно) - масивна база данни с безплатни снимки;
  • Пикография (безплатно) - впечатляващ избор от снимки, публикувани под лиценза Creative Commons Public Domain CC0;
  • Pixabay (безплатно) - източник за висококачествени безплатни изображения;

Фондова графика

  • GraphickStock (Безплатен) - Неограничен брой висококачествени, безплатни снимки, вектори и илюстрации;
  • Brusheezy (безплатно) - безплатни четки, шарки, текстури и много други Photoshop;
  • Iconfinder (безплатно) - търсачка за безплатни икони;
  • Brushez (Безплатен) - Огромна колекция от безплатни четки за Photoshop;
  • Vecteezy (безплатно) - огромно разнообразие от векторни активи, включително икони и илюстрации;
  • Пакети шрифтове (платени) - начало на премиум шрифтове и пакети с шрифтове;
  • The ispot (Платен) - Премиум илюстрации от художници от най-високо ниво;
  • Кръгли икони (платени) - най-големият пакет икони в света;
  • Webalys (Платен) - Премиум икони от Vincent le Moign;
  • Illustrio (Платен) - Обширна библиотека от изображения;

Infographics

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

Сътрудничество

  • Lingo (безплатно) - С Lingo можете да изграждате и споделяте библиотеки с визуални активи;
  • Bounce (Free) - лесен начин да споделяте идеите си на всеки уебсайт;
  • Маркирано (безплатно) - Маркиране и обсъждане на изображения онлайн. Доста полезен за Photoshop;
  • Zeplin (безплатно) - приложение за сътрудничество за разработчици на интерфейси и потребителски интерфейси;
  • Cage (безплатно) - хубаво табло за сътрудничество с екип и клиенти;
  • GoVisually (Платен) - Един от най-добрите инструменти за събиране на отзиви от клиенти за вашите проекти;
  • TrackDuck (Платен) - позволява оставянето на обратна връзка право на уебсайт или файл с изображения;
  • Червена писалка (платен) - плъзнете и пуснете дизайна си и получете отзивите от приятелите си;
  • Потребителски платен (платен) - позволява ви да правите екранни снимки на уеб страници и да ги коментирате;
  • InVision (Paid) - платформа за създаване на прототипи, сътрудничество и работен поток;

вдъхновение

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

Това е всичко - ако знаете други инструменти за уеб дизайн, коментирайте по-долу, ние ще ги добавим в списъка.

Може да харесате още:

  • Как да останете страстни и мотивирани като уеб дизайнер
  • Топ блогове за уеб дизайн и уеб разработка

Приятен ден!

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