Дизайн матеріалів: Погляд на сучасний веб-дизайн

Минуло майже два роки з того часу, як Google розробив і оголосив на конференції Google I / O конференцію Матеріал Дизайн як проектний регламент, який буде впроваджений, і хоча спочатку він був зосереджений на відтворенні вмісту в операційній системі Android, він мав стати тенденцією в Інтернеті та на будь-якій платформі, що ми можемо підтвердити сьогодні. Хоча іноді ми згадували про це, правда полягає в тому, що ми ніколи не зупинялись, щоб глибше розглянути це кодування, тому сьогодні ми збираємось переглянути його принципи та найхарактерніші риси.

Які визначальні особливості дизайну матеріалів? Яке відношення це має до руху Flat Design?

Що сказати про цю тенденцію у веб-дизайні?

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

Порядок, чіткість, читабельність

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

Освітлення та реалізм

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

Рух є найефективнішим інструментом для привернення уваги та спрямування глядача

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

Ритм, порядок, мова

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

Необмежене кодування

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

Плоский дизайн - це не те саме, що Material Design

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