Plierea
Pe măsură ce începem să dezvoltăm paginile site-ului web, trebuie să începem să ne gândim unde dorim să plasăm fragmente din conținutul nostru. Dacă vă uitați la ziare, veți descoperi că cea mai atractivă știre a zilei (așa cum a decis, cel puțin, editorul) este înscrisă cu litere mari, aproape de mijlocul sau partea de sus a primei pagini, înconjurată de numele ziarului, data și alte informații care vă permit să luați rapid decizia de a cumpăra sau nu o anumită lucrare. Acest lucru se face în mod intenționat, pentru a face ca lucrarea să vă atragă atenția și să vă facă să cumpărați ediția lor și nu a concurenților lor. În industria știrilor tipărite, spațiul principal din ziar este jumătatea superioară a primei pagini, sau ceea ce vedeți când ziarul este pliat în mod normal la un chioșc de ziare. Acest lucru este denumit „deasupra plierii” și este crucial pentru a atrage atenția publicului. Acest lucru se aplică și site-urilor web, cu excepția faptului că în cazul nostru, „deasupra plierii” este ceea ce utilizatorul vede pe pagina de destinație a site-ului nostru, fără a fi nevoie să deruleze în jos sau să utilizeze linkuri.
Ceea ce găsiți de obicei aici este numele sau logo-ul companiei și ceea ce consideră că este cel mai important pentru dvs. să vedeți mai întâi. Pe măsură ce începeți să analizați paginile web în această lumină, veți găsi foarte ușor să stabiliți ce fel de site-uri sunt sau ce vor sau așteaptă de la dvs. în calitate de invitat. Site-urile de știri vor urma, de obicei, o setare similară cu o hârtie tipărită, conducând cu titluri și linkuri către alte secțiuni. Companiile vor conduce cu un produs prezentat sau vânzare pentru a vă atrage atenția, iar motoarele de căutare vor plasa bara de căutare proeminent, de obicei cu spațiu publicitar aproape pentru a-și crește fluxurile de venituri.
Conceptul „plierii” este un altul dintre numeroasele concepte extrem de argumentate din dezvoltarea web. Susținătorii indică rapid același exemplu pe care l-am folosit în cazul metodelor tradiționale de imprimare, în timp ce detractorii vor susține că, dacă ar fi adevărat, defilarea nu ar fi fost creată niciodată, sau utilizatorii și-ar pierde interesul pentru următoarele linkuri. Deși susțin „plierea” ca o abordare utilă a paginilor de destinație, nu vreau să spun că toate paginile dvs. ar trebui să se încadreze pe un singur ecran, care nu se derulează.
Tendințele recente de pe site-uri precum Facebook și LinkedIn ne arată că există de fapt loc și pentru derulare. La nesfârșit, ca să spunem așa. Ambele site-uri prezintă acum pagini cu statut special în care conținutul mai vechi este adăugat continuu de fiecare dată când vă aflați în partea de jos a paginii. Acest lucru este destul de similar cu conceptul de paginare, dar în loc să faceți clic pe un link către pagina următoare, conținutul este pur și simplu scris în partea de jos, creând o senzație de pagină fără sfârșit. În cele din urmă, faza dvs. de proiectare vă va ajuta să identificați unde utilizarea „plierii” nu este cu adevărat o opțiune sau dacă există conținut suficient pentru a garanta o defilare nedeterminată, și toate celelalte intervale între ele.
Tipografia
Tipografia este studiul fonturilor. Deși este un subiect important în artele media, până acum nu a primit suficientă atenție în dezvoltarea web. Utilizarea fonturilor neobișnuite a fost un proces complicat care impunea utilizatorului final instalarea fontului (fonturilor) pentru a se vedea site-ul așa cum s-a intenționat. Acum, progresele în CSS ne permit să folosim fonturi neobișnuite conectându-ne la ele prin stilul nostru. Acest lucru ne permite să folosim o varietate extraordinară de fonturi pe site-urile noastre pentru a adăuga aspectul dorit, adăugând un aspect care a deblocat noi abordări de design. Unele dintre elementele tipografiei includ studiul unor caracteristici precum lizibilitatea, transmiterea sensului sau emoției prin impresie și efectul artistic al stilurilor mixate.
Pentru ușurința citirii și pentru a evita apariția aglomerării, majoritatea site-urilor păstrează maximum două sau trei fonturi atunci când își creează designul. Una pentru text și una sau două pentru titluri, sub-titluri și semne distinctive. Toate acestea ar trebui păstrate în aceeași familie pentru o experiență mai congruentă și fiecare font neobișnuit definit pe site-ul dvs. ar trebui să includă definiții alternative în cazul în care există probleme la încărcarea stilului dvs. principal. Poate doriți să setați textul obișnuit ca unul dintre standardele acceptate de toate browserele, deoarece utilizatorii sunt cei mai familiarizați și, de obicei, se simt confortabili cu acest set.
Fonturi web
Pentru a atinge acest aspect al designului, un loc minunat pentru a începe este cu site-ul Google Fonts. Acest site este un depozit de seturi de caractere pentru o mare varietate de fonturi pe care le puteți conecta sau descărca și include în fișierele propriului site. Navigarea pe site acum vă va oferi o privire inițială asupra varietății disponibilă pentru proiectare.
Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu
Articol publicat sub licență CC BY-NC-SA 3.0
Inteligența artificială în serviciile de informații, apărare și securitatea națională
Perfectă pentru oricine investit în viitorul AI în securitate. Rămâi în față în înțelegerea puterii transformatoare a AI.
Lucrul cu baze de date
Descoperă puterea bazelor de date cu acest ghid complet.
Eseuri filosofice
Descoperă universul gândirii critice și al reflecției profunde!
Lasă un răspuns