Adaptive, design receptiv cauciuc - ceea ce este

La începutul erei de web design, atunci când majoritatea utilizatorilor acces la Internet de la calculatoare, monitoare au avut cu aceeași rezoluție de ecran, face de proiectare pentru site-ul a fost usor. A fost suficient pentru a face un design static obișnuit la o lățime fixă ​​a ecranului și pentru a fi siguri că marea majoritate a utilizatorilor vor vedea site-ul în așa fel încât intenționat.

Cu toate acestea, pentru a utiliza acest termen - „Design adaptiv“ încă mai pot fi cu ușurință se confruntă cu discrepanțe, mai multe înțelegere diferită a sensului său și diferite designeri web. Să încercăm să dau seama ce sunt opțiunile pentru ajustarea designul site-ului prin modificarea rezoluției ecranului, și modul în care pentru a apela în mod corespunzător.

„Cauciuc“ de design a apărut destul de mult timp, o latură lungă perioadă de timp de partea cu un design static, fix. Principala caracteristică a acestuia este faptul că lățimea coloanei este dată în procente, mai degrabă decât pixeli, astfel încât „cauciuc“ proiectare pentru orice rezoluție a ecranului este întinsă la lățimea de ecran complet. Pentru a face o astfel de proiectare, mai ales atunci când utilizați aspectul de bloc este ceva mai complicat decât fix, dar utilizatorul nu va vedea câmpurile goale de pe pagina. Este demn de remarcat faptul că proiectarea de cauciuc inițial a devenit destul de larg utilizat în RuNet, în timp ce dezvoltatorii în Occident pentru o lungă perioadă de timp a rămas angajat la proiectarea statică.

2) Design Adaptive

3) Design "receptivă"

Metoda finală, care a ajuns la dezvoltatori, a devenit un „receptiv“ de proiectare (Ing. Proiectare Responsive), care a contracarat convențional de proiectare „adaptiv“ (Ing. Proiectare adaptivă), cu toate că până în prezent acești termeni sunt adesea confundate și consumate într-un mod similar. „Receptivă“ de design combină caracteristicile de design adaptiv și cauciuc - se adaptează automat la orice lățime a ecranului, precum și de cauciuc, în timp ce în procesul de ajustare pentru a se poate schimba locația de dimensiunea blocuri, imagini, pot apărea, dispar sau modifica anumite elemente (de exemplu, meniu orizontal convențional poate schimba meniul drop-down, și așa mai departe. n.).

În general, unele dintre metodele de a alege pentru site-ul dvs., vă decideți.

În cele din urmă, câteva exemple.

Site-uri în cazul în care puteți vedea design „receptiv“ (receptiv) în acțiune:

Și aici este încercat să demonstreze diferența între tipurile de proiectare. Încercați să selectați una dintre cele 4 opțiuni și lățimea poizmenyat a ferestrei de browser. Aici, adaptivă - adaptivă de proiectare, lichid - cauciuc, receptiv - receptiv, și statice - statice.

Tot nu înțeleg ce un receptiv de design adaptiv, cauciuc? Pune o întrebare pe forum.