Într-o zi de toamnă, Anatoly Denisov ma nedumerit să efectueze primul audit global al secțiunii „Cazuri“ pe CMSMagazine. De la începutul acumulat aproape 193 de proiect. Încă mai rău de faptul că nu ar trebui doar să se uite și aproape, dar, de asemenea, de a alege unele dintre cele mai bune. Și toate acestea în conformitate cu UX sos / UI.
De fapt, esența acestui material este puțin mai larg. Savurând cele mai bune exemple, în paralel, vom înțelege ce se întâmplă și de ce este necesar, în general.
Și, dacă este necesar, cum să facă într-adevăr frumos și istorie fascinantă. De texte lipsite de sens, sau imagini de nerecunoscut, așa cum este la modă să vorbească, povestiri vizuale :). Să mergem!
De ce avem nevoie de o geantă de transport?
În domeniul dezvoltării web am fost mai multe încercări de a aborda acest format. Amintiți-vă, o dată pentru portofoliul a fost imagini suficient de simplu? Dar, oricum, evolutia la afectat. Acum, nu poate fi doar un portofoliu, dar, de asemenea, cazuri. Aceasta din urmă poate fi un fantastic diferit. Pentru că putem folosi pentru toate tipurile de gadget-uri digitale.
Uneori este suficient pentru a face 5-7 studii de caz suculentă relevante pentru a oferi trafic constant pe site-ul dvs. și un fel de aură a discuțiilor în rețelele sociale.
Cazurile pot fi diferite. La începutul creării trebuie să înțeleagă cine ai de gând să stea aceste povești:
Designeri. Vrei să vină la tine pentru inspirație.
Clienții. Pentru a veni pentru o lungă perioadă de timp pentru a savura și în cele din urmă apăsat butonul „Ordinul“.
angajați potențiali. Cel mai probabil, acestea vor fi inspirat și savoare. Dar fără astfel de aptitudini, vă întreb în compania dumneavoastră.
Desigur, există câteva trucuri specifice pentru fiecare dintre aceste grupuri separat. Dar astăzi ne vom uita la sfaturi despre cum să facă acest lucru, pentru a multumi pe toata lumea dintr-o dată.
1 Faceți cunoștință pe coperta
Trăim într-o eră de obezitate informații din cauza a ceea ce cititorul a devenit incredibil de leneș. Prin urmare, principala sarcina noastră - pentru a ajunge în zona de atenție și de a genera interes în primele 5-7 secunde. Asta-i cât timp utilizatorul mediu trebuie să ia o decizie: pentru a derula sau aproape imediat.
acoperire critică pentru începerea cazului. De obicei, acest luminos, suculent, (uneori fără nici o legătură cu realitatea) acoperă, în care spune despre ce este vorba deloc.
Fundalul cele mai multe ori trebuie să fie diferit de la alb. Sau solid de culoare luminoase, sau cu fundaluri contextuale. Scurt și accesibil citirea titlu. captură de ecran principal al proiectului poate fi dispozitiv Mocap. Interesant geometrie sau compoziție. Un mod simplu de a verifica rezultatul în sine - a se vedea coperta la o distanță de 2-3 metri. Ar trebui să se agațe, să lucreze ca un poster pentru film.
Nu uitați că acest caz - nu este doar o grămadă de fotografii împrăștiate. Cu piesele de poveste, modul în care aceasta poate fi bine cu clientul în țară sau în Photoshop. Scopul tau - pentru a prinde ochiul utilizatorului și păstrați-l în formă bună pe tot parcursul sulul (care, crede-ma, nu este ușor).
Începeți cazul cu structura internă. Fixați momentele cheie ale poveștii în Notepad și apoi relaxați-vă încet în prototip și în detaliile grafice.
- capac
- Scopul proiectului, un scurt 3-4 paragraf.
- acasă
- Proiectarea sau procesul de căutare
- subiecte cheie
- macro-
- Rezultate. Fapte și cifre
- Voice-over, directorul
- orientarea
3 Lungimea optimă a cazului
Cum pentru a satisface utilizator și-l țină treaz? Destul de un punct important.
Eu cred că există unele povești care nu se poate termina pur și simplu. ele sunt atât de frumos și de dulce pentru tine care doresc să meargă la nesfârșit. Dar aici se află captura.
Cititorul este gata să accepte o poveste frumoasă și logică, dar într-un motiv. De ce bun lung metraj de film - 1: 30m, o serie de show - 45m, clip muzical - 3m? Deci, este cu cazul tau.
Caracteristici cheie: de la 15 000 la 20 000 de pixeli.
4 macro- și Circuite
Cazul trăiește ritm. Și sarcina noastră prin setarea unui ton bun pe coperta, din când în când pentru a menține acest ritm. Acest lucru se face în primul rând pentru a se asigura că ochiul cititorului nu este lipicios. Nu ar trebui să o parte cu o previzualizare a dispuneri. Din când în când aveți nevoie pentru a mări contrastul juiciest momentelor: widgeturile, grafica, caracteristicile de afișare a ilustratiilor stil.
Caracteristici cheie: Efectul zebră. Pe parcursul întregului caz, selectați câteva zone contrastante, în cazul în care vă arată un yummy maxim. Pentru aceasta este foarte potrivit: izometric, pictograme mari, infografice, elemente animate, și așa mai departe ..
5 Textul este necesar, dar la fel de inutil
Doar abandoneze textul, desigur, imposibil, dar verificați întotdeauna că suma a fost minimă.
Caracteristici cheie: copywriting Gânditor și delicioase. Scurt și titluri. interlinears revelatoare. Locuri 1-2 paragrafe de text. sfaturi și note mici.
6 realiste și tastier
Case - un gen aparte. Trebuie doar să împacheteze proiectul cât mai mult posibil în mod eficient. Nu contează că nu se întâmplă în viața reală. Acest lucru ar trebui să fie uimitoare. Pentru a permite cititorului să creadă, cel puțin în acest caz.
Caracteristici cheie: Utilizarea Mocap neobișnuite. Vedere izometrică.
Această resursă poate fi un pic de ajutor vă cu acest lucru: www.pixeden.com
Dacă doriți să joace pentru mize mari, uita-te încă aici: www.creativemarket.com
Caracteristici cheie: sistem de Prototipuri, soluții intermediare.
8 Nici o animație nu mănâncă
Un alt mecanica de succes pentru a menține cititorul într-un ton de-a lungul poveștii - elementele de animație. Formatul GIF a primit oa doua viață. Ia pasaje vii din interfața în cazul în care doriți să arate interacțiuni micro neobișnuite. Arată modul în care va funcționa, chiar dacă acest lucru nu este posibil. Este povestea ta, conceptul tau!
Scârțâitul atunci când elementele animate implantate perfect în structura cazului, și se pare că elementele literalmente vin în viață în locul potrivit.
Dar nu exagera. GIF-animație este greu și exigent pe CPU. utilizarea Ideal SIFCO 2-3, fiecare dintre care este nu mai mult de 5-7 secunde de timp.
Principalele semne: GIF-animație, în cazul în care la începutul filmului coincide cu maiestrie cu sfârșitul secvenței de formare a buclei.
În opinia mea, cele mai bune cazuri au unele gust experimentului și aluzii. Acestea sunt conforme cu cele mai recente tendințe în design grafic și încântare, care pot fi imprevizibile până la capăt. Apropo, subiectul, uneori, joacă un rol foarte important. povești bune vin în formatul Sci-Fi, Space Exploration, Viitorul.
9 Suntem bine făcut, dar mai mult pe faptul că în scurt timp
Nu uita să-i spun faptele proiectului cheie, de preferință în termeni măsurabili. Acesta poate atrage în continuare atenția și vă distinge de restul. Dar fii atent. Acest conținut-sarcină, așa că încercați să vină cu ceva neobișnuit.
Iar a doua, care este, de asemenea, în valoare de a spune în final - un ghid de bază, elementele Kit UI. Detalii tehnice ale butoanelor de operare, viclean etc. Dropdown Toate aceste lucruri mici, mai ales la sfârșitul anului, confirmă gravitatea și atenție la detalii în munca ta.
Caracteristici cheie: 160 layout-uri, 3 mouse-ul ucis, 6 nopți nedormite Wasi coder. Și asigurați-vă că pentru a împacheta Kit butoane ciocolată UI pentru desert.
10 finisaje de la Hollywood
Ei bine, ce altceva să-l convingă că proiectul dumneavoastră este cu adevărat special?
Caracteristici cheie: proiect showreel. Durata 1-1,5 minute.
Doar aftereffects, numai hardcore.
În ceea ce privește restul, urmați tendința. abona la noi.