Материален дизайн: Поглед към днешния уеб дизайн

Изминаха почти две години, откакто Google разработи и обяви на I / O конференцията на Google конференцията Материал Design като регламент за дизайн, който ще бъде приложен и че макар в началото да е бил фокусиран върху възпроизвеждането на съдържание в операционната система Android, той е имал за цел да се превърне в тенденция в мрежата и на всяка платформа, нещо, което можем да потвърдим днес. Въпреки че сме го споменавали понякога, истината е, че никога не сме спирали да виждаме това кодиране в дълбочина, така че днес ще разгледаме неговите принципи и най-характерните му характеристики.

Какви са определящите характеристики на материалния дизайн? Какво общо има с движението Flat Design?

Какво да кажем за тази тенденция в уеб дизайна?

Името му идва от най-практичния му смисъл, материята или материалите трябва да бъдат организирани и структурирани възможно най-ефективно и вие ще се съсредоточите върху нея. Това движение търси преди всичко гъвкавост, ергономичност и способност за сгъване и опростяване на конструкцията на уебсайт. Но не само пространственото измерение ще заема важно място, но и това на времето, тъй като сега елементите ще заемат определени позиции в определени моменти, тоест динамичността също ще бъде ключов фактор. В допълнение, тези фактори ще бъдат неизбежно ръководени от интелекта и логиката, което в крайна сметка води до търсене на реализъм и пространствено представяне на физическата материя, всъщност тя отчита законите на физиката и заедно с това елементите (изображения, бутони, панели ...) не могат да се пресичат помежду си, защото имат по-голямо тегло и визуална плътност, вместо това това, което ще направят, е да се припокриват.

Ред, яснота, четливост

Всички тези принципи произтичат, разбира се, от начина, по който се управляват и разпределят графичните компоненти, включително типографията, която ще бъде преди всичко ясно четимо решение, текстовата структура ще бъде конвенционална и плавна, визуална йерархия, мотивирана от използването на повече или по-малко силни тонове, генериращи контрасти, които също ще бъдат нюансирани от размера и реда.

Осветление и реализъм

Логиката се проявява преди всичко в използването на светлинни ефекти и управлението както на светлините, така и на сенките. Осветлението е чудесен индикатор за близост, уместност и ситуация, поради което ще се превърне в основен инструмент за въздействие върху йерархията, за която говорихме. Сега бутоните, изображенията и всички елементи ще имат сенки, които ще показват степента на близост и ще ни помогнат да се позиционираме на уеб сцената.

Движението е най-ефективният инструмент за привличане на вниманието и насочване на зрителя

Неговият език ще бъде очевиден, графичен и просветляващ в очите на потребителя. Когато избираме опция или инструмент, той ще се приближи до нас, ще разшири своите размери и обратно, когато спрем да го използваме. Също така елементът ще промени цвета или ще премигне, ако е абсолютно необходимо да привлече вниманието ни.

Ритъм, ред, език

Нека не забравяме, че дълбоко в себе си говорим в режим на дискурс. Преминаваме през ресурсите, които уеб дизайнът ни предлага и следователно всички технико-експресивни параметри имат значение: от реда на поява, например първо изображенията и след това плаващите бутони, до скоростта, с която се появяват, в каква посока те го правят и до какъв край се движат. Всичко това е важно, тъй като не само се посочва на потребителя откъде идва информацията, но и се улеснява пътуването, елементите се подреждат, за да направят процеса на четене интуитивен, лесен и приятен. Несъмнено анимацията и динамичността са основен стълб.

Неограничено кодиране

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

Плоският дизайн не е същото като материалния дизайн

Въпреки че споделят доста общи точки, като например ангажираността към най-звучния минимализъм, има и огромни разлики между двата кода. Те обаче не са несъвместими и със сигурност могат да бъдат перфектно комбинирани, за да се получат най-добрите покрития, но за това ще говорим в по-късна публикация.