Hogyan készítsünk egy bemutatót projekt top 10 tipp
Egy őszi napon, Anatoly Denisov értettem, hogy végezzen az első globális ellenőrzés a „esetek” című fejezet CMSMagazine. Kezdete óta felhalmozott közel 193 projektet. Még rosszabb az a tény, hogy nem kell csak nézni és közeli, hanem választani néhány a legjobb. És mindez alatt UX / UI mártással.
Valójában, a lényege ez az anyag kissé szélesebb. Kiélvezve a legjobb példa, hogy ezzel párhuzamosan fogjuk megérteni, hogy mi a helyzet, és ezért általában szükséges.
És ha igen, hogyan, hogy ez igazán szép és izgalmas története. Értelmetlen szövegek, vagy felismerhetetlen képek, hiszen divatos beszélni, vizuális történetmesélés :). Menjünk!
Miért van szükség egy hordtáskát?
A területen a webfejlesztés már történtek kísérletek, hogy megközelíteni ezt a formátumot. Ne felejtse, ha a portfolió elég egyszerű volt a képek? De egyébként is, az evolúció is megviselte. Most már nem csak a portfolió, hanem esetek. Az utóbbi lehet egy fantasztikusan más. Mert tudjuk használni mindenféle digitális szerkentyű.
Néha elég, hogy 5-7 lédús és releváns esettanulmányokat, hogy folyamatos a forgalom a webhelyre, és valamiféle aura a megbeszélések társadalmi hálózatok.
Esetekben eltérőek lehetnek. Elején létrehozásának meg kell érteni, hogy kivel fog lógni ezeket a történeteket:
- A tervezők. Szeretné, hogy hozzád inspirációt.
- Az ügyfelek. Hogy jön egy hosszú ideje, hogy kóstolja meg, és végül megnyomta a „Rendelés” gombot.
- Potenciális alkalmazottak. Valószínűleg ők is inspirálta és élvezi. De anélkül, hogy ezek a képességek, kérem a cég.
Természetesen van néhány speciális trükkök csoportok mindegyike külön-külön. De ma nézzük meg tippeket, hogyan kell megtenni, hogy mindenkinek a kedvére egyszerre.
1. Ismerje a borítón
Élünk, egy olyan korszak az információs elhízás miatt, amit az olvasó vált hihetetlenül lusta. Ezért a fő feladat -, hogy bekerüljön a területen a figyelem és érdeklődés felkeltése az első 5-7 másodperc. Ennyi az átlagos felhasználónak szüksége, hogy a döntést: görgetni vagy ahhoz közel azonnal.
kritikus fedezet a kezdete a helyzet. Általában ez a fényes, lédús, (néha amelyek nincsenek kapcsolatban a valósággal) terjed, ahol azt mondod, hogy miről van szó egyáltalán.
A háttérben a legtöbb időt különböznie kell a fehér. Vagy fényes egyszínű, vagy a kontextus háttérrel. Rövid és hozzáférhető a címsor olvasás. Fő képernyőképet a projekt lehet mocap eszközt. Érdekes geometria vagy készítményt. Egy egyszerű módja annak, hogy ellenőrizze az eredményt is - lásd a fedelet a parttól 2-3 méterre. Ha ragaszkodunk, dolgozni, mint egy posztert a film.
Ne feledje, hogy a helyzet - ez nem csak egy csomó szétszórt képek. A darab a történet, hogy hogyan lehet jól az ügyfél az ország vagy a Photoshop. A cél -, hogy utolérjék a felhasználó szemét, és azt jó formában az egész scroll (ami, hidd el, nem könnyű).
Kezdje a helyzet a belső szerkezetét. Biztosítsa a kulcsfontosságú pillanatokban a történet Jegyzettömb, majd lassan lazítson azt prototípus és a grafikus adatokat.
- fedő
- A projekt célja az, egy rövid 3-4 bekezdés.
- otthon
- Tervezési, vagy a keresési folyamat
- Főbb témák
- makro-
- Eredmények. Facts and Figures
- Voice-over, a rendező
- irányelv
3. A hosszát az eset
Hogyan kell megfelelni a felhasználó, és tartsa ébren? Elég egy fontos pont.
Úgy vélem, hogy vannak olyan történet, ami nem ér véget egyszerűen. annyira szép és kedves az Ön számára, hogy szeretné, hogy örökké. De itt rejlik a fogás.
Az olvasó kész elfogadni egy szép és logikus történetet, de az ésszerűség határain belül. Miért jó nagyjátékfilmje - 1: 30m, a sorozat a sorozatban - 45 m, a zenei videó - 3 m? Így van ez az Ön esetében.
Főbb jellemzői: 15 000-20 000 pixel.
4. makro- és áramkörök
Case él ritmust. És a mi feladatunk az, ha jó hangot a fedelet, időről időre, hogy fenntartsák ezt a ritmust. Ezt főleg annak érdekében, hogy az olvasó szeme nem ragadós. Nem szabad elválni egy előnézeti elrendezés. Időről időre meg kell közelíteni a kontrasztot juiciest pillanatok: widgetek, grafika, kijelző jellemzői a stílus illusztrációk.
Főbb jellemzők: A hatás zebra. Az egész az esetben válasszon egy pár kontrasztos területek, ahol azt mutatják, legfeljebb finom. Erre kiválóan alkalmas: izometrikus nézet, nagy ikonok, infographics, animált elemeket, és így tovább ..
5. A szöveg szükséges, de ugyanolyan haszontalan
Csak elhagyni a szöveget, természetesen lehetetlen, de mindig ellenőrizze, hogy az összeg minimális volt.
Főbb jellemzők: Átgondolt és finom szövegírás. Rövid és címoldalára. Árulkodó interlinears. Helyek 1-2 bekezdésnyi szöveget. Kis tippeket és tudomásul veszi.
6. reális és ízletesebb
Case - egy speciális műfaj. Csak ki kell csomagolni a projekt, amennyire csak lehetséges hatékonyan. Nem számít, hogy ez nem történik meg az életben. Ez legyen lenyűgöző. Annak érdekében, hogy az olvasó azt hinni, legalábbis ebben az esetben.
Főbb jellemzők: Prototípusok rendszer köztes megoldásokat.
8. nélkül animációk nem eszik
Egy másik sikeres mechanika tartani az olvasót egy hang az egész történet - animációs elemeket. A GIF formátum kapott egy második életet.
Vegye élénk részeket a felület, ahol meg akarjuk mutatni, szokatlan mikro kölcsönhatásokat. Mutassuk meg, hogyan fog működni, akkor is, ha ez nem lehetséges. Ez a mesét, a koncepció!
A vinnyog, ha animált elemek tökéletesen ültetik a szerkezet a helyzet, és úgy tűnik, hogy az elemek szó életre a megfelelő helyen.
De ne vigyük túlzásba. GIF-animáció nehéz és igényes a CPU. Ideális használat SIFCO 2-3, amelyek mindegyike legfeljebb 5-7 másodperc alatt.
Főbb tünetek: GIF-animáció, ahol a film elején mesterien egybeesik a végén hurokkialakító sorrendben.
9. Mi is jól sikerült, de erről bővebben hamarosan
Ne felejtsük el, hogy elmondja a tényeket a legfontosabb projekt, lehetőleg mérhető. Ez még magára a figyelmet, és megkülönböztetni akkor a többi. De légy óvatos. Ez a tartalom-feladat, így próbálja, hogy dolgozzon ki valami szokatlan.
És a második, ami szintén érdemes elmondani a végén - egy alapvető iránymutatás, az elemek a UI Kit. Technikai részleteket a kezelőgombok és így ravasz Dropdown .. Minden ilyen kis dolog, főleg a végén, megerősítik a komolyság és a részletek a munkájához.
Főbb jellemzők: 160 elrendezés, 3 megölt egér, 6 álmatlan éjszakák Wasi coder. És biztos, hogy lezárja csokoládédarabokra UI Kit desszert.
10 befejezi Hollywoodban
Nos, mi mást meggyőzni, hogy a projekt valóban különleges?
Főbb jellemzők: Showreel projekt. Időtartam 1-1,5 perc.
Csak utóhatásai, csak hardcore.