Share
Astăzi am un tratament special pentru toți iubitorii de grilă de acolo! Khoi Vinh (una dintre autoritățile principale pe sistemele tipografice de rețea în designul web) și Peachpit au convenit să ne lase să publicăm un extras din noua carte a lui Khoi despre designul rețelei: Comandă tulburare: principiile grilei pentru Web Design. În acest fragment, el va schița principiile pe care fiecare designer ar trebui să le țină cont atunci când proiectează un site pe o rețea.
Grila a fost de mult timp un instrument de neprețuit pentru a crea ordine din haos pentru designeri de toate felurile - de la planificatorii orașului până la arhitecți, la instructori și graficieni. În ultimii ani, și designerii de web au ajuns să descopere puterea remarcabilă pe care design-ul pe bază de grilă o poate permite să creeze experiențe intuitive, imersive și frumoase.
Comandarea tulburării oferă o preluare definitivă a rețelelor și a Web-ului. Oferă atât ideile mari, cât și tehnicile de amețeală din alamă de proiectare pe bază de grilă. Cititorii sunt sigur că vor ieși cu o înțelegere dură a puterii rețelelor, precum și a instrumentelor de proiectare necesare pentru implementarea acestora pentru World Wide Web.
Următorul este un fragment, dar, după cum veți citi, întreaga carte este scrisă astfel încât să poată fi luată la orice capitol și încă are sens? așa că ar trebui să fie un loc perfect pentru tine să intri.
De asemenea, avem un cod promoțional special de 35% pentru cititorii noștri care doresc să preia întreaga carte (la sfârșitul postării)!
Soldul acestei cărți se concentrează asupra modului de construire a unei rețele, inclusiv o prezentare generală a pașilor către o soluție de lucru. Înainte de a începe, totuși, este util să subliniem principiile pe care fiecare designer ar trebui să le țină cont.
O grilă ar trebui să se concentreze pe rezolvarea problemelor și a doua estetică. O rețea poate oferi o astfel de îmbunătățire estetică seducătoare oricărui design care este tentant să se concentreze mai degrabă asupra frumuseții sale decât asupra utilității sale. Mulți designeri devin preocupați de frumusețea rețelei și contortează conținutul sau funcționalitatea pentru ao stoarce, indiferent de cât de inconfortabil sau de necorespunzător ar putea fi. Dar cele mai reușite rețele sunt construite în serviciul unor probleme bine definite. Indiferent dacă acestea sunt probleme de comunicare, probleme organizaționale sau tranzacționale, o rețea derivă frumusețea ei din cât de bine rezolvă aceste provocări.
O rețea este o componentă a experienței utilizatorului. O rețea nu este un instrument pentru a impune controlul complet asupra experienței utilizatorului unui site web. Mai degrabă, o rețea este un cadru în care utilizatorul își poate controla propriile experiențe. Designerii nu ar trebui să forțeze fiecare element și interacțiune să apară în cadrul rețelei și nici să permită experiența utilizatorului să fie neformată și imprevizibilă. Este sarcina designerului de a lua anumite decizii pentru utilizator - nu orice decizie, dar suficient, astfel încât utilizatorul să își poată realiza obiectivele fără obstacole. Grila este un instrument pentru acea slujbă.
Cu cât este mai simplă grila, cu atât e mai eficientă. Principiile descrise în această carte pot fi folosite pentru a crea grile formate din șaisprezece, douăzeci sau chiar mai multe unități, în orice combinație de coloane de lățime uniformă sau neregulată. Cu toate acestea, aspectul este că designerul ar trebui să depună întotdeauna eforturi pentru a crea cea mai simplă rețea posibilă. După cum vom vedea, precizia matematică este un element-cheie al designului bun al rețelei, dar utilitatea matematică este la fel de importantă. Formulele pe care le folosiți pentru a calcula unitățile și coloanele combinate ar trebui să fie destul de simple, chiar destul de simple pentru a vă face în cap sau pentru a le explica rapid unui coleg. Cu cât este mai simplu un sistem de rețea să utilizeze și să explice altora, cu atât mai mulți utilizatori vor beneficia de sistemul respectiv de rețea.
Aici, deci, sunt pașii majori în proiectarea unei soluții de rețea:
Rețineți că, deși gândirea noastră ar trebui să fie riguroasă, procesul nostru nu trebuie să fie. Deși ordinea în care am prezentat acești pași a fost utilă pentru mine, este posibil să nu funcționeze neapărat pentru fiecare
designer. Nu fiecare pas trebuie urmat în exact aceeași ordine, pentru o anumită perioadă de timp, într-un mod specific sau chiar deloc. De exemplu, pasul 3, proiectul pregătitor, este un set de trei activități diferite
care sunt adesea realizate concomitent, cu designerul trecând între creion și hârtie, software-ul, și matematica plicului înapoi, după cum este necesar. Ceea ce contează nu este repetarea acestor pași, ci urmărirea
principiile bunei proiectări a rețelei.
Totuși, merită să petreceți ceva timp în față pentru a discuta despre pașii critici ai acestui proces. Primul este cercetarea, iar al doilea este schița.
Considerăm mai întâi un design cu adevărat bun, nu prin frumusețea sau inovativitatea sau eficiența sa, ci mai degrabă de cât de bine răspunde la problema inițială. Soluțiile de succes cer ca designerul să înțeleagă problema prezentată ei și constrângerile în care lucrează. Designerul trebuie să ceară și să înțeleagă răspunsul la întrebări precum: cine este publicul, care este contextul, când va fi soluția întâlnită, cum va fi soluția utilizată - și chiar de ce este necesară soluția?
Aceste întrebări pot fi dificil de răspuns, iar răspunsurile în sine sunt adesea neclare sau greu de analizat. Un designer trebuie să fie persistent în a le cere, prin presiuni pentru răspunsuri bune și exacte și în examinarea și înțelegerea minuțioase a acestor răspunsuri.
Deoarece o grilă ne poate da un astfel de început în crearea de soluții, poate fi tentant să se renunțe la această etapă a procesului. Odată ce un designer stăpânește rudimentele grilelor, devine mult mai ușor să pornească procesul mecanic de construire a unităților și coloanelor decât să facă munca grea de a întreba și de a răspunde la aceste întrebări.
Dar aproape orice problemă de proiectare necesită o perioadă de studiu atent înainte de începerea căutării unei soluții. Fără un sens clar al provocării la îndemână, orice lucrare de proiectare - inclusiv dezvoltarea rețelei - se face în zadar. Este o utilizare mult mai productivă a timpului pentru a realiza cercetări la începutul unui proiect decât să sară direct la proiect.
Grilele bazate pe modele nu sunt diferite. Cu cât este investigată mai mult problema, cu atât mai bine va fi grila. Grilele bine cercetate maximizează opțiunile de creație disponibile pentru designer. De asemenea, ele anticipează și evită capcanele rețelelor construite prematur: unități și coloane structurate în mod necorespunzător, rețele care sunt bune pentru unele aspecte ale problemei, dar necorespunzătoare pentru alții, rețele care nu reflectă constrângeri care nu pot fi evidente la început, grile care se dovedesc a fi atât de incomode încât trebuie reconstruite în momente neadecvate, iar rețelele care se dovedesc a fi inutile pentru colaboratori.
Ce fel de constrângeri ar trebui să caute designerul? Acestea se încadrează în trei categorii principale:
Desigur, designerii vor simți inconvenientele legate de constrângeri sau, poate, de ghinionul unor constrângeri particulare cu care trebuie să se confrunte. Dacă numai acele constrângeri au fost ridicate, dacă numai problema era puțin diferită, soluția ar fi mult mai ușor de ajuns sau mai elegantă.
Cu toate acestea, aceste constrângeri au o căptușeală de argint: în unele moduri ar putea face o problemă mai dificilă, dar ele pot, de asemenea, să facă mai ușor să ajungă la un design. Soluții complexe, cum ar fi rețelele, pot beneficia adesea de a fi construite în jurul a una sau două constrângeri incontestabile, cerințe imobiliare care nu pot fi ușor modificate în timpul procesului de proiectare. În primul rând, ele pot influența direct proporțiile unei rețele, dimensiunile unităților, coloanelor și regiunilor pe care constructorul le construiește. Aceste tipuri de constrângeri ar putea să pară că limitează opțiunile disponibile unui designer, de cele mai multe ori, de asemenea, au ca efect creșterea inventivității designerului. Cu cât o problemă de proiectare este mai deschisă și cu atât mai puțin restricțiile sunt mai restrictive, cu atât mai puțin un designer este de natură să facă acele salturi inspirate de logică care sunt semnul distinctiv al designului excelent. Constrângerile care nu pot fi negociate pot ajuta pe designer să facă acest lucru. Indiferent dacă este o închidere într-o anumită dimensiune, un imperativ tehnologic, o unitate de publicitate sau alt factor pe care un designer trebuie să-l acționeze mai degrabă decât să se adapteze la nevoile proprii - având o cerință imobiliară poate fi extrem de util.
După ce am petrecut atât de multe paragrafe, dezvoltând importanța unei cercetări aprofundate a unei probleme, pot face acest lucru mai succint: schițarea pe hârtie este un instrument esențial pentru rezolvarea temeinică a problemelor de proiectare și este deosebit de utilă în dezvoltarea rețelelor. Simplul act de desenare rapidă și liberă a combinațiilor speculative ale coloanelor și a planurilor potențiale poate salva cantități mari de timp și conduce deseori la soluții mult mai creative de rețea fertilă decât simpla săriți înainte spre proiectarea sau chiar codarea unei rețele.
Nu pot să subliniez suficient puterea și utilitatea utilizării creionului și a hârtiei de modă veche pentru a rezolva problemele, pentru a brainstorm cu soluții potențiale și pentru a explora idei promițătoare sau chiar nu atât de promițătoare, care ar putea fi prea costisitoare sau consumatoare de timp pentru a testa in caz contrar. De fapt, aspectul cel mai important al schițării nu este acela de a face semne pe hârtie, ci mai degrabă de a putea trece prin multe idei repede, cu costuri mici. Amintiți-vă, nu aveți nici o așteptare ca schițele să se ridice la ceva mai mult decât schițe. Schițele nu trebuie să fie frumoase.
După cum sa menționat mai devreme, este de asemenea important să rețineți că schițarea nu trebuie să fie o fază discretă de construire a unei rețele care începe și se termină în anumite puncte. Schițarea se poate întâmpla în orice etapă pe tot parcursul proiectului, la nivele multiple de finalizare - desigur, este foarte util să schițați mai devreme, astfel încât mai multe idei și posibilități să poată fi executate foarte repede. Păstrarea permanentă a unui creion și a unui tampon de hârtie se dovedește a fi de neprețuit.
Vocabularul care descrie diferitele componente ale unei rețele poate părea simplu, dar poate fi și surprinzător nespecific. De exemplu: noțiunea unei coloane pare destul de simplă, însă pe o pagină bazată pe o grilă cu opt coloane, un designer ar putea crea un aspect cu doar două coloane de text, ceea ce ar face imprecisul termenului respectiv. Chiar și cărțile despre meseria de proiectare bazată pe grile nu sunt întotdeauna de acord cu terminologia, unele dintre ele folosind termeni (de exemplu, regiuni, câmpuri) care lipsesc de la alții. Prin urmare, în scopul acestei cărți, este important să se stabilească o terminologie comună pe măsură ce continuăm discuțiile mai practice ale rețelelor.
Blocul de construcție a oricărei rețele, o unitate este cea mai mică diviziune verticală a paginii (adică unitățile sunt măsurate în lățime), pe care se construiesc coloane. Unitățile sunt, de obicei, prea înguste pentru a găzdui conținutul cel mai textual.
Coloanele sunt grupuri de unități, combinate pentru a crea zone lucrabile pentru prezentarea conținutului. Cele mai multe coloane de text, de exemplu, necesită două sau mai multe unități pentru a fi viabile. Un sistem de rețea, de exemplu, șaisprezece unități poate fi combinat în două coloane de opt unități fiecare, sau patru coloane de câte patru unități fiecare și așa mai departe.
Regiunile sunt grupări de coloane similare care formează părți ale paginii. De exemplu, într-o rețea cu patru coloane, primele trei coloane din stânga pot constitui o singură regiune pentru afișarea unui tip de conținut, iar restul coloanei ar putea forma o altă regiune.
Câmpurile sunt diviziuni orizontale ale paginii (adică câmpurile sunt măsurate în înălțime) care ajută proiectantul să-și îndrepte vizual poziția elementelor pe axa Y. Domeniile pot fi calculate în mai multe moduri, dar folosind raportul de aur este una dintre cele mai eficiente metode.
În tipografia tradițională, linia de bază este linia invizibilă pe care se sprijină formatele de formular, de exemplu, marginea inferioară a unui capital E se bazează pe linia de bază, în timp ce descenderul unui p mic va scădea sub linia de bază. Grila de referință este formată printr-o repetiție uniformă, de sus în jos, a liniilor de bază distanțate în funcție de distanța de la conducere sau de linie.
Aceste concepte sunt ușor de confundat (o unitate poate fi considerată fie o diviziune orizontală sau verticală a unei pagini, în funcție de punctul de veghere al fiecăruia), astfel că această carte se referă în schimb la grila coloanelor (diviziuni ale paginii măsurate în lățime ) și grilă și regiuni de referință (diviziuni ale paginii măsurate în înălțime).
Jgheaburile sunt spațiile goale dintre unități și coloane. Atunci când unitățile sunt combinate în coloane, ele includ jgheaburile între ele, dar nu spațiul din stânga celui din stânga, nici spațiul din dreapta celui din dreapta.
Marginile sunt spațiul din afara unei unități sau coloane. Plăcuirea este spațiul dintr-o unitate sau coloană. Marginile sunt în general utilizate pentru a crea jgheaburi, în timp ce umplutura este în general utilizată pentru a crea o inserție mică, vizibilă într-un bloc de text din interiorul unei coloane.
Un element este orice componentă unică a unui aspect. Exemplele includ un titlu, un bloc de text, o fotografie sau un buton.
Modulele sunt grupuri de elemente, combinate pentru a forma blocuri distincte de conținut sau de funcționalitate. Un formular de înregistrare, de exemplu, este un modul compus din mai multe elemente constitutive, cum ar fi o etichetă, un câmp de formă, un buton și așa mai departe.
Acesta a fost un singur capitol din carte? dacă doriți să citiți restul cărții, puteți să o cumpărați la peachpit.com. Vestea bună este că avem un cod promoțional special pentru cititorii noștri. obține 35% din preț prin introducerea codului "Khoi"în timpul procesului de plată la peachpit.com. Oh și US Transportul intern este gratuit!
Accentsconagua