9 от най-добрите мрежи за уеб и мобилен потребителски интерфейс

Надявам се, че този списък ще ви бъде полезен. Опитах се да събера интересни и полезни системи и интерфейс.

Мрежата Bootstrap

Bootstrap – най-популярният в света mobile first и адаптивен фронтенд фреймуърк.

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

Мрежа Google Material Design

Адаптивен потребителски интерфейс на материални дизайн, в основата на който лежи мрежа от 12 колони. Тази мрежа създава визуална съгласуваност между елементите.

Google Material Design. Повечето дизайнери са се сблъсквали с тази система, много удобна по своята същност. Ръководствата са добре описани. Едно от най-модерните решения на пазара. Но, за съжаление, ви кара да използвате системите на Google, които не спират да се променят. 😉

Мрежата Flexbox

Това е система от мрежи, основана на свойствата на дисплея – flexboxgrid.com. Стара система на блок оформление на HTML, сега тя се използва рядко, въпреки че тя дава достатъчно интересна възможност за промени. За някои е доста трудно да се работи с нея.

Custom modular grid based HTML

Има много примери, когато се вземат за основа принципите на bootstrap. Това е система от 6 или 12 колони и дизайнерите ги миксират. Промяна на размера на отделните блокове, правите ги неравномерни и така нататък. Сега това е тенденция.

Crow Grid Framework

Crow v3.0 – умен мрежови фреймуърк. В сравнение с други системи, тя не е много популярна, но е интересна и свежа, напомнящ на конструктивизма на плакатите. Може би един ден тя ще стане много популярна.

Human Interface Guidelines

Human Interface Guidelines
Много малко е казано за модулните системи, но техните принципи са изключително интересни. Разбира се, на първо място е подходяща за iOS.

Мрежата Human Inter

Human Inter доста особена система, която ще подхожда далеч на не всеки проект. В нейната основа лежи принципът на златното сечение и „Витрувианския човек“ на Леонардо да Винчи. При ползването ѝ един от най-важните аспекти е хоризонталната линия. Това е решетка, мрежа в основата на която лежи bootstrap.

Карл Герстнер: програма за проектиране

Карл Герстнер е роден в Базел, Швейцария през 1930. Той е дизайнер и художник – www.historygraphicdesign.com. Много интересна система, която в този момент е трудно да се включи в съвременните интерфейси. На мен ми беше интересно да науча повече за тази система, как работи и какви принципи стоят в основата ѝ. Ако имате желание, би било много интересно да я приложите в съвременния интернет.

Fluent Design System

Ярка дизайнерска система за сложен свят. Време е за смел, мащабируем, универсален дизайн. И това е… fluent.microsoft.com . Това е абсолютно нова система от Microsoft. Днес за нея все още малко се знае, но презентационното видео много интересно показва как в компанията виждат съвременния дизайн.

ТУК можете да прочетете и за мрежите (grid systems) при принт дизайна!