Про додаток SuperDesigner

SuperDesigner — це колекція з десяти безкоштовних інструментів, які спростять робочу рутину дизайнер та зекономлять купу часу графічному дизайнеру. Генеруй унікальні фони, текстури, патерни, форми, кольорові палітри та зображення для додатків, соціальних мереж та вебсайтів всього в декілька кліків за допомогою SuperDesigner.co.

https://superdesigner.co/

Давайте детальніше пройдемось по арсеналу платформи. На вебсайті є декілька категорій за якими ми можемо вибрати інструменти та визначити область нашої роботи: колір, фон, форма, код, 3D. Або бачити всі за замовчуванням.

Інструменти SuperDesigner

Svg backgrounds інструмент, що працює виключно у SVG форматі, та завдяки цьому, має гнучкість у використанні. Колекція містить понад 100 безкоштовних шаблонів, які ви можете налаштовувати за власними вподобаннями. Підібрати основні кольори, колір фону, відредагувати прозорість зображення. Але, хочемо зауважити, що зберігати фони можна тільки у CSS, скопіювавши SVG у форматі коду.

Скопіюйте код SVG і вставте його в будь-який файл HTML. Змінити налаштування фону ви можете за допомогою редактора у додатку або змінивши код svg. Зауважимо, файли у CSS набагато легші, це має сприятливо вплинути на швидкість завантаження.

3D shapes generator — генератор 3D елементів з дуже зручним вбудованим конструктором. В один клік, ви можете вибрати фігуру з якою будете працювати. У генераторі досить широкий вибір фігур від класичних до найнетиповіших, обрати будь-який колір та матеріал фігури, а також налаштувати інтенсивність світла, масштаб тощо. Внизу ви можете задати фігурі рандомне розташування або задати його власноруч на робочій панелі.

Background generator генератор абстрактних фонів для графічного дизайну. Тут можна розробити основу для вашого банера чи тла сайту Перелік шаблонів не такий великий, але все ж таки можна знайти для себе щось корисне. З 6 варіантів фону ви можете створити 10 абсолютно інших дизайнів завдяки додатковим параметрам.

Pattern generator тут ви можете створювати патерни з різною щільністю, кількістю рядків, кольоровою гамою та типом плиток, яких додаток має понад 150 одиниць, тож тут є де розгулятися. Якщо маєте бажання у цьому самому генераторі ви можете створити й фон для своїх дизайнів. Вибір композицій тут достатньо широкий.

Blob generator —  генератор “блобів” або по простому -  кульок. Тут ви можете створювати модні дизайнерські “блоби” для ваших проєктів. Завантажувати у зручному форматі та розміщувати на основному дизайні. У додатку ви можете вибрати формат “блоба”, колір, розташування, гладкість та інше.

Gradient generator — дуже простий у застосуванні інструмент. Просто обирай тип градієнту, ключові кольори та завантажуй на свій ПК. Напевно, найпростіший генератор зі всіх, але не найменш корисних.

Color generator — генератор для створення унікальних кольорових гам на основі правила 60-30-10 для вебсайтів і мобільних додатків. Дуже крутий генератор який дозволяє наочно побачити, як буде виглядати сайт у тих чи інших кольорах, підбираючи найбільш візуально привабливі поєднання.

Shades generator — генератор відтінків. Інструмент який автоматично підбере сумісні відтінки для твого дизайну. Введи два основних кольори та отримай палітру відтінків. Наведи на відтінок та скопіюй код кольору.

CSS backgrounds і CSS patterns — аналогічні генератори патернів та фонів у CSS. Для використання шаблонів, просто скопіюйте та вставте код у свій html-файл. За замовчуванням ширина та висота 500 x 500 пікселів. Просто змініть висоту та ширину елемента HTML відповідно до вашого дизайну.

Всі елементи можна завантажувати одразу у зручному розмірі, натискаючи відповідне співвідношення сторін. Тобто вручну налаштовувати або “підганяти” дизайн не доведеться, а це великий плюс та економія часу. Всі інструменти в одному місці, вам не потрібно перемикатися з однієї вкладки на іншу.

https://superdesigner.co/


⚡ Якщо тобі сподобався цей матеріал, підпишись на наші соціальні мережі Instagram / Facebook / Linkedin / Telegram. Там ти знайдеш більше цікавих матеріалів про дизайн.

🖤  Підтримати проект ←Банка Mono

Поділитись публікацією