графічний дизайн — Design4Users https://design4users.com/uk/tag/grafichnij-dizajn/ Wed, 11 Oct 2023 16:11:03 +0000 uk hourly 1 https://design4users.com/wp-content/uploads/2020/06/cropped-favicon-32x32.png графічний дизайн — Design4Users https://design4users.com/uk/tag/grafichnij-dizajn/ 32 32 24 гіпнотичних концептів 3D анімації від Webshocker https://design4users.com/uk/gipnotichni-koncepti-3d-animacii/ Mon, 13 Mar 2023 08:48:34 +0000 https://design4users.com/?p=11390 Додамо ще одне творче ім’я в D4U Галерею: цього разу, для отримання традиційної порції художнього натхнення та захоплення мистецтвом анімації, представляємо 3D-художника та мойшн-дизайнера Матьяжа Валентара (Matjaz Valentar), засновника дизайн-студії Webshocker. Його портфоліо зокрема відоме своєю різноманітністю детальної, захоплюючої та гіпнотичної 3D-анімації. У цій добірці ми зібрали деякі з улюблених його робіт, як окремих, так […]

Сообщение 24 гіпнотичних концептів 3D анімації від Webshocker появились сначала на Design4Users.

]]>
Додамо ще одне творче ім’я в D4U Галерею: цього разу, для отримання традиційної порції художнього натхнення та захоплення мистецтвом анімації, представляємо 3D-художника та мойшн-дизайнера Матьяжа Валентара (Matjaz Valentar), засновника дизайн-студії Webshocker. Його портфоліо зокрема відоме своєю різноманітністю детальної, захоплюючої та гіпнотичної 3D-анімації. У цій добірці ми зібрали деякі з улюблених його робіт, як окремих, так і інтегрованих у веб-сторінки як hero-анімації. Насолоджуйтеся й надихайтеся!

Дивіться більше робіт Webshocker на Dribbble.

 

Також, вас, можливо, зацікавлять інші добірки з рубрики D4U Натхнення, зокрема:

Сообщение 24 гіпнотичних концептів 3D анімації від Webshocker появились сначала на Design4Users.

]]>
5 основних типів зображень у веб інтерфейсах https://design4users.com/uk/typy-zobrazhen-u-web-interfejsah/ Thu, 02 Mar 2023 18:58:22 +0000 https://design4users.com/?p=11309 “Контент – не король, а ціле королівство,” – сказав колись відомий маркетолог Lee Odden. Неможливо з цим не погодитися: без контенту дизайн – лише гарна упаковка, не більше. Суперечки про те, що важливіше та первинніше, дизайн чи контент, не мають сенсу, адже один не працює без іншого. У цій статті ми розглянемо базові типи візуального […]

Сообщение 5 основних типів зображень у веб інтерфейсах появились сначала на Design4Users.

]]>
“Контент – не король, а ціле королівство,” – сказав колись відомий маркетолог Lee Odden. Неможливо з цим не погодитися: без контенту дизайн – лише гарна упаковка, не більше. Суперечки про те, що важливіше та первинніше, дизайн чи контент, не мають сенсу, адже один не працює без іншого. У цій статті ми розглянемо базові типи візуального контенту, з яким відвідувачі сайтів стикаються практично щодня, та поміркуємо над перевагами кожного типу зображень. Приклади вебдизайну з різними типами зображень – від дизайнерів агенції tubik.

Що таке веб-контент?

Вебконтент – це все, що наповнює вебсторінку і є частиною досвіду користувача. Це те, що люди читають, чують, бачать, дивляться, із чим взаємодіють на сайті.

Базові види контенту – це:

  • текст
  • зображення
  • відео
  • анімація
  • аудіо (звук)

Сьогодні розглянемо поближче зображення як частину вебконтенту.

images in web design

Картинки – це не лише про фактор краси. У дизайні досвіду користувача зображення відіграють величезну роль у посиленні юзабіліті. Більшість користувачів мережі – візуально керовані, тобто сприймають картинки швидше за текст. Відповідно, дуже часто саме картинки є тими елементами верстки, які відвідувач бачить, сканує та декодує першими. Більш того, вони інформативні і емоційно насичені, здатні не лише передавати повідомлення, а й транслювати певну естетику. Також правильно використані та оптимізовані зображення здатні позитивно впливати на SEO показники вебсайту, тобто здатність користувача ефективно знайти вебсайт або конкретну його сторінку в пошукових системах.

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

Логотип

Логотип – один з ключових елементів бренду, його символ. Тому це, як правило, один із очевидних візуальних елементів більшості сайтів, які представляють різні компанії, бренди, сервіси, ком’юніті та організації. На сьогодні вже навіть на персональних блогах та сайтах-портфоліо нерідко можна побачити оригінальний логотип.

В аспекті вебдизайну, під час використання логотипу подумайте про такі поради:

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

landing_page_animation_cryptocurrency_service_tubik

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

Фотографії

Фотографії можна сміливо назвати класикою візуалу для вебсторінок. Вони використовуються для різноманітних цілей, зокрема:

  • тематичні фото
  • демонстраційні фото
  • фото продуктів та товарів (наприклад, на ecommerce сайтах)
  • фото-обкладинки для статей у блозі
  • фото для hero-банерів та секцій тощо.

Найбільша перевага фотографій – їхня здатність швидко пов’язати те, що користувач бачить на вебсторінці, з реальним світом живих людей та фізичних об’єктів. Фотографія є частиною людського сприйняття світу вже багато десятиліть і стала такою задовго до появи інтернету, а значить, цей тип зображень для нас звичний, близький і зрозумілий. Більш того, з появою різноманітних девайсів, які дозволяють будь-кому з нас сфотографувати будь-що за лічені секунди, фотографія вже не ексклюзив, а елемент щоденної реальності для багатьох користувачів. З’являючись на вебсайті, фотографії здатні встановити сильні зв’язки та асоціації.

Вебсайт журналу про історію джазу

Цей дизайн вебсторінки для сайту клінінгової компанії використовує фотоконтент як частину скролінгу сторінки.

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

the board news media_website_tubik

Сайт новинного медіа-ресурсу

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

Ecommerce сайт модного бренду одягу

Вебсайт SPA-простору з атмосферними демонстраційними фото

bartending encyclopedia tubik studio

Вебсайт енциклопедії для барменів, з оригінальним фотоконтентом для підтримки теми та демонстрації напоїв

Звідки дизайнери беруть фото?

Існує кілька шляхів:

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

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

gourmet_website_interactions_tubik

Сайт The Gourmet, крамниці, що продає трави, олії та спеції, застосовує великі красиві фото для демонстрації товарів

Використовуючи фотографії у вебдизайні, враховуйте таке:

  • застосовуйте фото високої роздільної здатності та якості
  • оптимізуйте їх для веб, тому що надто важкі картинки будуть перевантажувати сторінку, а швидкість завантаження сторінки – це важливий фактор як юзабіліті, так і ефективного SEO
  • дайте картинкам достатньо “повітря” – стежте, щоб застосувати достатньо негативного простору
  • пам’ятайте про адаптивність і тестуйте, як зображення виглядають на різних девайсах
  • не використовуйте фото просто для декору – вони мають комунікують з користувачем і підтримувати красу та візуальну ієрархію всієї сторінки.

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

Big_city_guide_Stockholm_tubik

Big City Guide лендинг сторінка

Ілюстрації

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

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

Ви часто можете зустріти ілюстрації використані на вебсторінках як:

  • титульні зображення (hero image)
  • тематичні зображення
  • персонажі, які спілкуються з користувачем
  • картинки у статтях блогу
  • графіка для нагород та інших елементів гейміфікації
  • графіка для системних повідомлень та нотифікацій
  • стікери (особливо популярні у месенджерах)
  • елементи візуального сторітелінгу
  • інфографіка
  • рекламні банери
  • візуальні маркери категорій контенту

Розглянемо кілька прикладів.

home page webdesign

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

ecotourism website design tubik

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

landing page UI design

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

graphic design case study

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

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

Маскоти

Маскот – це персонаж, персоніфікована картинка, яка стає символічним представником бренду, компанії, сервісу чи навіть людини.

У вебінтерфейсах, маскот може бути ефективним елементом комунікації та взаємодії. Змінюючи його образ (скажімо, настрій, вбрання, заняття тощо), ви можете швидко повідомляти щось користувачеві. Крім того, маскоти можуть спілкуватися через пряму мову в текстових бульбашках, робити візуальні підказки через різні вирази обличчя, відображати настрій користувача, давати цінні інструкції у тюторіалах та вітати з досягенннями. Усе згадане “олюднює” комунікацію продукту або компанії з користувачем, і таким чином покращує користувацький досвід.

Кумедний і суперпозитивний анімований маскот, інтегрований у вебдизайн для ShipDaddy

books for children website tubik

Милий і доброзичливий маскот використаний як титульна картинка на сайті ecommerce для продажу дитячих книжок

babysitting landing page

Оригінальні персонажі використані як маскоти сервісу з наймання нянь

3D графіка

Ще один тип візуалу для вебсайтів, який зараз нарощує популярність, – це 3D графіка. Багато таких зображень мають фотореалістичність, що є важливою перевагою для цілей вебдизайну. 3D графіка може чудово працювати в тих випадках, коли необхідний вам фотоконтент, який вкрай дорого або й взагалі неможливо отримати.

Веб-сторінка із привабливою анімованою 3D графікою

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

homes of the future website

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

Вебконцепт для блогу про здоров’я зі стильною та трендовою 3D анімацією

creativo arquitectos website design tubik

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

book and travel website_tubik

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

Навіщо використовувати картинки у веб-дизайні

Декілька переконливих аргументів:

  • дослідження з вебархіву Wayback Machine показують, що люди сприймають картинки у 60,000 разів швидше, ніж текст
  • психологи стверджують, що людині потрібно близько 1/10 секунди, щоб отримати загальне враження від візуальної сцени або елемента (така швидкість неможлива для текстових елементів)
  • важливі фрагменти інформації часто фіксуються мозком як картинки, навіть якщо були отримані через текст
  • картинки менш уразливі в комбінації з фоном та оточуючими елементами, тоді як ефективність тексту дуже залежить від фактора читабельності
  • картинки мають схильність легше потрапляти у довгострокову пам’ять, а значить, взаємодіючи з інтерфейсом, користувачеві не доведеться обробляти щоразу багато даних, і справа піде швидше
  • візуальні елементи інтерфейсу можуть зробити його більш універсальним, якщо сайт або програма використовується користувачами з різних країн та носіями різних мов
  • картинки пом’якшують чи знімають обмеження сприйняття для користувачів, у яких є природні проблеми з розпізнаванням тексту, наприклад, якщо це дислексики або діти, що ще не читають

images in user interfaces-tubik-blog-article

Оригінальна версія статті англійською мовою була опублікована в Tubik Blog, графіка та відео від агенції tubik

Сообщение 5 основних типів зображень у веб інтерфейсах появились сначала на Design4Users.

]]>
Любов — усе, що треба: зворушливий набір романтичних ілюстрацій https://design4users.com/uk/romantichni-iljustraciji/ Fri, 10 Feb 2023 14:32:12 +0000 https://design4users.com/?p=11318 «Ви знаєте, що закохані, коли не можете заснути, тому що реальність нарешті краща за ваші мрії,» – колись написавДоктор Сьюз, і люди день за днем доводять, що це правда. Любов змінює наше життя, змушує світ навколо нас виглядати, звучати та відчуватися по-іншому, додає більше сенсу, веселощів і краси до кожного дня. Напередодні найромантичнішого свята, Дня […]

Сообщение Любов — усе, що треба: зворушливий набір романтичних ілюстрацій появились сначала на Design4Users.

]]>
«Ви знаєте, що закохані, коли не можете заснути, тому що реальність нарешті краща за ваші мрії,» – колись написавДоктор Сьюз, і люди день за днем доводять, що це правда. Любов змінює наше життя, змушує світ навколо нас виглядати, звучати та відчуватися по-іншому, додає більше сенсу, веселощів і краси до кожного дня. Напередодні найромантичнішого свята, Дня Святого Валентина, ми хочемо поділитися романтичним настроєм з новою колекцією цифрового мистецтва, натхненною темою кохання та романтики. Нижче ви знайдете великий набір ілюстрацій від художників tubik: розмаїття закоханих, пар, які діляться романтичними почуттями та живуть спільним життям, маленьких візуальних історій, сповнених любові та пристрасті, які доводять, що кохання не має віку, не знає обмежень і не приймає правил. Насолоджуйтесь цифровим живописом у різних стилях, палітрах і дизайн-підходах, але усіх об’єднаних любов’ю. Ловіть романтичні вайби та надихайтеся!

love-illustration-tubikarts

love illustration romantic art tubik

cosy romantic love illustration tubikarts

romantic art love illustration tubikarts

love illustration tubik arts

love illustration elderly couple tubikarts

love illustration tubikarts romantic vibes

couple romantic illustration tubikarts

love has no age illustration tubikarts

love story illustration tubikarts

love illustration tubik arts

romantic illustration tubik arts

young love illustration tubik arts

romantic love illustration tubik arts

love illustration funny couple tubikarts

love illustration romantic tubikarts

Ілюстрація з проєкту Life in Pandemics project

 

Орігінальна публікація англійською мовою в Tubik Blog, графічний контент від tubik arts

Також, вас, можливо, зацікавлять зимові ілюстрації, літні цифрові ілюстраціїілюстрації про коханняілюстрації про материнську любоввесняні ілюстраціїосінні ілюстрації3D графіка та інші добірки з рубрики D4U Натхнення

Сообщение Любов — усе, що треба: зворушливий набір романтичних ілюстрацій появились сначала на Design4Users.

]]>
Приклади вебдизайн концептів на тему екології та збереження природи https://design4users.com/uk/vebdizajn-na-temu-ekologii-ta-zberezhennja-prirodi/ Thu, 12 Jan 2023 16:31:53 +0000 https://design4users.com/?p=11385 «Вода і повітря, дві найважливіші субстанції, від яких залежить все життя, перетворилися на глобальні сміттєві баки», — казав відомий захисник природи і дослідник Жак Ів Кусто, і з цим важко не погодитися. Проблеми захисту навколишнього середовища та побудови сталого майбутнього сьогодні обговорюються та досліджуються на світовому рівні, і онлайн-світ також не може залишатися осторонь. Сьогоднішня […]

Сообщение Приклади вебдизайн концептів на тему екології та збереження природи появились сначала на Design4Users.

]]>
«Вода і повітря, дві найважливіші субстанції, від яких залежить все життя, перетворилися на глобальні сміттєві баки», — казав відомий захисник природи і дослідник Жак Ів Кусто, і з цим важко не погодитися. Проблеми захисту навколишнього середовища та побудови сталого майбутнього сьогодні обговорюються та досліджуються на світовому рівні, і онлайн-світ також не може залишатися осторонь. Сьогоднішня публікація, колекція дизайн-прикладів від дизайнерів агенції tubik, також присвячена цій темі: поглянемо на низку вебсайтів, створених для висвітлення проблем забруднення повітря та моря, підтримки безвідходного способу життя та стійких енергетичних ресурсів.

Stop Plastic

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

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

Сайт для екотуризму

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

Дизайн демонструє баланс читабельності та декоративності у виборі типографіки, стійку візуальну ієрархію та продуману інтеграцію різних типів візуальних елементів: фотографій та оригінальних тематичних ілюстрацій.

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

ecotourism website design tubik studio

Zero Waste

zero waste website design

«Ми зловживаємо землею, тому що вважаємо її товаром, який належить нам. Коли ми сприймаємо землю як спільноту, до якої ми належимо, ми зможемо почати використовувати її з любов’ю та повагою». Слова Альдо Леопольда сповнені правди, і, на щастя, ця філософія надихає багатьох людей сьогодні. Цей концепт вебдизайну також з цієї теми. Це сайт, присвячений безвідходному zero-waste способу життя: тут люди можуть поспілкуватися, отримати корисну інформацію та поради, а також купити екологічно дружні та багаторазові речі.

 

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

zero waste website page tubik

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

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

 

Save the Oceans

save-the-oceans-website-animation-tubik-design

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

save the oceans website tubik agency design

save the oceans website tubik agency design

 

save the oceans website tubik agency design

save the oceans website tubik agency design

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

save-the-oceans-website

Innovative Energy Service

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

Environment Protection Community

environment_protection_community_website_tubik

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

Також, вас, можливо, зацікавлять інші добірки з рубрики D4U Натхнення, зокрема:

 

Оригінальна публікація англійською мовою була створена для Tubik Blog, графічний контент від tubik

Сообщение Приклади вебдизайн концептів на тему екології та збереження природи появились сначала на Design4Users.

]]>
20+ яскравих цифрових ілюстрацій про магію літа https://design4users.com/uk/cifrovi-iljustraciji-pro-lito/ Sat, 14 Aug 2021 18:32:00 +0000 https://design4users.com/?p=10455 Розпал літа – саме час для занурення в атмосферність цифрового мистецтва: нова колекція ілюстрацій готова до вашої уваги, на цей раз гарненько зігріта сонцем, трохи підсолена морем, сповнена ароматами квітів, смаками й барвами свіжих ягід і фруктів та яскравим канікульно-відпускним настроєм. Ловіть хвилю! Folio Illustration Agency Tubik Arts Lana Marandina MUTI Shakuro Graphics Helen Lee […]

Сообщение 20+ яскравих цифрових ілюстрацій про магію літа появились сначала на Design4Users.

]]>
Розпал літа – саме час для занурення в атмосферність цифрового мистецтва: нова колекція ілюстрацій готова до вашої уваги, на цей раз гарненько зігріта сонцем, трохи підсолена морем, сповнена ароматами квітів, смаками й барвами свіжих ягід і фруктів та яскравим канікульно-відпускним настроєм. Ловіть хвилю!

summer illustration art

Folio Illustration Agency

summer holiday illustration

Tubik Arts

summer art

Lana Marandina

summer artwork

MUTI

summer beach illustration

Shakuro Graphics

summer sea illustration

Helen Lee

forest summer illustration

Tubik Arts

summer weekend

Felic Art

illustration summer

Folio Illustration Agency

summer swimming illustration

Liza Rusalskaya

summer travel illustration

Fireart Studio

holiday illustration

Tubik Arts

summer swimming pool

Helen Lee

summer time illustration

Fireart Studio

sunny summer illustration

Zara Magumyan

summer beach illustration

Pascal Campion

summer car artworks

Pavlov Visuals

ice cream illustration

Liza Rusalskaya

summer art

Helen Lee

summer surf illustration

Shakuro Graphics

summer illustration

Berin Holy

summer dreams illustration

Tubik Arts

Також, вас, можливо, зацікавлять зимові ілюстраціїілюстрації про коханняілюстрації про материнську любоввесняні ілюстраціїосінні ілюстрації3D графіка та інші добірки з рубрики D4U Натхнення

Сообщение 20+ яскравих цифрових ілюстрацій про магію літа появились сначала на Design4Users.

]]>
17 стильних концептів мобільних взаємодій https://design4users.com/uk/koncepty-mobilnih-vzaiemodij/ Tue, 01 Jun 2021 12:24:50 +0000 https://design4users.com/?p=10370 Нова добірка прикладів дизайну інтерфейсів користувача для натхнення готова, цього разу вся про мобільні взаємодії. Тут ми зібрали колекцію креативних і цікавих мобільних прототипів в дії, створених UI дизайнерами або дизайн-студіями для різних цілей користувачів. Заряджайтеся ідеями! Для відео фрагментів, у які вбудовано звуковий супровід, скористайтеся регулятором гучності, щоб налаштувати їх, як вам зручно. Взаємодії […]

Сообщение 17 стильних концептів мобільних взаємодій появились сначала на Design4Users.

]]>
Нова добірка прикладів дизайну інтерфейсів користувача для натхнення готова, цього разу вся про мобільні взаємодії. Тут ми зібрали колекцію креативних і цікавих мобільних прототипів в дії, створених UI дизайнерами або дизайн-студіями для різних цілей користувачів. Заряджайтеся ідеями!

Для відео фрагментів, у які вбудовано звуковий супровід, скористайтеся регулятором гучності, щоб налаштувати їх, як вам зручно.

Взаємодії з застосунком для прослуховування аудіокнижок від Khonok Lee (відео має звуковий супровід)

Взаємодії з фітнес-застосунком від tubik

Прототип мобільного застосунка Fanvest від PLATFORM

Прототип застосунка для медичної сфери від Outcrowd

Взаємодії з застосунком мобільного календаря від Khonok Lee

Взаємодії з застосунком для особистих викликів і марафонів від tubik

Взаємодії з застосунком музичного плеєра від Khonok Lee

Взаємодії з застосунком QUAN від PLATFORM

Дизайн взаємодій для застосунка фінансового трекера від tubik

Взаємодії з застосунком для фінансових інвестицій від Brave Wings

Прототип фітнес-застосунка в синхронізації зі смарт-годинником від PLATFORM

Взаємодії з прототипом банківського мобільного застосунка від Khonok Lee (відео має звуковий супровід)

Взаємодії з прототипом мобільного застосунка від Dimest (відео має звуковий супровід)

Дизайн взаємодій для застосунка-цитатника від tubik

Прототип застосунка для пральної машини в стилі неоморфізм від Dimest (відео має звуковий супровід)

Прототип застосунка для фінансових заощаджень від PLATFORM

Взаємодії з концептом застосунка для розумного будинку від Mammad Emin

А ми готуємо нові тематичні колекції, тож тримайте руку на пульсі дизайн-натхнення!

Також вас, можливо, зацікавлять приклади вебдизайну з 3D графікою, вебдизайн-концепти для ecommerce та колекція дизайнів для мобільних ecommerce-застосунківUI-дизайн для фінансових застосунків, приклади UI дизайну у стилі неоморфізм та веб-дизайну для подій та заходівефектного дизайну паковання, та приклади 3D графіки та анімації

Сообщение 17 стильних концептів мобільних взаємодій появились сначала на Design4Users.

]]>
15 концептів анімованих логотипів від Алекса Горбунова https://design4users.com/uk/koncepty-animovanih-logotipiv/ Tue, 04 May 2021 14:39:34 +0000 https://design4users.com/?p=10287 Анімовані логотипи – модний тренд у дизайні останніх років. Рух, інтегрований в елементи брендингу, додає жвавості й динаміки при роботі логотипа в цифровому або відео середовищі, загострює емоційну складову, привертає увагу і додає деталей до загальної естетики образу бренду. Не дивно, що в дизайнерських портфоліо ми все частіше зустрічаємо концепції анімації логотипів. У цьому випуску […]

Сообщение 15 концептів анімованих логотипів від Алекса Горбунова появились сначала на Design4Users.

]]>
Анімовані логотипи – модний тренд у дизайні останніх років. Рух, інтегрований в елементи брендингу, додає жвавості й динаміки при роботі логотипа в цифровому або відео середовищі, загострює емоційну складову, привертає увагу і додає деталей до загальної естетики образу бренду. Не дивно, що в дизайнерських портфоліо ми все частіше зустрічаємо концепції анімації логотипів. У цьому випуску D4U Галереї розглянемо колекцію лого анімацій, створених моушн-дизайнером Алексом Горбуновим (Alex Gorbunov).

logo motion design

logo motion design

logo motion design

logo motion design

logo motion design

Більше анімацій від Алекса Горбунова в його Dribbble portfolio.

Також, вас, можливо, зацікавлять 3D ілюстрації, приклади креативного дизайну паковання та фуд-фотографії, покрокові відео з цифрової ілюстрації у Procreateілюстрації собак, та інші публікації з рубрики D4U Галерея, у якій ми знайомимо вас з цікавими дизайнерами та художниками.

Сообщение 15 концептів анімованих логотипів від Алекса Горбунова появились сначала на Design4Users.

]]>
Мамині обійми: 30 зворушливих ілюстрацій про мам https://design4users.com/uk/iljustracij-pro-mam/ Wed, 28 Apr 2021 09:32:50 +0000 https://design4users.com/?p=10193 Час нової колекції ілюстрацій для натхнення, цього разу на дуже душевну тему. У цій добірці ми зібрали різноманітні ілюстрації, що передають безмежну глибину й висоту материнської любові. Важко знайти людину, яка б залишилася в стороні від цієї теми, і чудово бачити, як художники всього світу висловлюють любов і вдячність матерям через свої роботи. Приготуйтеся, тут […]

Сообщение Мамині обійми: 30 зворушливих ілюстрацій про мам появились сначала на Design4Users.

]]>
Час нової колекції ілюстрацій для натхнення, цього разу на дуже душевну тему. У цій добірці ми зібрали різноманітні ілюстрації, що передають безмежну глибину й висоту материнської любові. Важко знайти людину, яка б залишилася в стороні від цієї теми, і чудово бачити, як художники всього світу висловлюють любов і вдячність матерям через свої роботи. Приготуйтеся, тут вас чекають найтепліші, милі і добрі обійми – мамині.

motherhood illustration

Ksenia Shokorova

mother love

Pawel Olek

mother illustration

Sergio Edwards

mother illustration

tubik.arts

children illustrations

Lana Marandina

mother kid illustration

Ksenia Shokorova

mother illustration art

mother illustration art

Lana Zorina

mothers illustration

Makers Company

mothers kids illustration

Zajno Crew

mother baby illustration

Elena Maykhrych

mother child illustration

RED

mummy illustration

Pascal Campion

cuddles mum illustration

Folio Illustration Agency

mothers day illustration

Ani

mother daughter art

Pascal Campion

illustration mother

My Tran

mother daughter illustration

Padmasree Murali

mother kid

mother kid

mother kid

Dung Ho

mother hug

Nina Aubert

mothers day illustration

GRAMM

mother child art

Nikolos N

mother baby illustration

Alfrey Davilla

motherhood illustrations

Pawel Olek

mother baby art

Anton Kalashnyk

baby mum illustration

Pascal Campion

mother art

Liliya Moroz

mother baby nature

Chaichan Artwichai

Також, вас, можливо, зацікавлять ілюстрації на тему збереження Землі, зимові ілюстраціїілюстрації про коханнявесняні ілюстраціїосінні ілюстрації3D графіка та інші добірки з рубрики D4U Натхнення

Сообщение Мамині обійми: 30 зворушливих ілюстрацій про мам появились сначала на Design4Users.

]]>
День Землі: ілюстрації, присвячені турботі про нашу планету https://design4users.com/uk/den-zemli-iljustracii/ Thu, 22 Apr 2021 13:16:17 +0000 https://design4users.com/?p=10169 Ви не можете прожити жодного дня, не впливаючи на світ навколо вас. Все, що ви робите, має значення, і ви повинні вирішити, яке саме значення будуть мати ваші дії. (Джейн Гудолл) Сьогодні світ відзначає День Землі – своєрідне добре нагадування людям усієї планети про необхідність піклуватися про нашу спільну домівку. Щоб вижити, люди і природа […]

Сообщение День Землі: ілюстрації, присвячені турботі про нашу планету появились сначала на Design4Users.

]]>

Ви не можете прожити жодного дня, не впливаючи на світ навколо вас. Все, що ви робите, має значення, і ви повинні вирішити, яке саме значення будуть мати ваші дії. (Джейн Гудолл)

Сьогодні світ відзначає День Землі – своєрідне добре нагадування людям усієї планети про необхідність піклуватися про нашу спільну домівку. Щоб вижити, люди і природа повинні жити в гармонії, а це мистецтво маленьких кроків і великої усвідомленості. Стурбовані цією проблемою, багато художників транслюють її через свої роботи, щоб привернути до неї увагу і надихнути людей об’єднатися задля порятунку лісів, океанів і льодовиків, турботи про дику природу, скорочення відходів і переробку, використання альтернативних і нешкідливих джерел енергії і вирішення безлічі інших питань, щоб жити в гармонії з природою і врятувати планету для наступних поколінь. Наша нова колекція ілюстрацій також присвячена цій темі: тут ви знайдете добірку ілюстрацій про любов до Землі.

earth illustrations

earth illustrations

earth illustrations

earth illustrations

earth illustrations

Сет ілюстрацій, присвячених турботі про навколишнє середовище, від tubik

illustration earth day

Gustavo Zambelli

mother earth illustration

Мати-Земля в ілюстрації від Liza Rusalskaya

world earth day illustrations

Diana Traykov

earth day illustration art

Проблема збереження водних ресурсів в ілюстрації від Dmitry Mooi

earth day illustrations

Shelby Mitchell

global warming illustration

Проблема глобального потепління в яскравій роботі від Glenn Thomas

earth day illustration

Elena Maykhrych

our planet illustration

Nora Toth

earth hugging illustration

Alfrey Davilla

blooming earth poster

blooming earth poster

Bailey Sullivan

protect earth

Fruzka

world illustration

Eldar Khalibauri

earth day illustrations

Mariya Nestsiarovich

earth illustration poster

Impero

Також, вас, можливо, зацікавлять зимові ілюстраціїілюстрації про кохання, ілюстрації про мам, весняні ілюстраціїосінні ілюстрації3D графіка та інші добірки з рубрики D4U Натхнення

Сообщение День Землі: ілюстрації, присвячені турботі про нашу планету появились сначала на Design4Users.

]]>
30 цікавих веб концептів з 3D графікою https://design4users.com/uk/web-koncepty-z-3d-grafikoju/ Tue, 13 Apr 2021 15:13:03 +0000 https://design4users.com/?p=10046 Після яскравого спалаху тренду на пласкі ілюстрації тривимірна графіка знову тріумфально повертається на дизайн-сцену з різноманітними проявами у веб- і мобільних інтерфейсах, ілюстраціях, анімаційних відеороликах і рекламній графіці. В останні кілька років 3D мистецтво й анімація згадуються у всіх численних оглядах трендів UI дизайну від різних команд і медіа-ресурсів. А значить, все більше і більше […]

Сообщение 30 цікавих веб концептів з 3D графікою появились сначала на Design4Users.

]]>
Після яскравого спалаху тренду на пласкі ілюстрації тривимірна графіка знову тріумфально повертається на дизайн-сцену з різноманітними проявами у веб- і мобільних інтерфейсах, ілюстраціях, анімаційних відеороликах і рекламній графіці. В останні кілька років 3D мистецтво й анімація згадуються у всіх численних оглядах трендів UI дизайну від різних команд і медіа-ресурсів. А значить, все більше і більше дизайнерів інтегрують їх у вебсайти і лендинг-сторінки. Наша сьогоднішня порція D4U натхнення також присвячена 3D графіці як частині веб інтерфейсів: тут зібрали колекцію прикладів вебдизайну, які застосовують силу об’єму в різних стилях, палітрах та художніх підходах. Насолоджуйтеся та надихайтеся!

3d graphics web design

3d graphics web design

3d illustration web design

Peter Tarka

3d graphics webdesign

tubik

3d graphics web design

Wolfe

3d illustration webdesign

UI8

3d hero illustration

Mike Creative Mints

design 3d illustration

Peter Tarka

web design 3d art

3d illustration web design

3d illustration web design

tubik

website design ui 3d

Mike Creative Mints

3d illustration design

UI8

3d graphics web design

Voila

3d graphics website design

Plainthing Studio

tubik

3d illustration web design

Peter Tarka

website design 3d arts

Tran Mau Tri Tam

website 3d design

Orizon

3d graphics web design

Sebo

3d art illustrations

Leo Natsume

3d illustrations webdesign

Upnow Studio

3d illustration art

Alzea Arafat

website design 3d

Seahawk

visual media creator

tubik

Herve Studio

web design 3d graphics

Ramotion

3d illustration

Halo Lab

hero 3d illustration

Devignedge

3d illustration webdesign

Mike Creative Mints

3d webdesign

Plainthing Studio

3d art webdesign

Sebo

30 цікавих веб концептів з 3D графікою

Mike Creative Mints

tubik

А ми готуємо нові тематичні колекції, тож тримайте руку на пульсі дизайн-натхнення!

Також вас, можливо, зацікавлять вебдизайн-концепти для ecommerce та колекція дизайнів для мобільних ecommerce-застосунківUI-дизайн для фінансових застосунків, приклади UI дизайну у стилі неоморфізм та веб-дизайну для подій та заходівефектного дизайну паковання, та приклади 3D графіки та анімації

Сообщение 30 цікавих веб концептів з 3D графікою появились сначала на Design4Users.

]]>