дизайн для маркетингу — Design4Users https://design4users.com/uk/tag/dizajn-dlja-marketingu/ Wed, 11 Oct 2023 16:11:22 +0000 uk hourly 1 https://design4users.com/wp-content/uploads/2020/06/cropped-favicon-32x32.png дизайн для маркетингу — Design4Users https://design4users.com/uk/tag/dizajn-dlja-marketingu/ 32 32 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.

]]>
Ультрамінімалістичний промисловий дизайн від студії Nendo https://design4users.com/uk/ultraminimalistichnij-promislovij-dizajn-nendo/ Fri, 03 Sep 2021 18:41:41 +0000 https://design4users.com/?p=11321 “Робіть все настільки простим, наскільки можливо, але не простішим” (Альберт Ейнштейн) Мінімалізм – це філософія життя, а не підхід до конкретних завдань. За багато років ідея мінімалізму встановилася в багатьох культурах, особливо часто вона згадується у сильному зв’язку з японською культурою Дзен філософії, в якій уявлення про красу засновані на свободі та сенсі життя. Простота […]

Сообщение Ультрамінімалістичний промисловий дизайн від студії Nendo появились сначала на Design4Users.

]]>

“Робіть все настільки простим, наскільки можливо, але не простішим” (Альберт Ейнштейн)

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

У цій публцікації пропонуємо подивитися, як мінімалізм працює в дизайні повсякденних речей, поєднуючи функціональність із красою та елегантністю. Нове ім’я в D4U Галереї: знайомимося з Nendo, японською дизайн-компанією. Заснована Окі Сато в 2002 році, сьогодні Nendo працює по всьому світу і славиться вишуканими дизайнами, що відкривають світові красу мінімалізму.

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

carton + pump

Цей недавній проєкт від Nendo для Mitsubishi Corporation Packaging і Nippon Paper Industries торкається як питань захисту навколишнього середовища, так і високого рівня особистої гігієни. Вони створили картонні контейнери, схожі на коробки для молока, для піни, рідкого мила та шампуню. Використовуючи один і той самий насос, користувачі можуть повністю замінити картонний контейнер, тож нове мило або миючий засіб ніколи не змішується з залишками, як це відбувається з багаторазовими контейнерами. Картонні контейнери менш шкідливі для навколишнього середовища порівняно з пластиковими, а також їх зручно штабелювати для зберігання та перевезення.

cartonpump design nendo

cartonpump design nendo

cartonpump design nendo

cartonpump design nendo

cartonpump design nendo

cartonpump design nendo

cartonpump design nendo

cartonpump design nendo

cartonpump design nendo

cartonpump design nendo

my-lid

Ще один екологічний дизайн було створено у проєкті Nendo для Lawson. Дбаючи про навколишнє середовище, багато ресторанів відмовляються від використання одноразових соломинок і пластикових стаканчиків, а застосування паперових стаканчиків і трубочок, а також багаторазових металевих трубочок стає все більш популярним. Це сприяло появі багаторазової кришки для кави, розробленої для мережі цілодобових крамниць Lawson. Мета проєкту – скоротити обсяги утилізації близько 1 мільярда пластикових кришок з-під кави, що еквівалентно 2000 тонн пластику, які щорічно поставляються до крамниць цієї мережі. Особлива риса розробки – частково куполоподібний простір на боці, протилежній губам. Аромат кави, що піднімається через вентиляційні отвори, утримується під стінкою, дозволяючи людині сповна насолодитися ароматом.

my-lid design project nendo

my-lid design project nendo

my-lid design project nendo

my-lid design project nendo

my-lid design project nendo

my-lid design project nendo

my-lid design project nendo

my-lid design project nendo

my-lid design project nendo

my-lid design project nendo

my-lid design project nendo

music-link

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

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

music link project nendo design

&Drip

Цей проєкт від Nendo – стильна, ультрамінімалістична капсульна кава-машина для домашнього використання, розроблена для Coca-Cola Japan. Здається, кожна деталь продумана до дрібниць, щоб зробити машину не тільки красивою, а й дуже функціональною та простою у використанні. Однією з особливостей є можливість розміщення пластикової пляшки об’ємом 500 мл безпосередньо на апараті замість використання резервуара для води, що усуває необхідність наповнення та очищення.

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

drip21 design coffee machine nendo

cubic clock

Цей проєкт для The Hour Glass є унікальним годинником, виконаним у формі похилого куба. Завдяки зрізаній верхівці годинник може утримувати рівновагу на куті куба.

cubic clock design nendo

cubic clock design nendo

cubic clock design nendo

cubic clock design nendo

cubic clock design nendo

cubic clock design nendo

cubic clock design nendo

cubic clock design nendo

cubic clock design nendo

cubic clock design nendo

Більше крутих проєктів від цієї команди ви зможете знайти на вебсайті  Nendo.

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

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

Сообщение Ультрамінімалістичний промисловий дизайн від студії Nendo появились сначала на 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.

]]>
Витончена фуд-фотографія та стайлінг від Maurice Fransen https://design4users.com/uk/fud-fotografija-vid-maurice-fransen/ Sun, 25 Apr 2021 18:23:17 +0000 https://design4users.com/?p=10173 Ще одне ім’я в D4U Галереї означає ще одну порцію краси та стилю, цього разу у сфері фотографії. Знайомимося з Maurice Fransen, фотографом і дизайнером з Нідерландів. Серед різноманітних напрямків його портфоліо ви знайдете продуктову і фешн-фотографію, корпоративну і портретну зйомку, і навіть 3D-графіку. І все ж, сьогодні пропонуємо вам помилуватися однією з найсмачніших частин […]

Сообщение Витончена фуд-фотографія та стайлінг від Maurice Fransen появились сначала на Design4Users.

]]>
Ще одне ім’я в D4U Галереї означає ще одну порцію краси та стилю, цього разу у сфері фотографії. Знайомимося з Maurice Fransen, фотографом і дизайнером з Нідерландів. Серед різноманітних напрямків його портфоліо ви знайдете продуктову і фешн-фотографію, корпоративну і портретну зйомку, і навіть 3D-графіку. І все ж, сьогодні пропонуємо вам помилуватися однією з найсмачніших частин його творчості: фото-проекти зі зйомки стильного посуду й апетитних страв, елегантні та вишукані. Відчуймо силу вишуканої кухні та надихнімося справжнім мистецтвом фуд-фотографії.

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photographyfood photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

food photography

Більше фото дивіться на сайті Maurice Fransen або в його Behance портфоліо.

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

Сообщение Витончена фуд-фотографія та стайлінг від Maurice Fransen появились сначала на Design4Users.

]]>
UI натхнення: 20+ вебдизайн концептів для ecommerce https://design4users.com/uk/ui-dizajn-web-ecommerce/ Tue, 30 Mar 2021 19:34:52 +0000 https://design4users.com/?p=9995 Свіженька доза натхнення для UI дизайнерів: цього разу колекція веб-дизайн концепцій, націлених на електронну комерцію, сферу, яка демонструє просто космічний ріст і розмаїття останніми роками. Дизайн для ecommerce – це постійний пошук балансу між традиційним і новим, шаблонами й експериментами, звичками й інноваціями, красою і логікою, привабливістю і зручністю. Крім того, дизайнери постійно випробовують нові […]

Сообщение UI натхнення: 20+ вебдизайн концептів для ecommerce появились сначала на Design4Users.

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

У сьогоднішній колекції ви знайдете різноманітні результати цього творчого пошуку – концепти веб-сторінок, типових для онлайн-крамниць: домашня сторінка, каталоги, сторінки продуктів, лендинги для певних кампаній. Вивчайте, аналізуйте та надихайтеся!

ecommerce website

ecommerce design clothing brand

Ecommerce вебсайт для модного бренду від tubik

beauty ecommerce

Ecommerce вебсайт для продажу продуктів догляду за шкірою від  Emy Lascan

ecommerce design

Концепція онлайн крамниці продуктів харчування від Vision Trust

clothing store

Вебсторінка для крамниці одягу від Orizon

confectionery web design tubik

website design confectionery

Концепт вебсайту для онлайн крамниці крафтових солодощів від tubik

ecommerce design

ecommerce design

ecommerce design

ecommerce design

Вебконцепт для онлайн крамниці одягу та аксесуарів від OTAKOYI

shoes ecommerce website

web design ui

Яскравий ecommerce концепт для продажу взуття від Shah Alam

fashion ecommerce

Фешн ecommerce вебконцепція від gde.design

ecommerce webdesign

Продуктова сторінка для крамниці іграшок від Anatoliy

website design ecommerce

Брутальна сторінка товару від Justin Greene

cosmetics website design

Варіація сторінки продукту від Emy Lascan

ecommerce web design concept

Ecommerce концепт від Witech Enterprise

ecommerce design

ecommerce website design

ecommerce website

ecommerce website

Концепція для онлайн-крамниці меблів від Bold Monkey

website design balloon ecommerce

Ecommerce вебсайт для купівлі повітряних кульок від Cuberto

ecommerce design

Концепт сторінки продукту для онлайн крамниці меблів від RH Agency

fashion clothes design

Модна онлайн крамниця у вебконцепті від Ariel Jedrzejczak

cosmetics store ecommerce

Концепт лендинг-сторінки для крамниці, що продає косметику, від Nickelfox

ecommerce page

Концепт сторінки продукту для e-commerce сайту з продажу меблів від Halal Lab

ecommerce web design

product page ecommerce

Мінімалістичний концепт сторінок продукту від isavelev

ecommerce theme

ecommerce product page

ecommerce website checkout page

Дизайн ecommerce шаблону від WPDeveloper

ecommerce web design

ecommerce website

Концепт e-commerce сайту від Halal Lab

ecommerce web design page

Легка і повітряна концепція сторінки продукту від Vishnu Prasad

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

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

Сообщение UI натхнення: 20+ вебдизайн концептів для ecommerce появились сначала на Design4Users.

]]>
Фотомистецтво: апетитна фуд-фотографія команди Les Garçons https://design4users.com/uk/foto-mistectvo-fud-fotografija/ Thu, 23 Apr 2020 10:22:11 +0000 https://design4users.com/?p=8837 Нова порція натхнення, яку ми приготували для вас в D4U Галереї , буде дуже смачною. Знайомтеся з Les Garçons, командою, що створює приголомшливі фотографії і дизайн-концепти, головним чином присвячені темі їжі й кулінарії. Les Garçons базуються в Монреалі й спеціалізуються на фото, відео та кулінарних концептах. Вони позиціонують себе як фахівці з візуального сторітелінгу й […]

Сообщение Фотомистецтво: апетитна фуд-фотографія команди Les Garçons появились сначала на Design4Users.

]]>
Нова порція натхнення, яку ми приготували для вас в D4U Галереї , буде дуже смачною. Знайомтеся з Les Garçons, командою, що створює приголомшливі фотографії і дизайн-концепти, головним чином присвячені темі їжі й кулінарії.

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

Проект Spring Geometry (Геометрія весни)

photo food art

food photographers

photo art food photo

food photo inspiration

food photo art

Проект Essence of Summer (Сутність літа)

summer food photo

photo art summer food

photo inspiration food

photo art food inspiration

Проект Rosélys

food photo posters

food artist photography

food photo design

art food photos

tea food photo art

Проект Distant Dinner (Вечеря на відстані)

food photography inspiration

photography art

photography food

Проект Elevate Your Cheesburger

cheesburger photography

food photo inspiration cheesburger

Більше фотодизайну від цієї команди дивіться в Les Garçons портфоліо на Behance.

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

Сообщение Фотомистецтво: апетитна фуд-фотографія команди Les Garçons появились сначала на Design4Users.

]]>
Мистецтво об’єму: яскраві приклади 3D ілюстрації та анімації https://design4users.com/uk/3d-iljustracija-animacija/ Mon, 03 Feb 2020 15:40:50 +0000 https://design4users.com/?p=8537 3D як дизайн-тренд за останні пару років займає все сильніші позиції. 3D-графіка й анімація все частіше інтегруються в веб-сторінки і мобільні екрани, брендовані матеріали і продуктові відеоролики, рекламу і промо. Щоб додати і вашому дню трохи об’ємної краси, сьогодні в рубриці D4U Натхнення ми зібрали  трендові, яскраві і вражаючі 3D-ілюстрації від різних дизайнерів і студій. […]

Сообщение Мистецтво об’єму: яскраві приклади 3D ілюстрації та анімації появились сначала на Design4Users.

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

3d illustration workspace

3D ілюстрація робочого місця від Peter Tarka

3D анімація Tubik для онбординга застосунка Status

3d models 3d illustration art 3d illustration art 3d illustration art 3d illustration art 3d illustration art

Монохромні 3D ілюстрації в одному стилі від Ben Fearnley

3d illustration 3d art illustration 3d graphic design 3d art design

3D графіка для проекту Планета Видр від Mohamed Chahin

3d art design

illustration 3d art

3d art illustrations

Оригінальні 3D ілюстрації в монохромних палітрах від Nermin Muminovic

low poly worlds illustration

Вражаючі low-poly світи від Pavel Novak

3d character design

Персонаж у 3D створений Pitch

3d illustration park

3D арт концепт від Chris Phillips

3d art digital illustration

Ще один гарний робочий стіл в 3D ілюстрації від Peter Tarka

low poly animals cow

low poly animals cow

low poly animals cow

low poly animals cow

Чудові low-poly тварини в 3D від Pavel Novak

Мультяшний 3D персонаж анімований Tubik Arts 

2_bathroom_anim.gif

3D анімація гарної інтер’єрної ілюстрації від Guillaume Kurkdjian

3d dog illustration

Смішний 3D пес від Pitch

Мистецтво об'єму: яскраві приклади 3D ілюстрації та анімації

Геометрична 3D анімація, присвячена темі уроків водіння, від Guillaume Kurkdjian

3d art illustration design

Приклад 3D ілюстрації з музичними мотивами від Ben Fearnley

3d graphics ui design

3d graphics ui design

Приваблива і мила 3D графіка й анімація для онбординг-екранів мобільного застосунка від Tubik

3d art google partners 3d art google partners 3d art google partners Мистецтво об'єму: яскраві приклади 3D ілюстрації та анімації

Набір трендової 3D графіки від Leo Natsume для проекту Google Partners

coffee 3d art

Ранкова кава для персонажа Hellboy у 3D ілюстрації від Mohamed Chahin

Кумедний 3D персонаж розроблений та анімований Yum Yum

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

Сообщение Мистецтво об’єму: яскраві приклади 3D ілюстрації та анімації появились сначала на Design4Users.

]]>
Приклади веб-дизайну для різних подій і заходів https://design4users.com/uk/veb-dizajn-podij-zahodiv/ Sat, 25 Jan 2020 14:56:03 +0000 https://design4users.com/?p=8549 В умовах високої конкуренції одним з факторів успіху будь-якого заходу є його просування. Спеціальні веб-сайти й лендинг сторінки представляють ефективний інструмент охоплення цільової аудиторії, допомагають швидко і зрозуміло розкрити переваги заходу, спрощують процес бронювання або покупки квитків. Крім того, часто одне з їхніх завдань – приголомшити потенційних відвідувачів за допомогою wow-графіки й ефектів, які задають […]

Сообщение Приклади веб-дизайну для різних подій і заходів появились сначала на Design4Users.

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

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

Лендинг сторінка від студії Tubik для конференції, на якій ілюстратори та цифрові художники діляться досвідом і знаннями

Приклади веб-дизайну для різних подій і заходів

Дизайн веб-сайта W Festival від Sochnik 

landing page design
Мінімалістична цільова сторінка для культурного заходу від Cuberto

 

Дизайн веб-сайта книжкового фестивалю від Tubik

Приклади веб-дизайну для різних подій і заходів

Приклади веб-дизайну для різних подій і заходів

Дизайн веб-сайта для івента The Best of Pop Culture від Sochnik

bauhaus event landing page
Лендинг сторінка заходу, присвяченого Bauhaus, від Tubik

events landing page design
Дизайн цільової сторінки для заходу Microsoft Events від Unfold

event landing page
Лендинг сторінка циркового заходу від Cuberto

art exhibition landing page

Цільова сторінка з оригінальною hero-ілюстрацією від Tubik для виставки сучасного мистецтва

music event landing page
Дизайн-концепт цільової сторінки для фестивалю класичної музики від Mike Creative Mints

sports event landing page
sports event landing page
Лендинг-сторінка з кастомною графікою для презентації футбольного матчу від Tubik

Приклади веб-дизайну для різних подій і заходів
Приклади веб-дизайну для різних подій і заходів

Заснована на типографіці, творча концепція веб-сайту фестивалю від Sochnik

Лендинг сторінка для модного показу від Tubik

event landing page concept
Концепт цільової сторінки для музичного заходу від Beatris Veres

event landing page design
Чорно-біла лендинг сторінка для музичного заходу від Bethel Design

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

Сообщение Приклади веб-дизайну для різних подій і заходів появились сначала на Design4Users.

]]>
Classic Blue оголошено кольором року 2020 від Pantone https://design4users.com/uk/classic-blue-kolir-2020-pantone/ Thu, 05 Dec 2019 13:26:13 +0000 https://design4users.com/?p=8307 Pantone оголосили колір року Color of the Year 2020: це “класичний синій” Classic Blue 19-4052. Тож цього року колір настрою – синій, і це не жарт. Поза модою і часом, цей синій відтінок простий, класичний і елегантний. Як згадує Pantone, це колір неба в сутінках; він віддзеркалює прагнення до надійної і стабільної основи, на якій […]

Сообщение Classic Blue оголошено кольором року 2020 від Pantone появились сначала на Design4Users.

]]>
Pantone оголосили колір року Color of the Year 2020: це “класичний синій” Classic Blue 19-4052. Тож цього року колір настрою – синій, і це не жарт.

pantone color of the year 2020

Поза модою і часом, цей синій відтінок простий, класичний і елегантний. Як згадує Pantone, це колір неба в сутінках; він віддзеркалює прагнення до надійної і стабільної основи, на якій можна будувати майбутнє на порозі нового етапу. У психологічному аспекті, PANTONE 19-4052 Classic Blue приносить відчуття спокою і спокою, допомагає зосередитися і вносить ясність, перезавантажує думки.

pantone classic blue

На офіційному сайті Pantone згадують, що колір року 2020 можна знайти у таких колірних системах:

pantone color blue

Також дизайнерів забезпечили візуальними колірними референсами для різних сфер.

pantone classic blue
Classic Blue у сфері моди

pantone classic blue
Classic Blue у сфері краси

pantone classic blue
Classic Blue у дизайні інтер’єрів

pantone classic blue
Classic Blue у графічному дизайні та дизайні паковання

Уже понад 20 років Колір року від Pantone впливає на розробку продуктів у різних галузях, включаючи моду, предмети інтер’єру, промисловий дизайн, упаковку продуктів і графічний дизайн. Процес вибору кольору Pantone року вимагає вдумливого огляду та аналізу тенденцій. Щоб зробити вибір, щороку експерти за кольором з Pantone Color Institute прочісують світ, збираючи та аналізуючи нові колірні тренди. Процес може включати в себе індустрію розваг і кіно, колекції творів мистецтва, роботи нових художників, моду, всі сфери дизайну, популярні напрямки для подорожей, а також актуальні підходи до способу життя, ігрові стилі і соціально-економічні умови. Тренди також можуть бути зумовлені новими технологіями, матеріалами, текстурами й ефектами, які впливають на колір, відповідними платформами соціальних мереж і навіть майбутніми спортивними подіями, які привертають увагу всього світу.

pantone colors
Кольори року від Pantone у попередні роки.

Сообщение Classic Blue оголошено кольором року 2020 від Pantone появились сначала на Design4Users.

]]>
3D Натхнення: Захоплююча CG-графіка Олександра Кускова https://design4users.com/uk/3d-nathnennja-cg-grafika/ Wed, 27 Nov 2019 15:48:02 +0000 https://design4users.com/?p=8280 Сьогоднішній випуск галереї D4U Натхнення готовий представити вам ще одного талановитого дизайнера. Цього разу це Олександр Кусков (Alekscg.pro), художник-фрілансер, арт-директор, ілюстратор і справжній майстер комп’ютерної графіки. Його цифрове мистецтво та 3D візуалізації віддзеркалюють найкращі традиції академічного малюнка і живопису і гармонійно поєднує їх з тенденціями сучасного дизайну, бізнес-цілями проектів і його власною художньою харизмою. Вражаючий […]

Сообщение 3D Натхнення: Захоплююча CG-графіка Олександра Кускова появились сначала на Design4Users.

]]>
Сьогоднішній випуск галереї D4U Натхнення готовий представити вам ще одного талановитого дизайнера. Цього разу це Олександр Кусков (Alekscg.pro), художник-фрілансер, арт-директор, ілюстратор і справжній майстер комп’ютерної графіки. Його цифрове мистецтво та 3D візуалізації віддзеркалюють найкращі традиції академічного малюнка і живопису і гармонійно поєднує їх з тенденціями сучасного дизайну, бізнес-цілями проектів і його власною художньою харизмою. Вражаючий список брендів і компаній, з якими він співпрацював, включає Volkswagen, Shell, Райффайзенбанк, Danon, Acer, Honda, Mazda Motors, аудіокниги Penguin, Adobe та багато інших. Отже, насолоджуйтеся!

Shell Fuel Save

Campaign Craft Certificate in Loeries 2018 award у категорії Print Crafts – Illustration

shell marketing images design

alexandr kuskov CG

aleksand kuskov 3d art

aleksandr kuskov 3D

aleksandr kuskov CG

aleks kuskov CG art

Forcam

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

3d illustration alex kuskov

alex kuskov 3d art

alexandr kuskov forcam

forcam 3D by aleksandr kuskov

3d graphics alex kuskov

forcam 3d art

Аудіокниги Penguin

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

Класика Стародавньої Греції

З опису автора (переклад D4U): Ми хотіли переконати людей в тому, що вони можуть оживити світ книги, якщо глибоко зануряться в літературні переживання. Тож ми обрали «Іліаду» з нашого розмаїття грецької класики, щоб проілюструвати цю думку. «Троянський кінь» в «Іліаді» поміщений на давньогрецьку арену в формі вуха; атмосфера оживлена ​​завдяки уважному ставленню до ремесел й архітектурних зразків того часу: міської архітектури, повсякденного вбрання людей, класових відмінностей в суспільстві, що відбиті у розсадженні арени, і аж до місцевих ритуалів з метою заспокоїти богів.

CG penguin audiobooks

CG penguin audiobooks

CG penguin audiobooks

Історія Другої світової війни

З опису автора (переклад D4U): Ми обрали «Трилогію Третього рейху» з нашого асортименту історій Другої світової війни. Гітлер поставлений у центр уваги, він дає жваву промову нацистам на арені в формі вуха просто в центрі Берліна. Сцена оживлена з ретельною уважністю до архітектури, костюмів і обстановки міста у воєнні часи. Від нацистської символіки до центру міста, спеціально розчищеного для фюрера, перехрещення трамвайних, телеграфних та електричних ліній і похмурої важкої атмосфери світу, зануреного у війну.

CG penguin audiobooks

CG penguin audiobooks

CG penguin audiobooks

CG penguin audiobooks

Міфологія індіанців

З опису автора (переклад D4U): … ми хотіли переконати людей в тому, що аудіокниги «Penguin» перетворюють назви, засновані на індійській міфології, на глибокі занурення в літературу. Назва, про яку йде мова: JAYA від Devdutt Patnaik. Натхненний міфами індійського епосу, Махабхарата, тут зображений епізод Шлюб Драупади. Щоб виграти руку принцеси Драупади в шлюбі, наречені повинні вистрілити стрілою в око золотої рибки, прикріпленої до колеса, яке оберталося. Просто дивлячись на її відображення в воді. У центрі уваги на арені в формі вуха знаходиться Арджуна, якому це вдається. Арена ретельно відтворена в поєднанні індуїстського й буддистського архітектурних стилів Індії і Південної Азіі, включаючи профілі, поглиблення, дизайнерські мотиви на камені й інші деталі. Костюми, тропічна рослинність і церемоніальні слони засновані на середньовічних індійських картинах і підсилюють загальну драматичність зображення.

3D graphics penguin audiobooks

CG penguin audiobooks

penguin books 3D graphics

Coca Cola Olympics

Візуалізація для бренду Coca Cola в тематиці Олімпійських ігор.

coca cola olympic games 3D art

3d graphics design coca cola

coca cola 3D art

Проект “Машина Часу”

alex kuskov typing machine 3D

3D art typing machine

typing machine 3D

Проект Harmony of Hardcode

3D CG graphics

3D art harmony of hardcode

3d design CG art

creative graphic design CG

CG art poster

Портфоліо Олександра на Behance та ArtStation

Також вас, можливо, зацікавлять осінні ілюстрації та приклади творчого підходу до дизайну паковання

Сообщение 3D Натхнення: Захоплююча CG-графіка Олександра Кускова появились сначала на Design4Users.

]]>