Перед вами підбірка безкоштовних сервісів для дизайнера.
Шрифти
- Google Fonts – всіма улюблена бібліотека шрифтів. Дозволяє підібрати і завантажити різні шрифти на всі випадки життя.
- 1001 Free Fonts – бібліотека шрифтів. Має зручну навігацію – шрифти відсортовані як за алфавітом, так і за типами.
- Fontstruct – онлайн конструктор шрифтів. Дуже простий інструмент, дозволить створити власний шрифт. Малювати можна не тільки стандартними квадратами, а й іншими фігурами – точки, закруглені кути і ін. Для початківця ідеальний інструмент, щоб спробувати і побачити типографіку в дії.
- Font Squirrel – одна з найбільших бібліотек шрифтів. Крім цього можна завантажити малюнок і отримати назви шрифтів, використовуваних на ньому. Є магазин шрифтів, і навіть магазин одягу з логотипами.
- Type light – повнофункціональний редактор шрифтів. Дозволяє створювати, редагувати і конвертувати шрифти OpenType, TrueType і PostScript. Необхідно завантажувати та встановлювати. Безкоштовна версія має обмежений функцуонал в порівнянні з безкоштовною. Але для створення простого шрифту вистачає.
- What Font is – онлайн сервіс для підбору шрифтів сайту. Завантажуємо файл шрифтів, вказуємо url сайту і дивимося як завантажений шрифт буде виглядати на сайті.
- 1001 Fonts – бібліотека шрифтів (більше 15000). Зручна навігація – шрифт можна вибрати за розміром, типом, темі, дизайну і т.д. Меню дозволяє настроїти висновок, що дає можливість побачити кожен шрифт в різних опціях: розмір, накреслення і т.д.
- Font Flame – онлайн сервіс підбору пари поєднуваних шрифтів. Діє дуже просто – на головній сторінці запропонований листок з двома написами, зробленими різними шрифтами. Сподобалося – тисніть «Love», немає – «Hate». Потім вибрані можна переглянути ще раз. Клік за назвою шрифту відкриває Google Fonts.
- Typecast – вибір шрифту для прототипу. Ви можете переглянути як шрифт буде виглядати на будь-яких пристроях. Необхідно позначити різні типи тексту – заголовки, лапки і т.д. Можна вибрати гарнітуру, розмір, накреслення, встановити відступи. Ви побачите вашу майбутню сторінку в тих шрифтах, які встановили. Великий плюс – вибір макета (одна колонка або кілька, різні розташування блоків).
- Wordmark – дозволяє підібрати шрифт, встановлений на комп’ютері користувача, для тексту, логотипу або заголовка. Під час введення тексту в поле показує його різними шрифтами. Можна вибрати розмір, регістр, відображення чорно-біле або навпаки. Сподобалися варіанти публікуються в Твіттер або на Фейсбуці – за вибором користувача. Можна відправити на email.
Стоки фотографій
- Unsplash – постійно поповнюваний стік фото. Колекції розділені на теми. Можна знайти все що завгодно, від «Афроамериканці» до «Природа». Кожна фотографія має свою оцінку, можна переглянути кращі або новинки.
- FoodiesFeed – фото їжі. Зображення розбиті за категоріями. Можна вибрати кращі, ексклюзивні, іконки, мокап тощо.
- Free Refe Photos – величезний список зображень «Real life». Головним чином пейзаж і фотографії природи. Незручна навігація, всі фото на головній сторінці, з’являються при скролінгу.
- Little Visuals – якісні фото ландшафтів і будинків. Можна завантажити архівом кращі фото, викладені за тиждень. Фотографії позначені хештегом, але не розбиті по категоріям.
- Gratisography – величезна бібліотека безкоштовних фото. Всі фото розбиті на шість тем: люди, гримаси, міста, предмети, природа і тварини. Можна шукати по словам.
- Death to the Stock Photo – стік фотографій. Просто подивитися і вибрати не можна. Вони роблять добірку за місяць і дають її завантажити після введення email. Архів важить близько 11 Мб. На пошту надсилають кращі фото і посилання на скачування.
- Superfamous – велика колекція фото з незвичного ракурсу. Набір невеликий, але цікавий.
- The Pattern Library – шаблони і текстури. Набір досить великий, шаблони незвичайні. Змінюються прокруткою, причому поступово. Можна побачити як шаблон буде виглядати на весь екран або на його частину.
- New Old Stock – вантажні фото з архівів. Безкоштовних фото трохи, але регулярно з’являються нові.
- Pexels – велика кількість фото на всі випадки життя. Розбиті по темам, дуже зручно шукати.
- Jay Mantri – великий набір фотографій. Класифікації як такої немає, можна подивитися по місяцях.
Графіка
- Brusheezy – безкоштовні пензлі, шаблони, текстури та інше для фотошопа. 12 категорій, в кожній з яких підкатегорії. Вибір величезний.
- Iconfinder – іконки, як платні, так і безкоштовні. Завантажити можна в форматах ICO, PNG, ICNS, SVG.
- Brushez – велика колекція пензлів для фотошопу. Крім них ще векторні примітиви, форми, шаблони, стилі. Кожен розділ розбитий на підрозділи. Наприклад, для пензлів більше 20 категорій.
- Vecteezy – бібілотека векторної графіки, включаючи зображення та ілюстрації. Велика кількість категорій і величезна – графіки.
- Iconbird – сервіс з пошуку іконок. Можна ввести тему і отримати набір іконок, а можна переглядати за категоріями.
- Icons8 – сервіс, що пропонує більш ніж 42000 іконок з різних тематик.
Інфографіка
- Vizualize – онлайн сервіс для створення інфографіки «Про себе». По суті, створює графічне резюме.
- Canva – простий інструмент для створення будь-якого дизайну. Дозволяє оформити презентацію, плакат, запис в соцмережах, книги, листи, матеріали та багато іншого. Все робиться на підставі шаблонів, змінюється текст. Але шаблонів дуже багато, є з чого вибрати.
- Easelly – створення інфографіки на підставі шаблонів. Вбудований онлайн редактор дозволяє змінювати оформлення, розміщувати додаткові елементи, змінювати текст.
- Infogram – онлайн сервіс для створення інфографіки та інтерактивних діаграм. Не всі функції доступні, доведеться купувати аккаунт.
- Visage – простий інструмент для створення будь-якого візуального контенту (діаграми, інфографіка, зображення для блогу та ін.). Безліч шаблонів, простий редактор. Деякі функції платні.
- Gliffy – онлайн сервіс для створення діаграм. Редактор діє за принципом Microsoft Visio.
- Visme – онлайн інструмент для створення презентацій і інфографіки. Більше 1000 шаблонів. Редактор дозволяє додавати текст (заголовки, списки, лапки і звичайний), анімований текст і віджети. У безкоштовному акаунті можна скачати як JPG файл.
- Piktochart – створення високоякісної графіки – презентації, інфографіка або друкований матеріал. Вивантажується PNG, JPG різних розмірів.
- Drawio – зручний онлайн сервіс для створення діаграм. Можна зберігати в dropbox і подібні сервіси, можна на диск.
- Venngage – просте створення інфографіки, плакатів, звітів, матеріалів для соцмереж та ін. У безкоштовної версії дає тільки посилання на публікацію. За скачування треба платити.
- Cacoo – онлайн сервіс для малювання діаграм і карти сайту. Мабуть, самий кращих за можливостями. Велика кількість інструментів і шаблонів. Експортувати можна в PNG, PDF, SVG, PPT та ін.
- Creately – онлайн сервіс малювання діаграм. Доступні тільки для публікації. Завантаження платне.
- Lucidchart – онлайн сервіс створення діаграм і креслень. Є можливість імпортувати діаграму Microsoft Visio. Експортується в PDF, PNG і JPG. Є платний функціонал.
Кольори
- Color Hunt – підбір поєднань кольору. Можна підбирати до чотирьох кольорів. Є готові рішення для вибору.
- TinEye – аналізує сайт і виводить список ресурсів, на яких використовується картинка з сайту.
- ColorZilla – дозволяє створювати кольору і градієнти. Виводить css властивості для них.
- Adobe Color CC – створення колірних схем.
- Colicious – натискайте на пробіл і генеруйте новий колір.
- Colorscheme – підбір колірних схем. Дозволяє підібрати кольори до сайту. Має тонке налаштування, показує код кольору. В кінцевому підсумку дозволяє переглянути сторінку в обраній кольоровій гамі. Найбільший плюс – перегляд гами з точки зору відхилення сприйняття кольору. Також дозволяє вибрати різні колірні моделі. Зберігає в палітру Gimp, CSS, PNG і т.д. Має конвертер квітів для перекладу з однієї колірної моделі в іншу.
- Paletton – інструмент для створення комбінацій кольорів. Нічим не відрізняється від Colorscheme.
- Pictaculous – аналізує палітру зображення PNG, JPG або GIF. Завантажуйте зображення і отримаєте набір всіх кольорів, які в ньому присутні.
- Hex Color Tool – інструмент вибору кольору. Повзунками налаштовується колір, можна вибрати яскравість. Потім обраний колір зберігається. Можна підібрати палітру.
- Unclrd – плагін для браузера, який видаляє всі кольори і залишає сайт в чорно-білому кольорі.
- BrandColors – найбільша колекція офіційних фірмових колірних кодів. Вибираєте назву бренду і завантажуєте назви його квітів, в тому числі і в css- файл.
- Colortyper – підбір кольорів з незвичного ракурсу. На екрані показуються різнокольорові символи, які перетинаються. Результат перетину – новий колір. Виглядає цікаво.
