Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Завжди задавалися питанням, що таке "макет", але так і не вдалося повністю розібратися? Ну, в сьогоднішньому відео, ми збираємося розбити його і побачити, як легко це використовувати, використовуючи генератор макету Placeit.

Слідкуйте за нашим каналом Envato Tuts + YouTube:

Що таке макет?

Макет є повнорозмірною моделлю дизайну або пристрою, який використовується для презентацій продукту або інших цілей.

Подумайте про це як про спосіб показувати, як буде виглядати ваш дизайн, коли він вийде в реальний світ.

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

Як використовувати Placeit для створення макетів Легкий шлях

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

placeit site previewplaceit site previewplaceit site preview

Крок 1

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

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

finding the right mockupfinding the right mockupfinding the right mockup

Крок 2

Все, що потрібно зробити зараз, це завантажити свій дизайн, використовуючи кнопку "Завантажити зображення" або надавши посилання на нього.

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

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

Крок 3

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

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

Як тільки я задоволений результатом, я зможу легко завантажити зображення, просто натиснувши кнопку Завантажити, яка стягуватиме невелику плату за використання макету.

Як тільки я завантажую зображення, я можу відкрити його, а потім використовувати його, як би я хотів.

downloading the imagedownloading the imagedownloading the image

Крок 4

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

Як і попередній, я швидко перейду до процесу завантаження зображення, а потім, якщо я уважно поглянути на верхній правий кут сторінки, я бачу, що у мене є опція під назвою «Колір сорочки».

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

Як тільки я задоволений результатом, я натискаю кнопку "Завантажити", а потім швидко перейду до процесу її отримання.

example of adjusting the colorexample of adjusting the colorexample of adjusting the color

Нескінченні можливості

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

Особисто я знайшов три проекти, які мені дуже подобаються:

macbook mockupmacbook mockupmacbook mockup
Макет Macbook від Placeit
business card mockupbusiness card mockupbusiness card mockup
Макет візитної картки Placeit
  • і, нарешті, цей милий iPad, який я планую використовувати в найближчому майбутньому.
ipad mockupipad mockupipad mockup
Макет iPad від Placeit

Більш складні альтернативи

Якщо ви вирішили, що вам потрібно трохи більше контролювати свою сцену, ви можете спробувати скористатися деякими додатковими налаштуваннями, такими як:

Макет телефону і Творця заголовка

Цей красивий макет GraphicRiver поставляється з творцем сцени Photoshop, який має 42 ізольованих об'єктів і 5 мобільних пристроїв зі смарт-об'єктами для презентації додатків або веб-сайтів.

graphicriver productgraphicriver productgraphicriver product
Макет телефону і Творця заголовка

Показати Творця макету

Або, можливо, спробуйте цей макет Envato Elements, який дозволяє швидко показувати ваші проекти та макети у вітрині цифрового дисплея. Розумні шари дозволяють швидку заміну скріншотів. Після оновлення інтелектуального шару миттєво оновлюються всі дисплеї, які виконують цей знімок екрана!

envato elements productenvato elements productenvato elements product
Відображати творця макету елементами Envato

Висновок

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

При цьому, я сподіваюся, ви знайшли цей посібник корисним, і я побачу вас у наступному.

Розширте свої навички дизайнера!

Тільки закінчив переживаючи цей швидкий підручник, і відчуваю, як захоплювати більше знань? Ну, якщо це так, то вам пощастило, так як я взяв час, щоб зібрати цей невеликий список, який повинен тримати вас зайнятий протягом наступних днів!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads