De îndată ce vom vedea imaginea de ansamblu pe site-ul, ea sesizează imediat atenția și provoacă reacția aproape instantaneu. Deci, fotografiile - o parte importanta din fiecare creat site-ul nostru. Acestea joacă un rol important în formarea prima impresie, și ei pot face, de asemenea, să înțelegem ce site-ul și poate fi un factor de bună câștigând încrederea utilizatorilor.
Dacă le utilizați în mod corect, fotografiile sunt foarte eficiente și pot transfera rapid dorit crezut că publicul. Cu toate acestea, utilizarea de fotografii nepotrivite poate strica impresia comunicării cu serviciul. Cum, atunci, pentru a alege dreapta?
Atrage atentia folosind fotografia mare
Utilizatorii ce navighează pe ecran pe baza experienței și a așteptărilor lor din trecut. Colțul superior stâng - cel mai frecvent punct de plecare pentru privirea utilizatorului, cu toate că acest lucru depinde de cultura lecturii într-un anumit model.
Tratați fotografiile dvs. ca conținut
Sunt sigur că nu va susține că fotografia de pe pagina de web - este conținut. Dar, dacă vă trateze astfel încât să instantanee, într-adevăr? Indiferent dacă le folosiți ca un plus frumos sau conținut la fel de bun? Ați luat în considerare toate aspectele legate de o anumită fotografie, element de modul în care conținutul? Cum atent evaluați fotografiile înainte de a alege-l? Ai cugetat tiparele de gândire ale utilizatorilor și ce impact va avea o imagine asupra lor? Are fotografia le furnizează informații complete sau ajutor în rezolvarea unei probleme particulare? Aceasta este doar o mică parte din întrebările la care trebuie să se răspundă înainte de a selecta o fotografie pe pagina.
Fotografiile nu ar trebui să fie utilizate numai pentru „adauga aroma“, pagina de web.
Am văzut mulți designeri a pus pur și simplu frumoase fotografii de dimensiune pe o pagină, și apoi se adaugă unele slogan sau CTA-buton. Ei cred că lucrarea se face. În multe cazuri, peste fotografii nu reflectă pur și simplu, proiectantul a urmat tendința modernă. Luați în considerare modul de evaluare a fotografiei înainte de a utiliza pe site.
Selectarea fotografiei ideale
După ce ați verificat toate setările anterioare, iar fotografiile au trecut „testul de bază“, puteți continua să caute mai multe opțiuni pentru utilizarea prevăzută.
Creierul nostru procesează imagini la 60 000 de ori mai rapid decât citirea textului.
Cât de util fotografie
Cel mai important - toate fotografiile ar trebui să fie util. Nu este nimic în neregulă dacă utilizați fotografie decor pagina, sau pentru a umple spațiul, dar chiar și în acest caz, ține cont de contextul în care utilizați imaginea. Utile, sugestive de continut fotografii - sunt tocmai acelea care necesită atenția noastră specială.
fotografie utile trebuie:
- ne ajută să înțelegem mai bine ceva,
- ne învață cum să folosească ceva,
- sau ne arată cum se face ceva.
Un mare exemplu de fotografii utile în web design - site-ul Square.
Puteți spune imediat că această imagine a fost luată de un profesionist (gasiti mainile si unghiile). Mai important, o fotografie transmite complet ceea ce produsul este, și cât de ușor să-l folosească. fotografii foarte util și de instruire.
Un alt exemplu de fotografie util - site-ul creion. Precum și proba precedentă, această fotografie prezinta denumirea produsului (stylus), în cazul în care și modul în care poate fi utilizat (în aplicația iPad):
Site Woodster face, de asemenea, o bună utilizare a fotografiilor pentru a explica scopul produsului lor. Este clar că produsul lor este conceput pentru a pune Mac-ul la înălțimea dorită pentru ochi. Mai pot fi selectate în conformitate cu standul cu un convenabil USB-porturi. Imaginați-vă dacă produsul ar fi reprezentat în lipsa unui context (iMac). Ar fi de această imagine cât mai clar este?
Grovemade au făcut o treabă excelentă de a afișa întreaga gamă de produse pe o singură imagini full-screen de fundal. Devine imediat evident că acestea produc accesorii de birou de înaltă calitate. Aceasta fotografie este nu numai util, este mai eficient și emoțional în același timp. Luați în considerare parametrul de performanță și imagini emoționale.
Dacă te uiți la exemplele de mai sus, veți observa că toate fotografiile destul de clar, și le transmit, ideea de comunicare este foarte bun. Nu este nevoie să se holbeze mult timp pentru a înțelege scopul, și site-ul de serviciu. Este toate caracteristicile fotografiile utile în web design.
Fotografie de eficiență
Fotografie eficiente - aceasta este o fotografie, ceea ce duce la o acțiune, afectează comportamentul nostru și în mod clar transmite ideea. fotografii bune și eficiente de produs în mod particular pot împinge utilizatorii să cumpere produsul.
Din exemplele de mai sus arată că fotografiile sunt folosite, într-adevăr eficiente, deoarece acestea fac produsul dorit și, astfel, să ne încurajeze să-l cumpere. Ori de câte ori vedem fotografii care cauzeaza schimbari in comportamentul nostru, această fotografie poate fi numit eficient.
Dacă te uiți la locul de mobilitate și căști roșii în special suculent pe pagina de start - le place de la prima secundă pentru vizitator.
Un alt exemplu al unei imagini eficientă poate fi văzută pe site-ul tsptr. Observați cum omul din fotografie se uită în jos ca și în cazul în care există ceva acolo care trebuie să te uiți. Într-adevăr, există ceva acolo.
site-ul MapQuest transmite nu numai emoții prin imagini, dar folosește direcția de vizualizare pentru a ghida utilizatorul la conținutul important de pe pagina. În acest caz, link-ul spre stânga pentru a descărca.
Poco Oamenii utilizează distracție și divertisment fotografia de pe pagina de start. Imediat există un sentiment că în ea există ceva ciudat. de acest lucru și utilizarea adecvată a culorilor Deoarece, lumina și site-ul de expunere prezintă interes pentru a vedea ce face el.
Foto interesant
Pe Frogdesign există un caz site-ul lor privind Agenția Federală pentru gestionarea situațiilor de urgență și în caz de dezastre. fotografie principal în combinație cu un titlu bun acționează foarte eficient și emoțional. Ea ne spune despre tragedia, și arată pericolul, și din această cauză, ne simțim implicați.
Principal site-ul fotografie Respirația este foarte liniștitor. Împreună cu un slogan bun și să aleagă direcția corectă a femeii privirea transmite ușura viewer lui de respirație. Observi butonul „respira“?
Sean Groves site-ul principal de fotografie prezinta o mare poveste despre ea. Ea transmite fericire, încredere, speranță, prietenie, și așteptarea privitorului, care este legat de ea și un sentiment de proprietate asupra activității sale.
În plus față de utilitatea și eficiența imaginii de selecție pe produsele alimentare Relay. Ele împărtășesc, de asemenea, emoțiile serviciului propus. Potrivit femeilor din stânga și din dreapta se poate observa că activitatea în produsele alimentare Relay le aduce plăcere, și datorită faptului că societatea angajate în produse naturale, expresia de pe fețele lor este legată de ideea de brand.
Există șapte (sau opt) emoții de bază:
Fotografie de oameni pe o scară largă a atras imediat atenția și ajutorul nostru pentru a provoca emoțiile dorite. Aceste fotografii - un element de design puternic.
Când vedem o persoană, vom reacționa în mod automat și se simt orice emoție sau empatie acea persoană.
În exemplele anterioare, am văzut fotografiile de oameni, dar să examineze acest articol mai detaliat.
Chiar dacă fotografia femeii pe Build Nu declanșați site-ul personal ne spune despre produsul lor, se adauga la personalitatea lui, și este un mod util și eficient pentru a atrage atenția utilizatorilor. În cazul în care a fost folosit doar pentru iPhone fotografie în loc de o femeie, un astfel de efect nu ar fi îndeplinit.
Dacă decideți să utilizați o fotografie portret mare de pe site-ul tau personal, fii atent. O schimbare mică în expresia facială poate denatura puternic mesajul pe care doriți să transmită. Daniel Eclair a reușit să se prezenta public mai larg. Expresia lui transmite încredere, calm și încredere.
Utilizatorii sunt capabili să distingă realul de zâmbet fals
Toată lumea știe ce sa întâmplat cu turnurile gemene. Site-ul 9/11 Tribute Center este dedicat poveștile oamenilor care au fost acolo. Persoana din fotografie în căutarea direct la noi, și, astfel, ne ajută să înțelegem esența site-ului, invitând comunitatea sa.
Un alt exemplu foarte bun de atracție a imaginii pe scară largă a feței umane pentru transmiterea mesajelor - site-ul de conservare. Un bărbat din tribul Kayapo pe fotografie transmite putere, curaj și înțelegere.
Așa cum a spus Susan Vaynshenk: „scară largă lucrări foto cel mai puternic pe site-urile de caritate“, și este adevărat. Salvați Copiii de pe pagina de start fotografie este în valoare de mai mult nevoie de copil, merge bine cu tema și sloganul site-ului. Notă direcția de vedere al copilului pe „face o donație“?
Deoarece nu este necesar să se folosească fotografiile în web design
În ciuda faptului că am văzut multe exemple ale utilizării de fotografii de înaltă calitate pentru web design, pentru a face o greșeală este foarte ușor atunci când aleg o fotografie. Așa că voi arăta câteva exemple de modul în care să nu folosească fotografiile și ceea ce ar trebui să fie evitate.
fotografie nelegat - în acest caz, web care oferă servicii de studio „cusută manual“, utilizați o imagine de fundal care nu au legătură (cu fire colorate), din cauza la care utilizatorul prima impresie este confuză și greșită surprinde esența companiei. Ideea este, dar este trecut printr-o metaforă ciudată. Ar fi mai bine să utilizați o umplere de culoare de fundal, sau fotografia echipei.
Agenția, scris de software pentru a lucra împreună companii folosesc fotografie nedumerit munca femeii. Acest lucru poate da impresia că ea a fost preocupat doar același software care promovează agenție. Ar fi util să se utilizeze capturi de ecran lor de produse sau fotografii femeie mulțumite și plin de bucurie.
fundal fotografie incetosata - singurul său avantaj - un patch decorativ, dar nu spune nimic despre serviciu și, astfel, nu are nici un efect. Vă sugerez că cât mai mult posibil pentru a evita fotografii cu fundal neclar.
Acesta este un alt lucru, care nu au legătură cu subiectul site-ului, fotografie. Da, cuvântul „manual» (lucrate manual) și „Atelier» (atelier) pot fi corelate cu o fotografie, dar este încă dificil de a înțelege adevăratul scop al site-ului. Marca Bat angajat în crearea strategiei de brand, cu toate acestea, folosind o serie de fotografii legate de prelucrare a lemnului, ei pierd ocazia de a transmite sensul serviciilor lor cu mai multă precizie.
Eroare la selecție de fotografii - ce crezi când ai văzut prima dată această fotografie? Două viață fericită omului stând în picioare la cafenea, pentru a ajuta la succesul afacerii dvs., chiar și on-line. Corect? În mod normal, în această lume un astfel de serviciu care oferă puternic agenție de web design, astfel încât fotografiile trebuie să fie unele dintre ele de clienți satisfăcuți și de succes. De multe ori, în astfel de cazuri, puteți întâlni și fotografii comerciale pe care ar trebui să evite.
fotografii rulant - ei aproape niciodată nu transmit sensul corect al mesajului. De exemplu, ceea ce este un băiețel cu ochelari, dar încă deține degetele în sus? El este același PHP-dezvoltator, care scrie toate codurile rece? Nu cred.
site-ul la nivel național nu a reușit, de asemenea, să transmită în mod corespunzător ideea lui de vizitatori în această fotografie. În primul rând, fotografia nu este legată de produsul, plus se pare ca ea mananca cuie, iar noi știm că este o problemă psihologică. Ecranul de pe tabletă, este neclară. Rezultatul: fotografie transmite emoție, nervozitate și stres, și nu cred că la nivel național a vrut să spună că este ceea ce publicul lor.
Multumesc pentru articol, este util și concis. Și designerul nostru face reproiectarea și a ales fotografia unei fete în platishke spate. Fata se uită la mare, o fotografie frumoasă. Și acum el a pus un buton de pe ea ( „Mai mult“), și să nu protesteze toate dimensiunile de ecran. Și flaunts un buton de lângă fata de pe al cincilea punct, atunci când mă uit la un site cu un laptop mai mic. Acestea sunt greșeli atunci când există, dragi prieteni! Aluat pe diferite ecrane cu atenție, și apoi vin peste ideea fund. Ei bine, noi nu avem încă de viață. Numai testul.