Вебдизайн по-японськи. Елементи, які вирізняють його
• Вертикальна типографія
В інтерфейси сайтів вона прийшла з традиційного японського письма татегакі. У ньому символи потрібно писати стовпцями зверху вниз. До речі такий текст можна читати як з лівого, так і з правого боків. Хоча за правилами друкованих ЗМІ в Японії, останній все ж переважає.
• Людина — центральна фігура
Японські гілки життєвої філософії, як-от ікіґай (відчуття власного призначення в житті) вабі-сабі (менше — це більше) дан-ша-рі (очищення від безладу) органічно вписуються у вебдизайн. Великі зображення з людиною у центрі поєднуються з вільним простором, якого тут багацько. Такі сайти візуально «дихають» і передають відчуття спокою.
• Wafuu — японський стиль
У Японії вміло поєднують сучасність та традиції. У вебдизайні ви це також можете побачити. Сайти японської кухні, кондитерських виробів, готелів часто відображають елементи традиційної естетики країни.
• Синергія зображень і неправильних форм
Японські вебдизайнери виходять за межі прямокутників. Вони сміливіше використовують інші варіації форм та силуетів, які віддзеркалють бренд компанії.
Повна стаття тут.
____
Зображення сайтів: Isaka, Owaricho, Haa Japan, Hako Nature, Yamadaya Manju, Byaku, Omusubi, Aquastand.
• Вертикальна типографія
В інтерфейси сайтів вона прийшла з традиційного японського письма татегакі. У ньому символи потрібно писати стовпцями зверху вниз. До речі такий текст можна читати як з лівого, так і з правого боків. Хоча за правилами друкованих ЗМІ в Японії, останній все ж переважає.
• Людина — центральна фігура
Японські гілки життєвої філософії, як-от ікіґай (відчуття власного призначення в житті) вабі-сабі (менше — це більше) дан-ша-рі (очищення від безладу) органічно вписуються у вебдизайн. Великі зображення з людиною у центрі поєднуються з вільним простором, якого тут багацько. Такі сайти візуально «дихають» і передають відчуття спокою.
• Wafuu — японський стиль
У Японії вміло поєднують сучасність та традиції. У вебдизайні ви це також можете побачити. Сайти японської кухні, кондитерських виробів, готелів часто відображають елементи традиційної естетики країни.
• Синергія зображень і неправильних форм
Японські вебдизайнери виходять за межі прямокутників. Вони сміливіше використовують інші варіації форм та силуетів, які віддзеркалють бренд компанії.
Повна стаття тут.
____
Зображення сайтів: Isaka, Owaricho, Haa Japan, Hako Nature, Yamadaya Manju, Byaku, Omusubi, Aquastand.
❤61👍6🤔3
Базовий, але корисний інструмент. Ділимося генератором колірної палітри від Figma.
Можете одразу переносити кольори у редактор. А бонусом, почитати інформацію про моделі та коло кольорів. Те, що треба, якщо ви починаєте розбиратися у темі.
Забираю.
Можете одразу переносити кольори у редактор. А бонусом, почитати інформацію про моделі та коло кольорів. Те, що треба, якщо ви починаєте розбиратися у темі.
Забираю.
❤44🔥2
Пані та панове — анімація
Звичайна та мікро, у лого, слайдері, застосунку та скролі сайту.
Розглядайте й надихайтеся добіркою жвавих інтерфейсів, яку склав куратор Вадим Грін.
А навчитися теж анімувати можете на інтенсиві Вадима — Basic Animation in Figma Workshop.
Усе про воркшоп.
Анімацїї: Lazarev agency 1, 2, Evan Place, Prakash Ghodke, Taras Migulko.
Звичайна та мікро, у лого, слайдері, застосунку та скролі сайту.
Розглядайте й надихайтеся добіркою жвавих інтерфейсів, яку склав куратор Вадим Грін.
А навчитися теж анімувати можете на інтенсиві Вадима — Basic Animation in Figma Workshop.
Усе про воркшоп.
Анімацїї: Lazarev agency 1, 2, Evan Place, Prakash Ghodke, Taras Migulko.
🔥50❤4
Відчиняйте, бо прийшов грудень, а з ним і добірка наборів Проджа
Обирайте, які навички прокачаєте під кінець року:
🔹 Курси
• Web Design Beginning 4 грудня
• Product Design 4 грудня
• UX Design Beginning 6 грудня
• Mobile Apps Design 18 грудня
🔹Інтенсиви
• Basic Animation in Figma Workshop 4, 6, 9 грудня
• Designing for Complex UI 6, 7, 8 грудня
• Mobile UI Design Workshop 11, 14 грудня
• Data Tables in Figma 16, 17, 22 грудня
🔹Відеокурси
• Figma
• Webflow
Обирайте, які навички прокачаєте під кінець року:
🔹 Курси
• Web Design Beginning 4 грудня
• Product Design 4 грудня
• UX Design Beginning 6 грудня
• Mobile Apps Design 18 грудня
🔹Інтенсиви
• Basic Animation in Figma Workshop 4, 6, 9 грудня
• Designing for Complex UI 6, 7, 8 грудня
• Mobile UI Design Workshop 11, 14 грудня
• Data Tables in Figma 16, 17, 22 грудня
🔹Відеокурси
• Figma
• Webflow
❤9👍3
Заглянемо у минуле застосунків?
Цього разу у музею інтерфейсів specialedition виставка.
Запитання до вас — яку апку пам’ятаєте у цих версіях?
Цього разу у музею інтерфейсів special
Запитання до вас — яку апку пам’ятаєте у цих версіях?
❤38🔥11😁1
Кому добірку помічників-плагінів Figma?
Куратори Проджа поділилися улюбленими.
🔹Андрій Курочкін, куратор курсів Web Design Beginning, Web Design Junior
• Smooth Shadow — робить чудові тіні у два кліки.
• Image Tracer — надійний помічник, коли треба швиденько векторизувати зображення.
• To Path — розміщує тексти на будь-яких кривих.
🔹Мар’яна Бучкович, кураторка курсу Web Design Junior
• RemoveBG — ШІ-плагін, який допомагає позбутися фону на фото в один клік.
• Invert Color — інвертує фони, заливки, контури та кольори ефектів.
• Contrast — допомагає перевірити контрастність кольорів та відповідність до WCAG.
🔹Вадим Грін, куратор Basic Animation in Figma
• Autoflow — допомагає швидко й охайно створити user flows у Figma.
• Relume Ipsum — AI-плагін, щоб створювати контент для дизайну без усіляких lorem ipsum.
• Jitter — дозволяє анімувати безпосередньо у Figma.
Робимо другу частину?
Куратори Проджа поділилися улюбленими.
🔹Андрій Курочкін, куратор курсів Web Design Beginning, Web Design Junior
• Smooth Shadow — робить чудові тіні у два кліки.
• Image Tracer — надійний помічник, коли треба швиденько векторизувати зображення.
• To Path — розміщує тексти на будь-яких кривих.
🔹Мар’яна Бучкович, кураторка курсу Web Design Junior
• RemoveBG — ШІ-плагін, який допомагає позбутися фону на фото в один клік.
• Invert Color — інвертує фони, заливки, контури та кольори ефектів.
• Contrast — допомагає перевірити контрастність кольорів та відповідність до WCAG.
🔹Вадим Грін, куратор Basic Animation in Figma
• Autoflow — допомагає швидко й охайно створити user flows у Figma.
• Relume Ipsum — AI-плагін, щоб створювати контент для дизайну без усіляких lorem ipsum.
• Jitter — дозволяє анімувати безпосередньо у Figma.
Робимо другу частину?
❤82🔥27
Складні в опануванні. Прості у використанні.
Якби створювали загадки про компоненти Figma, щось таке написали б про таблиці.
Щоб скіпнути складну частину, рекомендуємо:
• ознайомитися з прикладами організації даних в таблицях;
• навчитися швидко створювати та редагувати таблиці у Figma на воркшопі Data Tables in Figma.
Якби створювали загадки про компоненти Figma, щось таке написали б про таблиці.
Щоб скіпнути складну частину, рекомендуємо:
• ознайомитися з прикладами організації даних в таблицях;
• навчитися швидко створювати та редагувати таблиці у Figma на воркшопі Data Tables in Figma.
❤19