O selecție de instrumente pentru crearea de interfețe web în stilul Metro

Vă prezint atenției o selecție de cadre, șabloane, plugin-uri jquery și pictograme pentru crearea de interfețe în stilul Windows 8.

instrumente

Cadre și șabloane

METRO UI CSS este unul dintre cele mai populare cadre în acest moment de la dezvoltatorul ucrainean Sergey Pimenov.

instrumente

BootMetro este un șablon pentru Twitter Bootstrap, recent a fost lansată o nouă versiune, care poate fi deja folosită în proiecte de lucru.

instrumente

metro-bootstrap este o dezvoltare similară folosind LESS.

pentru

Șablonul Metro UI - un alt cadru care câștigă popularitate, se distinge prin calitatea sa și un număr mare de „plăci” gata făcute: RSS, Twitter, vreme etc.

instrumente

Droptiles.com este o pagină de pornire în stil Windows 8 (similar cu iGoogle).

selecție

instrumente

Pluginuri jQuery

jq-metro este un plugin care ajută la crearea unor elemente ale interfeței metroului: bară de progres, comutatoare, panoramă etc.

pentru

Metro JS - ajută la crearea plăcilor și a altor elemente.

pentru

instrumente

selecție

pentru

TileJS (nu jQuery) este un script simplu pentru crearea plăcilor.

instrumente

Icoane gratuite

Pictograme moderne UI în .design, formate PNG de 48*48px și ca fișiere XAML.

instrumente

Set de pictograme Metro UI Dock - în formatele .PNG de 512*512px, 256*256px .ICO și .SVG

pentru

selecție

Și aici puteți obține un grant pentru o perioadă de testare a Yandex.Cloud. Este necesar doar să introduceți „Habr” în câmpul „parolă secretă”.

Citind acum

24 de săptămâni de design Metro pentru Windows Phone #1 Principii de proiectare a metroului și limbaj de proiectare a metroului

Controlarea interfeței Windows 8 Metro cu un touchpad

Windows 8: Ribbon și Metro UI pentru mase

Comentarii 55

Daca te uiti laaceste site-uri cu biblioteci, ați putea avea impresia că

Interfața metroului= dreptunghiuri colorate fără colțuri rotunjite + bare de defilare orizontale + pictograme uriașe și text minim + mult spațiu gol

deşi în realitate

Metro UI= informațiile sunt pe primul loc

Mi-e teamă că metro-yuai va avea aceeași soartă tristă ca și panglicile - ele distorsionează complet sensul invenției în căutarea stilului, copiend orbește aspectul și creând interfețe imposibil de teribile. Încă nu am văzut o singură panglică normală (cu excepția biroului mic-soft). Și, judecând după site-urile pe care le-am văzut, nu sunt sortit să văd un metro-yuai normal (cu excepția softurilor mici, ca de obicei).

Dar tot vor înțepa. E la modă.

Nu-mi place ce e cu stilul de link-uri pe site-uri în stilul Metroului.

Pentru a face linkurile să arate ca text și pentru a clarifica tuturor unde sunt și unde nu sunt, acest lucru necesită o abordare foarte, foarte profesionistă. Microsoft își poate permite asta, dar toți cei care se grăbesc acum să facă asta - nu.

Și smochine cu două veți dovedi că este imposibil dacă Msoft face asta...

Încercați să simțiți dispozitivul pe Windows Phone 7/8 și veți înțelege de ce există un astfel de hype în jurul Modern UI.

Este o interfață mobilă cool.

Dar. Se va sătura de tot, mai devreme sau mai târziu. Nu pentru că ar fi rău, ci pentru că – scuze pentru franceza mea – o hoardă de designeri idioți va încerca să copieze stilul fără aplicarea creierului. Cele mai multe dintre linkurile din subiect sunt un exemplu viu de astfel de creativitate.

Într-un cuvânt, nu am nimic pe care ochiul meu să prindă și de aceea simt un astfel de disconfort, „că nu pot mânca!” (c.f. „Mimino”).

Acum, mai aproape de subiect, Win8 - OS conform descrierea echipamentului este mai bun decât Win7, în plus, conform programului MSoferă să treci la el pentru 500r. Este posibil să utilizați vechea interfață din Win7 sau chiar Win Classic în Win8?

Doar upgrade-ul la Win8 și căutarea posibilității de a lucra confortabil nu este o opțiune, deoarece timpul este mai scump și mă tem că nu voi putea face downgrade mai târziu.

Prieteni, spuneți-mi dacă interfața Metro este dezactivată în Win8?

(Aș fi scris în întrebări, dar acesta este doar un subiect despre interfețele Metro) Vă mulțumesc anticipat pentru sfat!