99+ корисних сайтів та програм для дизайнера
Команда Uknow підібрала для вас ТОП-сервіси які ми використовуємо при роботі над проектами наших клієнтів.
🌈 Натхнення та пошук референсів
- Behance — місце, де зібрані роботи зі всього світу, від звичайних фотографій до проектів із різних сфер дизайну.
- Dribbble — основна особливість сервісу це публікація невеликого фрагменту свого проекту на стадії розробки або в закінченому вигляді, у дизайнерів це називається шот (shot).
- Pinterest — один з найкращих ресурсів для натхнення. Величезна кількість робіт у сфері графічного дизайну, веб-дизайну, постерів та багато іншого.
- Awwwards — призначений для збору найкращих робіт у веб-дизайні, можна знайти добірки робіт за день, тиждень, місяць або рік.
- Designspiration — крутий сайт з неймовірною підбіркою різних дизайн прикладів.
- Synapticstimuli — галерея різних зображень зі світу мистецтва. Чудовий ресурс, коли ви шукаєте натхнення.
- Design made in Germany — велика підбірка сучасних та трендових сайтів.
- Siiimple — уже з назви можна здогадатись, що сервіс про дизайн у мінімалізмі. Тут ви зможете знайти величезну кількість робіт у цьому стилі.
- Media Queri — сервіс для тих, хто хоче знайти оригінальні рішення для адаптивної версії сайту. Тут сайти презентовані у 4 форматах: десктоп, лептоп, планшет і мобайл.
- CollectUI — добірка дизайну сторінок та компонентів за тематиками.
- Checklist Design — must have для кожного дизайнера, збірник найкращих дизайнерських практик. Чек-листи для кожного елементу у твоїй роботі.
- UI8 та Landingfolio — платні та безкоштовні шаблони для сайтів і не тільки, готові роботи які можна відредагувати та використовувати у своїх роботах.
🎨 Робота з кольором
- Flatuicolorpicker — на цьому ресурсі ви зможете знайти кращі кольори для UI-дизайну. Підбірка кольорів величезна, а кожен колір має свою унікальну назву. Наприклад, можна знайти колір жовтої троянди.
- Coolors — потрібно швидко згенерувати колір? Тоді скористайтесь цим сервісом, він доволі простий та зручний у використанні.
- Materialpalette — сервіс, на якому ви зможете створити власні кольорові палітри.
- BrandColors — хочете дізнатись, який колір використовує Chanel або, можливо, Dribbble? Тоді скористайтесь цим ресурсом.
- Добірки градієнтів: WebGradients; CoolHue; Grabient; ColorfulGradients;
📄 Шрифти
- I Love Typography — уже з назви зрозуміло, що цей сервіс для тих, хто любить шрифти. На ньому ви знайдете велику бібліотеку неймовірних шрифтів, котрі можуть дати вашому сайту новий подих.
- Zecraft — це цілий блог про типографіку. Багато прикладів та пояснень, чудово підійде тому, хто хоче краще вивчити типографіку.
- BestFonts — все, що потрібно дизайнеру для щастя. Безкоштовно.
- Google Fonts — просто безкоштовні шрифти від Гугла. Беріть та використовуйте, багато чудових варіантів як латиницею, так і кирилицею.
🍩 Іконки, Ілюстрації, Картинки
- Ресурси з ілюстраціями: unDraw; Freepik; Humaaans; Icons8; Stubborn; Drawkit;
- Ресурси з іконками: Flaticon; Material Design Icons; Fontawesome; Illustrio; The noun project; Iconsvg; Ikonate; Evericons; Pixsellz; Zwicon; Tilda icons; Iconstore; Remix icon; Invision; Variable Emojis; Iconmonstr; Fontello; Glyph Search;
- Фотостоки: Unsplash; Pexels; Pixabay; Burst; Dreamstime;
- Емоджі: Emojiguide; Streamline; Emojicopy; Joypixels;
- Добірка логотипів за категоріями: Logobook; Logo-archive;
- Логотипи світових компаній у векторі: Logosearch; Simpleicons;
👾 Ігри для практики UX/IU
- Better Web Type — гра на створення ідеального текстового блоку за допомогою балансу між розміром шрифту, інтерліньяжем і шириною рядка.
- TypeWar — швидка гра для перевірки знань шрифтів: вам потрібно вибрати один із двох варіантів, набираючи бали за кожну правильну відповідь.
- Tothepoint — вам доведеться бути швидким і стріляти у правильну мету - літери із засічками. Ви можете вибрати свій рівень складності та грати через браузер або з мобільного.
- ArealMe — тест-гра, в якій потрібно розставити кольори у правильному порядку від одного відтінку до іншого.
- Cant Unsee — гра для небайдужих до деталей. Обирайте з двох схожих інтерфейсів кращий та прокачайте ваші знання візуальних правил (композиції, розмаїття, графічні елементи).
- Supremo — у грі необхідно помічати не центровані об’єкти. Іноді все буде залежати БУКВАЛЬНО від пікселів, тому будьте уважними.
- Designercize — це генератор випадкових чисел для різноманітних дизайн-челенджів, які покращать ваше творче мислення. Ви можете вибрати рівень складності та кількість часу, щоб зосередитись на процесі. Деякі компанії використовують DESIGNERCIZE під час співбесід.
- Figma Ninja — познайомить з поєднаннями клавіш у Figma за допомогою захоплюючої гри, заснованої на швидкості та точності. Якщо ви новачок у цій програмі та хочете покращити навички роботи з Figma, ця гра саме для вас.
🛠 Інструменти та сервіси
- Screen Sizes — тут можна переглянути розміри екранів різних девайсів.
- Remove bg — безкоштовний інструмент для видалення фону з картинок.
- Mapstyle — сервіс для кастомізації мапи від Google Maps.
- Photopea — фотошоп онлайн в браузері.
- Lets Enhance — інструмент для підвищення якості зображення.
- Favicon Checker — перегляд фавіконки у різних браузерах.
- Khaled Ipsum — не банальний Lorem Ipsum.
- Avocode — інструмент для конвертації psd в sketch.
- ColorZilla — плагін для вибору кольорів з веб-сайтів.
- Icons8 — сервіс зі створення картинок з людьми.
- Lottiefiles — маркетплейс анімацій.
- Smartmockups — ресурс платних та безкоштовних мокапів.
🔔 Підпишись на наш Телеграм канал, щоб бути в курсі останніх подій UX/UI дизайну та отримувати корисні бонуси кожного для!