Топ 7 на материалните стилови рамки за уебсайтове
Android Lollipop и някои вградени приложения бяха първите, които получиха този дизайн, последвани от сайтовете на Google и Android. Хората наистина харесаха това решение за уеб страници и решиха сами да напишат сайта, както си мислеха, в материален стил. Но тук те бяха за провал. Проблемът е, че не са прочели ръководствата на Google, които описват принципите на проектиране. В резултат на това те се оказаха с тромав апартамент, смесен с метро и дизайн от „псевдоматериали“.
За щастие имаше уеб-дизайнери, които проучиха много добре работата на Google и направиха страхотна рамка, която беше различна от всички останали и беше възможно най-подобна на сайт в материален стил. Тогава беше създадена по-усъвършенствана рамка, която лесно надмина своя конкурент, а след това се появиха и други.
Да се залавяме за работа. Нека да разгледаме топ 7 (по мое мнение) рамки за "материален стил".
7. Материален дизайн за Bootstrap
Доста добра, красива рамка. Има някои плавни анимации, като например в квадратчета за отметка и радио бутони. Но, за съжаление, с това красотата свършва. Много неща все още не са направени, някои елементи изобщо не са анимирани, а сенките изглеждат малко твърди. Нямам какво повече да кажа. Да преминем към следващото място.
Може би се чудите защо сайт, който се препоръчва да се използва дори в Wikipedia, се оказа на 6-то място? Всичко е много просто. Първо, самите страници на рамката са частично направени не в стил „material“, и второ, шрифтът Roboto, който е дизайнерска функция, липсва на някои места. Тук има още няколко функции, но е едновременно по-объркващо и по-сложно. Отначало ми се стори красива и перфектна, но докато я изучавах, започнах да разбирам, че греша.
5.МатериалDesign Lite
Тази рамка е написана от всезнаещия Google. Вярвате или не, много се зарадвах, когато видях новината за пускането на официалната рамка на Google. Отначало всичко беше нормално, необичайно. Но тогава някои извити елементи започнаха да привличат вниманието ми. Тук сравняваме лентата за зареждане на тяхната рамка и в петия Android. Различни са, а сайта е направен много криво. Тъжно е, защото очаквах да видя нещо полезно. Но мобилната версия изглежда доста хубаво и красиво.
4.Материал
Рамка с такова „оригинално“ име се отличава със своята красота и простота. Бях доволен от десния плъзгащ се панел, въпреки че може да се комбинира с левия. Доста хубава и гладка анимация. Много ми хареса зареждането на съдържанието, което е представено на главната страница. Бях изненадан и от лентата за зареждане, точно както в Google Now. Но има само един минус. Падащите анимации са подобни на отварянето на приложения в Android Kitkat. И така, отлична и удобна рамка.
3. Материален потребителски интерфейс
На пръв поглед нищо особено. Но познавайки го по-отблизо, можете да разберете, че той е почти перфектен. Може би това е първата рамка, върху която бих написал сайта си. Има много функции, плавна анимация навсякъде. Дори падащият списък изглежда перфектно. Най-хубавото е, че тук се появиха 3 функции: избор на дата, избор на час и възможност за промяна на темата на тъмна (добре, точно както в Android M). Също така доволен от адаптацията за мобилни устройства. Изглежда, че не използвате уебсайт, а родно приложение за Android. Но все още е трудно да се научи, страниците на сайта изглеждат малко неудобни.
2. Ъглов материал
Наистина почти най-добрата рамка. Много функции, хубави раздели, долно чекмедже, хубавопадащи списъци. Бях доволен от анимацията на напредъка, особено хоризонталната. За разлика от други рамки, тук има истинска буферна анимация. Но има няколко но. Първо, ако истинската анимация на полето за отметка на Lollipop присъства в най-несъвършените рамки, тогава тя не е тук. Второ, почти няма различни видове заглавки на сайта, въпреки че ще бъде възможно да се справите с един. Като цяло рамката е отлична, но не и перфектна.
1. Материализирайте
Много красива, удобна, лесна за научаване рамка. Има много интересни функции. Това е увеличаване на изображенията, ефекти на курсора върху карти, различни видове таблици, падащи списъци, красиви модални прозорци, икони и много други. На тази рамка направих сайта си. Ще ви кажа, че единствените му недостатъци са липсата на разработка на мобилната версия, в която текстът може да надхвърли картата, и рядкото пускане на актуализации, които понякога изискват пренаписване на някои страници. Например икони. Преди това те бяха отделен шрифт, който беше направен от създателите на Materialize и иконите трябваше да бъдат вмъкнати по един начин. Миналия месец обърнаха нещата, като преминаха към Google Font. По-късно трябваше да променя малко кода, така че иконите да работят правилно.