Hogyan készítsünk egy screenshot NFS 2015-et

A képernyőképeket helyesen csináljuk: Gyakorlati tanácsok

Eszköz a képernyőképhez az első számítógépeken (Command-Shift-3)

Ha valaha is segítette a kérelmet, akkor valószínűleg megjegyezte, hogy váratlanul sok időt és erőfeszítést foglal el a képernyőképek létrehozásában.

Végtére is úgy tűnik, hogy a screenshot “második munka, ALT + PRINTScreen és Ctrl + V!”. Egyes ügyfelek meglepődnek, amikor hallják, hogy a kézikönyvben lévő screenshot 2 dollárba kerülhet, és akár 5 dollárba kerülhet.

Ebben a cikkben elmondom, hogyan kell megfelelően tenni a képernyőképeket, miért nem csak “két kattintás”, és milyen tengeralattjáró kövek találhatók a tapasztalatlan screenshoter útján. Tekintse meg, mint az ellenőrző listát vagy a gyakorlati tanácsok listáját azoknak, akik dokumentumokat dokumentálnak. Remélem, ez segít elkerülni a csalódást és kérjük, hogy a felhasználók színes tiszta képekkel rendelkezzenek.

Mit kell képeznie a képernyőképekre

Szükséges:

Az aláírással ellátott felület fő elemei és zónái. Például az eszköztár, az Állapot panel, a főmenü, a helyi menü. Ezután a szövegben nem szükséges megmagyarázni: “Kattintson erre a gombra a bal oldali panel második tetejére”;
Egy fő képernyőkép minden kézi vezető számára. Hirtelen a felhasználó nem olvasta az előző fejezeteket, de vette a keresést;
Képernyőkép minden olyan művelethez, amely jelentősen megváltoztatja a rendszer állapotát, felületét vagy adatait;
Pop-up (modális) ablakok.

Nem szükséges:

Telepítési varázsló, törlés (csak akkor, ha teljesen hiányos, sok beállítással);
Bejelentkezési oldalak;
Standard párbeszédablakok (nyitott, mentési);
kilométer legördülő listák (válasszon ki egy nyelvet vagy országot);
külön gombok (szöveg használata);
Amit részletesen ismertetünk, vagy más képernyőképeken – jobb, ha linket adnak;
A verzióról, jogokról és t-ről szóló információkat tartalmazó panel.D. Ha egy új verzió jön ki, szükség lehet a különböző képernyőképek különböző megváltoztatására;
kód, config és t.D. Jobb, ha formázott szövegként helyezkednek el -, és jobban néz ki, és a felhasználók képesek lesznek másolni.

Fő elv: A felhasználónak tudnia kell, hogy hol található ez az oldal (párbeszéd, menü), és megértse a cselekvések végeredményét. A szöveg kompetensen osztható a bekezdésekre, a címsoroknak tükrözniük kell a fő intézkedéseket. És a screenshotok van szükség, hogy megkönnyítsék a keresést a tételeket, és hogy a felhasználó egy visszaigazolást, hogy ő „a helyes úton”, azaz minden úgy néz ki, mint az ő képernyőjén, mint a screenshot.

A képernyőképek létrehozásának folyamata

1. A környezet beállítása. Válasszon egyetlen stílusú ablakot és betűtípusokat az operációs rendszerben. Ha a “gumi” felület, határozza meg a böngészőablak szélességét és magasságát, és nem változtatja meg az egészet.

LifeHak:Ha véletlenül bezárja az ablakot, a méretek visszaállíthatók, és valószínűleg nem állíthatja vissza őket. Annak érdekében, hogy ne “elveszítse” méretét, készítsen egy képernyőképet az ablakból és a teljes képernyőn, és kövesse az ablak ablakát piros, majd állítsa be a kapott fájlt asztali háttérképként.

Talán valaki egyszerűbb és elegáns módon ismeri?

2. Adatok előkészítése.Töltse ki az alkalmazást példákkal az élethez és a döntő egyedi feladatokhoz. Több esetet is figyelembe vehet: egyszerű, mint “Helloovo”, és bonyolultabb a fejlett felhasználók számára.

Kívánatos, hogy az objektumok és beállítások neve ne változtasson ugyanazon szakaszban. Például az 1. fejezetben a felhasználó az ippolit létrehozott egy megjegyzést “Hogyan kell főzni a halat”. És a 2. fejezetben meg kell mondania a jegyzetek testreszabásáról. Természetesen jobb, ha elmondja, hogy a hippiryte a már létrehozott megjegyzésre vonatkozik, a piros töltés. Egy ilyen egyszerű megközelítés emlékezteti a felhasználót az előző intézkedésekről, és a teljes képet is biztosítja.

Ne felejtsd el kitölteni a rendszer “valódi” olvasható adatokat, előzetes beállításokat, sablonok készítése, biztonsági mentés és t.D.

Ha képernyőképeket készít az idegen nyelvű dokumentációhoz, győződjön meg róla, hogy az orosz nevek “orosz” a keretben (Andrew – Ok, Vanja Babuskin – Not Ok), vagy az orosz felirat.

3. Lövés.Mindez az eszközeitől függ, de az alapvető ajánlások:
a. Ha lehetséges, távolítsa el csak jelentős interfész zónákat, és készítsen egy képernyőképet kompaktként. Így az A4-es lapra illeszkedik, és kis méretű lesz.
B. A fotózáshoz hasonlóan kövesse a készítményt, ne vágja le az elemek részeit a képernyőkép szélén. Próbáljon meg ugyanolyan szélességű és magasságú képernyőképeket rajzolni egy példában.
C. Hogy időt takarítson meg, azonnal készítsen egy sor képernyőképet. Csak abban az esetben, ha “extra”, nem tervezett screenshots – hirtelen hasznos lesz, ha újraírja vagy szerkeszt.

4. Szerkesztés.Nem mindig lehetséges gyönyörű és változatos adatokat készíteni, elkerülni a hibákat vagy szimulálja egy bizonyos helyzetet (hiba, kudarc, nagy pénzegyenleg). Ilyen esetekben legalább 2 kimenet van:
A. Szerkessze az oldalak kódját és stílusát a böngészőben (Kattintson a jobb gombbal> Ellenőrizze az elemet és vezette), ha egy webes alkalmazásról beszélünk.
B. Módosítsa a feliratokat, kombináljon blokkokat a különböző képernyőképekről egy grafikus szerkesztőben.

A legjobb, ha mindkettő, mindkettő mindkettő, mindkettő, mind a megközelítések kombinálása a helyzet függvényében.

Megjegyzem, hogy bár a szerkesztés során hozzáadhat egy keretet, kivágott éleket és árnyékokat a képernyőképhez, jobb, ha stílusokat készíthet a referenciaszerkesztőben.

5. Megőrzés.Nézzük meg az egyedi neveket, amelyek egy bizonyos formátumhoz ragaszkodnak, például általános_settings_privacy. Jobb, ha nem használhat szóközöket és nagybetűket, valamint túl hosszú neveket. Az ilyen megközelítés sokoldalúságot és teljesítményt garantál, amikor egy online súgót helyez el különböző szervereken.

Tárolja a képernyőképeket a felhőben a megosztás, címkék és versek támogatásával. A keresés kényelme érdekében jobb, ha a mappát a képernyőképekkel a programinterfész struktúrájának megfelelő almappákkal megszakítja.

6. Helyezzen be szövegbe.Erről – Az alábbiakban a “Regisztráció” szakaszban.

7. Vizsgálat.Tegye ki a kész részt, nézze meg a következő napon. És jobb, hadd olvassa el a szöveget, és nézze meg a képernyőképeket tesztelő vagy tervező.

Műszerek

Asztali eszközök

Snagit (Win, Mac). Az egyik legnépszerűbb képernyőképek. 2 modulból áll:
– Csatlakozó eszköz. Fájl: Növeli a kijelölt terület, automatikus meghatározását interfész zónák eltávolítása teljes méretű képernyőképek késleltetés pop-up elem, videofelvétel;
– szerkesztő. Fájl: arrogies, jegyzetek, hatások, keretek, megosztás.
A mínuszokból csak azt a tényt hívhatom meg, hogy a szerkesztőnek több beállítása és hatása lehet;
Shutter (Linux). Ha rövid, akkor ez a Linux, természetesen, az openzúra;
Adobe Photoshop (Win, Mac). Javaslom a hardcore szerkesztést, összetett hatásokat. Az egyik partíciós képernyők PSD fájlrétegekként és makrókkal és szkriptekkel tárolhatók, sok fájlban dolgozhatsz;
Gimp (Win, Mac, Linux). Ingyenes helyettesítő Photoshop. Itt van egy kiváló cikk a screenshotok automatizálásáról a GIMP-ben;
Imagemagic. (Win, Linux) Programok beállítása (konzol segédprogramok) a több grafikus formátumok olvasásához és szerkesztéséhez. Nagy a kötegelt feldolgozó képernyőképek számára;
Visio (győzelem). Miért ne? Szerkesztő, hogy kiemelje és jegyezze fel, különösen akkor, ha az egész MS Office csomagot megvásárolják;
Dropbox (Win, Mac, Linux). Az asztali ügyfél automatikusan mentheti az összes képernyőképet a lemezen és a felhőben, és másolja a linket a vágólapra;
JOXI (Win, Mac, Linux, Chrome Plugin). Ugyanolyan funkcionalitás, mint a dropbox, valamint az aláírások és hatások hozzáadásának lehetősége a repülésre;
Lightshot (Win, Mac, Chrome, Firefox plugin). Ugyanaz a funkcionalitás, mint a JOXI, valamint a képernyőkép szerkesztésének képessége az ingyenes online szerkesztőben Pixlr.

Böngészők beépítése

Modulok kalap program

Sok Hat (Help készítő eszközök), vannak beépített görbéje eltávolítása screenshotok:

Habn. „Szellemi” eltávolítása és a kommentár screenshotok – a fő chip a program. Meghatározza az ablakszerkezet, és automatikusan felismerheti és aláírhatja az összes interfész elemet. A szerkesztőben sok nyíl, számok stílusa van;
Súgó + kézi. Drágább, mint a habn, és a képernyőképek eltávolítására szolgáló modul rosszabb. De lehet használni, különösen, mivel a kommentárok a screensions hajtogatják egy külön XML fájl, amely lehet fordítani a honosítás során;
Madcap Flare. Egy meglehetősen drága szerkesztő, a képernyőkép eltávolító modulja nem lenyűgöző, de az összes alapfunkció. Kedveli, hogy mit kérhetnek a képek stílusához.

A GIF animációk létrehozásának eszközei

Dinamikus műveletek megjelenítéséhez (például szövegcímkézés, automatikus leállások megjelenése, menü), a képernyőképek és a szöveg nem elég. A videó bemutatót eltávolíthatja, de meglehetősen drága, és mérje meg, mint a képek. Jobb a GIF animáció rögzítéséhez (példa). Ezek az eszközök segítenek Önnek:

Gifcam (győzelem) – ingyen;
ScreenFlow (Mac) – Fizetett, szintén tudja, hogyan kell lőni és szerkeszteni a videót;
Licecap (Win, Mac) – Ingyenes.

Kép tömörítési segédprogramok

Bejegyzés

Határozza meg a képernyőképek optimális formátumát. Ha rövid, akkor:
Minden képernyőképnek kell lennie ID, ALT, cím, számA szakaszon vagy fejezetben.

Választ szélességés Magasság, engedély:

A nyomtatáshoz (szélesség nincs több A4, ne feledje, hogy az oldalakon az oldalakon és az oldalak beillesztése szükséges, ha szükséges);
A képernyőn (mint egy screenshot, a tablettákra és a mobilra néz, fontolja meg a retinákon készült képernyőképek specifikáját);
Kombinált megközelítés – Feltételes kimenet (Súgó + Kézi, Confluence – Scroll verziók Plugin, Flare). Ezzel a megközelítéssel az egyes képernyőképek több verzióját is készítheti.

Ne feledje, hogy a képernyőképen lévő szövegnek meg kell olvasni anélkül, hogy növelné.

Gondold át A képernyőkép helye a szöveggel kapcsolatban, Összehangolás. Ha a képernyőkép szélessége kicsi, akkor szabad tér racionális és konfigurálása a szöveg körül balra vagy jobbra.

A dinamika megmutatásához tehetsz Kombinált screenshot:

Ha kivágja az ablak egy részét, megmutathatja Kivágott szélEgyenetlen szélével vagy átláthatósággal:

Fontos elemek vagy kisebb részek növekedés, Hangsúlyozni:

Az akcentushoz is használhatja szín– Hagyja a színt a célelemtől (panel), és a többi kisülés:

Add Keretek, árnyékok, nyilak, aláírások, elmosódásíz. A legfontosabb dolog – figyelje meg az egyenletességet, és ragaszkodjon a stylgidéhez:

Használat Interaktív elemek(HTML esetén):

Lightbox, mint a Confluence-ban, akkor a galériával lehet;
növekedés (mint például az eBay-en);
Csúszka;
Kép térkép tulttips (1. példa, 2. példa).

És még néhány tipp

Próbálja meg, hogy ne helyezze be az ikonokat és a kép gombokat a szöveghez, mivel a vonal magassága megváltozhat, és az elrendezés szakszerűtlen lesz. Jobb, ha aláírja a számokat és ikonokat egy nagy képernyőn, vagy beilleszteni az ikonokat és a gombokat az asztal külön oszlopához.

Használja újra a szabványos alkatrészeket (ikonok, panelek, párbeszédablakok). Jó példa – Confluence Inclúziós könyvtár.

Helyezzen el egy listát az alapvető illusztrációkról (jobb – referenciákra az illusztrációkhoz) a tartalom után vagy a kézikönyv végén.

Ha a képernyőkép túl sok adatot tartalmaz, próbálja meg helyettesíteni egy prototípussal, sémával, táblázattal.

Ha egy mobilalkalmazás kézikönyvet végez, valószínűleg sok képernyőképet lesz. Navigáció megjelenítése a képernyőképek között. Tehát a felhasználó könnyen megértheti az interakciót és az átmeneteket, még a szöveg elolvasását sem.

Készítsen képernyőképeket az összes nyelvi változathoz egyszerre. Ezután, amikor a hivatkozás lokalizálásakor nem kell kérnie tolmácsot további szolgáltatásokról, és a technikai írót nem kell megtanulnia Yiksbara, például.

Azt is javaslom, hogy olvassa el ezt a cikket nyilvánvaló, de hasznos tanácsokkal.

Következtetés

Jobb képernyőképek javítják a segítséget vagy a kézikönyvet, világos és vizuális. És annak érdekében, hogy a megfelelő képernyőképeket készítsen, jól kell felkészülnie, és sok időt, figyelmet és energiát kell költenie. Például a gyakorlatunkban nehéz termékek voltak, akiknek a képernyőképei nem voltak közönséges $ egy dolog, és $ 5 és akár $, ha segítségre van szüksége a screenshotok vagy segít, mi mindig kapcsolatban állunk;)

Általában a tökéletes képernyőkép (és a kézikönyv egésze) az, amelynek nem kell tennie. Az UX és az UI megfelelő megközelítésével a szokásos és nyilvánvaló navigációs és viselkedési mintákat használhatja, amelyek nem igényelnek leírást és magyarázatot.

Hűvös lesz, ha a megjegyzések megosztják tapasztalatait a képernyőképek létrehozásáról. Eszközök, folyamat, méretek, aláírások, stílusok, tárolás, automatizálás – bármilyen gyakorlati tanács érdekes!

P.S: Köszönjük a cikkünket a műszaki dokumentáció létrehozásának Guru-nak, Alexander Sinchuk

A szerzőről

Az Alconost alkalmazások, játékok és webhelyek lokalizációjával foglalkozik 60 nyelven. Nyelvfordítók, nyelvi tesztelés, felhő platform API-vel, folyamatos lokalizáció, 24/7 Projektmenedzserek, bármilyen karakterlánc formátum.

A promóciós és oktatási videókat is készítünk – a Google Play és az App Store értékesítési, kép-, promóciós, képzési, eredményei, károsítói, pótkocsik számára.

Bővebben: Hab