Acasă Finanțe personale Web dimensiuni pentru dvs. Infographics - dummies

Web dimensiuni pentru dvs. Infographics - dummies

Cuprins:

Video: Capitalism and Socialism: Crash Course World History #33 2024

Video: Capitalism and Socialism: Crash Course World History #33 2024
Anonim

Provocarea de a dimensiona un infographic pentru web este dimensiuni de design sunt acum atât de variabile, nu există standarde pentru vorbesc de. Designul "receptiv" care a adus cu apariția HTML5 a modificat permanent peisajul de design web.

Spre deosebire de o grafică imprimată, în cazul în care toată lumea care o vede experiențe în aceeași dimensiune, mărimea reală a unui grafic web se modifică în funcție de dispozitivele cititorilor. Un ecran de dispozitiv poate varia de la 27 "pentru un computer desktop la 5" pentru un smartphone.

Optimizați întotdeauna pentru publicul dvs. . Utilizați software-ul de analiză web pentru a determina modul în care oamenii accesează site-ul dvs. și vă bazează deciziile asupra acestor date.

Acestea fiind spuse, trebuie să vă gândiți la câteva elemente când publicați lucrările online.

Raportul de aspect al ecranului pentru infografice

Designul receptiv este principiul designului web care încearcă să facă imaginile vizibile clare și lizibile pe o gamă largă de dispozitive. Pentru un designer infografic, frumusețea acestei abordări este că lucrarea dvs. se va potrivi automat ecranului pe care îl vedeți.

În calitate de designer, nu este nevoie să veniți cu un raport de aspect pentru lucru care va fi văzut pe un laptop și altul adaptat la smartphone-uri.

Folosirea crescândă a tehnologiei HTML a făcut din designul receptiv un standard. Nu trebuie să fii un programator care să folosească și să beneficieze de aceste tehnologii. Eliminarea acestei tehnologii în munca dvs. va face mult mai accesibilă și mai lizibilă și va fi cu siguranță o aptitudine valoroasă pentru dumneavoastră ca designer infografic.

Dacă nu utilizați un design receptiv, gândiți-vă la locul în care publicul vizat vă va viziona informațiile infografice și va lucra înapoi de acolo. Dacă majoritatea cititorilor dvs. primesc materialul dvs. pe o anumită platformă sau proporție de ecran, proiectați acest lucru în minte.

Utilizatorii nu doresc întotdeauna să deruleze în jos pentru a vedea mai multe, deci gândiți-vă la informațiile pe care doriți ca cititorii dvs. să le vadă atunci când văd mai întâi informațiile dvs. infografice.

Pentru lucrul care trebuie să fie scalat pentru imprimare și utilizare online a site-ului - spuneți că lucrați la un ziar și că infograficele se vor difuza atât în ​​ediția tipărită, cât și online pe site-ul respectiv - utilizați fișiere vectoriale. O să vă ușureze munca la scară.

Rezoluția ecranului pentru infografice

Una dintre cele mai comune întrebări de bază pe care le-a pus în proiectarea site-ului web este cea a rezoluției ecranului de monitorizare. Răspunsul oarecum nefolositor este că munca dvs. ar trebui să fie optimizată pentru cea mai comună rezoluție, dar ar trebui să funcționeze pentru toate acestea.

Pe de altă parte, nu există un design care să pară la fel în fiecare rezoluție, platformă și browser, astfel că crearea unui singur obiectiv nu este realist. Ceea ce căutați este un echilibru - ceva care arată perfect în condițiile cele mai comune și încă arată foarte bine în condiții mai puțin tipice.

Site-ul StatCounter monitorizează statisticile cu privire la o varietate de factori care vă pot fi folosiți, inclusiv rezoluțiile de ecran top, rezoluțiile mobile și browserele aflate în uz.

Verifică-ți întotdeauna munca, privindu-l în diferite browsere și redimensionând ferestrele browserului pentru a vedea cum arată munca ta în condiții diferite. Și întotdeauna proiectați-vă cu publicul în minte. De exemplu, dacă știți că publicul țintă utilizează în cea mai mare parte dispozitive mobile, proiectați-vă cu mobilul în minte.

Web dimensiuni pentru dvs. Infographics - dummies

Alegerea editorilor

Evaluarea Vizualizărilor de date - dummies

Evaluarea Vizualizărilor de date - dummies

Vizualizările de date pot fi foarte colorate și impresionante. Dar amintiți-vă că cheia pentru crearea unor vizualizări eficiente de date nu depinde de faptul dacă este interesantă, ci mai degrabă de faptul dacă descoperă problemele reale de afaceri care trebuie abordate. O foaie de lucru vă ajută să creați propriile vizualizări de date sau să evaluați creațiile altora. Aici ...

Determinarea programului care funcționează cel mai bine pentru nevoile tale informatice

Determinarea programului care funcționează cel mai bine pentru nevoile tale informatice

Să lucreze mai bine decât celălalt. În timp, veți dezvolta un sentiment dacă Illustrator sau Photoshop se potrivesc mai bine pentru diverse sarcini. Până atunci, iată un exemplu despre modul în care fiecare program gestionează diferite elemente ale lucrării de design grafic. Graphing Photoshop nu este un program de grafic. Tu ...

Infografice nevergreen: Închirierea obiectelor Build - dummies

Infografice nevergreen: Închirierea obiectelor Build - dummies

Infografics evergreen nu sunt legate de niciun eveniment sau persoană în știri . Ele nu au o componentă sezonieră și nu sunt legate de ceva în timp util. O infographic despre cum se fac CD-urile se va aplica pentru că este vorba de muzică, dar nu este specifică nici unui artist sau gen. Cu infografiile veșnic verzi, ignorați complet evenimentele curente și explorați ideile ...

Alegerea editorilor

Utilizați Zoom în Adobe Photoshop CS5 - manechine

Utilizați Zoom în Adobe Photoshop CS5 - manechine

Adobe Creative Suite 5 oferă scurtături pentru Zooming în Photoshop. Imaginile care arată bine la un nivel de zoom pot părea extrem de proaste la altul. Veți mări și micșora destul de des în timp ce lucrați la imagini în Photoshop. Puteți găsi opțiuni de meniu pentru zoom în meniul Vizualizare; o modalitate mai rapidă de a mări este ...

Text în Photoshop CC - dummies

Text în Photoshop CC - dummies

Când editați o imagine cu text în Photoshop CC, puteți schimba linia care fluxul dvs. de tip fie folosind funcția Warp Text sau tastând pe o cale. Tipul de deformare utilizează forme predefinite la care se formează tipul dvs. (și poate fi utilizat atât cu tipul de punct, cât și cu paragraful) și tastând ...

Alegerea editorilor

Cum se adaugă Biblioteca RegEx în C ++ - dummies

Cum se adaugă Biblioteca RegEx în C ++ - dummies

Cea mai mare parte a bibliotecii Boost funcționează bine adăugând la codul aplicației. Cu toate acestea, câteva componente, cum ar fi RegEx, necesită o bibliotecă. Înainte de a putea folosi o bibliotecă, trebuie să o construiți. După ce ați construit biblioteca, trebuie să o adăugați în aplicație. Există două tehnici de adăugare a ...

Cum Heap Works în C ++ - dummies

Cum Heap Works în C ++ - dummies

Halda este un bloc amorf de memorie pe care programul C ++ îl poate accesa după cum este necesar. Aflați de ce există și cum se utilizează. Așa cum este posibil să treci un pointer la o funcție, este posibil ca o funcție să returneze un pointer. O funcție care returnează adresa ...

Cum să evitați codul de injectare în C ++ - dummies

Cum să evitați codul de injectare în C ++ - dummies

Prima regulă de evitare a codului injectat în programele C ++ , permiterea prelucrării datelor de către un interpret de limbă cu scop general. O eroare obișnuită cu SQL-injectarea este că programul acceptă intrarea utilizatorului ca și cum ar fi fost întotdeauna acceptabilă și îl inserează într-o interogare SQL pe care o trimite apoi la ...