Share
Ferris Bueller spune cu exactitate că "viața se mișcă destul de repede, dacă nu te oprești și nu te uiți din când în când, poți să o ratezi". Să luăm aminte de sfatul său de salvie și să ne gândim la câteva tendințe de design web pe care le-am văzut în 2011.
Web-ul este o fiară mereu în schimbare, plină de deficiențe și imperfecțiuni și experimentări. - Dan Cederholm
Responsive Web Design devine un pic cam ca un cântec strălucit, dar tocmai redat. Se pare că toți au avut cuvântul lor, iar agenda lui Ethan Marcotte nu a fost niciodată mai sănătoasă. Există un motiv bun pentru asta; conceptul este simplu, motivele sunt logice, tehnologia este simplă și rezultatele sunt extrem de satisfăcătoare.
2011 a înregistrat o explozie în numărul de site-uri construite în mod sensibil, iar frumusețea este că suntem cu toții implicați în dezvoltarea procesului. Este încă în tinerețe, designerii și dezvoltatorii se străduiesc mereu de noi abordări și suntem departe de a găsi cele mai bune practici reale. Ar trebui să proiectăm mai întâi pentru ecrane mari și să folosim interogări media pentru a ne degrada planurile pentru mobil? Sau ar trebui să proiectăm mai întâi pentru mobil, îmbunătățind progresiv pentru dispozitive mai capabile? Paul Irish a dat startul unui subiect interesant pe GitHub dacă vrei să te scufunzi în discuție.
Un lucru pe care RWD a strălucit o lumină este concentrarea asupra conținutului. În afară de toți ceilalți factori, conținutul oricărui site web este important; carnea și cele două legume trebuie să fie lizibile, accesibile și clare pe orice dispozitiv. Designerii, cu siguranță, iau acest lucru la bord, așa cum este evident în multe site-uri emergente din 2011.
Când totul a fost spus și făcut, deși, chiar dacă sunteți puțin obosit de a vedea încă mai multe tutoriale RWD și articole de recoltare sus, stați tuned. 2012 va vedea evoluții importante în modul în care ne apropiem cu toții.
Partener în crimă la aspectul receptiv este grila. 2011 a văzut că rețelele de rețele fixe au făcut îmbunătățiri flexibile, ca să nu mai vorbim de apariția unor instrumente suplimentare care să ne ajute. Toate următoarele cadre, instrumente și ghiduri răspund nevoilor actuale și oferă fluiditate. Cele mai multe dintre aceste site-uri demonstrează, de asemenea, un design deosebit de receptiv, deoarece miniaturile de 1: 1 de mai jos arată:
Evident, tipografia nu este o disciplină care a apărut în 2011, dar este o arie de web design care continuă să crească și este facilitată mai mult ca niciodată de fonturile și serviciile web.
Două aspecte notabile ale tipografiei sunt estetica (fonturile web permit proiectanților să se dedice ei înșiși) și înțelegerea tot mai mare pe care tipul există în primul rând pentru a fi citită. Fonturile nu trebuie să fie microscopice pentru a apărea chique, iar accentul pe conținut este primul care ne împinge către o rețea plină de tip mare și frumos.
2011 a avut un salt imens în ceea ce privește capacitățile browserului (și numerele de versiune!) Chiar și Microsoft a recunoscut recent că actualizările automate pentru Internet Explorer sunt probabil o idee bună. Toate acestea înseamnă că designerii web au mai multe jucării pe care să le joace în termeni de HTML și CSS, ceea ce duce, în mod inteligent, la creativitate ca rezultat al tehnologiei. Abordarea "pentru că mă pot", dacă doriți.
Nu mă pot gândi la un titlu mai bun pentru acest pic, îmi pare rău. Deci, despre ce vorbesc? Deplasare verticală.
Este o sarcină zilnică pentru web designerii să cedeze importanța jocului. Foldul este imposibil de definit, ceea ce cu multitudinea de dispozitive și rezoluții în aceste zile, atât de conținut "fiind deasupra lui" nu ar trebui să fie numărul unu al clientului într-o soluție de proiectare.
Acceptăm derularea verticală. Creșterea dispozitivelor mobile a reamintit oamenilor că acestea poate sa parcurgeți și acolo este conținut relevant sub primii câțiva pixeli ai unei pagini Web. Unii designeri au luat acest lucru la nivelul următor și au făcut o parte fundamentală a experienței de navigare.
O abordare se referă la efectele subtilă de parallax.
Notă: Imaginile de mai jos, evident, nu fac site-urile dreptate - du-te și verificați-le (și obțineți roata mouse-ului gata ...)
Apoi, există ideea că un anumit conținut poate derula pana la un punct. 2011 a înregistrat o largă utilizare a acestui efect; păstrarea icoanelor sociale, cărucioarelor de cumpărături, barelor de meniuri, apelurilor la acțiune etc. în mod persistent în vedere:
Deci, cum se obține acest lucru? Adesea, o combinație de poziționare jQuery și CSS. Iată doar două resurse pentru a vă ajuta:
Unele site-uri au luat conceptul și mai mult, animând elementele și apelând evenimentele când se ating anumite puncte verticale pe pagină:
Apoi, există exemple care fac derularea unei pagini web într-o dimensiune total nouă (într-adevăr, verificați-o pe aceasta) ...
Diagonal este ciudat, nu se joacă împreună cu împrejurimile actuale ale rețelei, dar, din anumite motive, în cursul anului 2011 au apărut linii oblice. Este ca o revenire la un moment dat chiar înainte de internetul principal și tu Voi găsi și alte mementouri vizuale ale acelei epoci; combinații ciudate de culoare, efecte de iluminat, bej și bronz. Ciudat.
Nu pot să-mi amintesc anunțurile vechi de reviste cu linii diagonale abstracte, serifi de afișare, păr mare, Joan Collins și perle. Este un aspect deosebit de atrăgător ...
Abordarea modelelor într-un mod modular este din nou ceva favorizat de Responsive Web Design. Gestionarea zonelor de proiectare în bucăți modulare permite repoziționarea fluidului și separarea clară a conținutului. Ați putea susține că creșterea interfețelor modulare este sub influența aplicațiilor. Din ce în ce mai mult, găsim că publicăm (și accesăm) conținutul web prin aplicații externe, cum ar fi Facebook și Twitter; liniile se estompează între ecrane desktop și dispozitive portabile.
Am intrebat-o pe maestrul Ivor, care a vazut-o pe Themeforest, pe care a vazut-o de pe piata numarul unu al Envato-ului in ultimul an. El a observat câteva aspecte trenduitoare:
Anul 2011 a fost anul desenului minimal în ThemeForest - Ivor Padilla
Nu trebuie să vă uitați adânc în arhivele Themeforest pentru a vedea ce înseamnă el ...
Nu există nici un fel de acoperire a tuturor dezvoltărilor semnificative în designul web al anului 2011, așa că faceți pas cu comentariile dvs.! Care tendințe te-au lovit în 2011? Unde ne aflăm în prezent și unde credeți că se întâmplă lucruri?
Accentsconagua