logo
Burger

Урок 13/22

Додати прикраси

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

Better File Thumbnails plugin
Сторінки з плагіну Better File Thumbnails

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

В цьому випадку навіть не треба довго думати, бо фігма вже придумала все за нас – мультиплеєрні курсори.

Better File Thumbnails with cursors
Додано фірмові курсори фігми

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

Малюй поверх дизайну

Ні, буквально, просто намалюй щось поверх. Думаю зрозуміло без уточнень, що це не спрацює на серйозних B2B інтерфейсах, але якщо у тебе щось більш консьюмерське – вперед.

Duelity mobile and desktop screens
Вирізані плитки профілю з двох платформ продукту

Цей продукт мав класні ілюстрації, намальовані від руки. На мою думку тут доречно додати закарлюки.

Duelity profiles with squiggly lines
Додано закарлючки від руки

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

Такі лінії легко малювати від руки але варто додати що в інтернеті дуже багато готових бібліотек таких закарлючок.

Графічний дизайн або зроби зі свого продукту постер

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

Duelity duel tiles
Сітка з плиток Duelity
Duelity duels poster
Вирізано плитки
Збільшено
Додано текстуру плівки
Додано декоративні елементи

Таке зображення можна використовувати під кінець кейсу або як прев’ю. Воно також може класно зайти в соціалках.

Ось ще один приклад, де головними елементами є стікери.

Figma Thumbnails
Та ж плівка та стікери поверх прев'ю, створених за допомогою Better File Thumbnails

Це одне з небагатьох зображень, які я зробив саме для курсу а не взяв з свого портфоліо, тому стікери тут не мають багато сенсу. Дуже класно, якщо тобі вдасться вкласти туди який-не-який сенс. Лого продукту, як у мене, або версію, фото людей з команди або платформи, на яких працює продукт. Ми тут про крафт і красу, але це не означає що треба додавати аби-що щоб стало гарно.