Az egyedi okosóra számlapok készítése egy igazán kreatív és izgalmas folyamat, amely ötvözi a dizájnt, a funkcionalitást és a technológiai tudást. Ebben a cikksorozatban lépésről lépésre végigvesszük az alapoktól a profi megoldásokig, kezdve az óra képességeinek megismerésével és a tervezéssel.
A számlap készítés nagyon sok összetevőből áll. Most kezdjük az alapokkal és majd a folytatásokban kifejtek mindent részletesen is. Az első okosórám egy Huawei Watch volt. Amikor megkaptam, rögtön felmerült bennem az igény egy saját, egyedi számlapra.
A store-ban rengeteg szebbnél-szebb számlapot találtam. Ingyeneseket és megvásárolhatókat is. Ezekkel csak annyi problémám volt, hogy nem én voltam egyik sem. Bármennyire igényesek voltak a számlapok, nem tükrözték az egyéniségemet.
Miért érdemes saját számlapot készíteni?
Sok okosóra számos előre telepített számlappal érkezik, de ezek gyakran nem elégítik ki minden felhasználó egyedi igényeit. Az egyedi számlapok lehetőséget adnak arra, hogy:
- Saját stílusodhoz igazítsd az órád megjelenését
- Csak a számodra fontos információkat jelenítsd meg
- Különleges animációkat, interaktív elemeket adj hozzá
- Saját logóval vagy személyes dizájnnal láss el egy számlapot
Hogyan fogjunk bele az okosóra számlap elkészítésébe?
A legfontosabb dolog, az óra típusa és képességei. A képességek alatt a megjeleníthető adattípusokat értjük. A terminológia szerint minden ami mérhető, megjeleníthető, az egy-egy adattípushoz van hozzárendelve.
Mivel az első okosórám egy Huawei Watch volt, így az egész folyamatot erre építve fogom bemutatni. Az Apple óráira nem térnék ki, mert a zárt rendszer miatt, azokra a számlap készítés nem olyan egyszerű, mint az Android bázisú órákra.
Ebből következik az első és legfontosabb kérdés:
- Milyen információkat szeretnénk látni a számlapon?
Ne akarjunk túl sok mindent kiíratni, mert a számlap zsúfolt és átláthatatlan lesz. A káosz elkerülhetetlen ha sok információt szeretnél megjeleníteni. Illetve minél több a megjelenített adat, annál kisebbeknek kell lenni a számoknak, feliratoknak és a felületi elemeknek. Ez pedig könnyen azt eredményezi, hogy nagyító kell ahhoz, hogy el tudd olvasni, mi is lett éppen kiírva.
Milyen elengedhetetlen adattípusok vannak, amiknek feltétlenül meg kell jelenni?
- Idő és dátum. Óráról van szó, így egy kötelező elem. Ha nem jelenítesz meg idő adattípust, akkor a szoftver nem engedi elmenteni az elkészült számlapot.
- Lépésszám. Mivel az óra velünk mozog, így ez egy logikus választás.
- Szívritmus. A szívünk a legfontosabb! Mindig figyelni kell rá. A szívritmust én 3 részre szoktam bontani. Pillanatnyi, napi legalacsonyabb és napi legmagasabb érték.
- Időjárás. Ez két elemből épül fel. Szöveges vagy ikon formában megjelenített időjárási viszony. Szöveges formában megjelenített hőmérséklet. A hőmérséklet kijelzést, a szívritmus mintájára, 3 részre lehet bontani. Pillanatnyi, napi legalacsonyabb és napi legmagasabb hőmérséklet.
- Töltöttség.
Opcionális elemek:
- Tengerszint feletti magasság.
- Légnyomás.
- Páratartalom.
- Véroxigén szint.
- …
Ezeken kívül még rengeteg megjeleníthető adattípus van. Ezeket az óra, vagy a tervező szoftver dokumentációja tartalmazza és részletesen tárgyalja a működésüket.
Huawei Watch Adattípusok
Akkor vágjunk bele a tervezésbe
Mi kell a tervezéshez?
Milyen eszközökre és szoftverekre van szükség?
Az egyedi számlapkészítéshez szükséged lesz néhány alapvető szoftverre és eszközre:
- Kép- és vektorgrafikai szerkesztőprogramok:
- Fizetős lehetőségek: Adobe Photoshop, Adobe Illustrator, Affinity Designer
- Ingyenes alternatívák: GIMP, Krita (pixelgrafika), Inkscape (vektorgrafika), Figma
- Speciális számlapkészítő programok:
- Watch Face Studio (Samsung órákhoz)
- WatchMaker (Android és iOS támogatás)
- Facer (cross-platform megoldás)
- Számítógép vagy okostelefon, ahol a szerkesztést végzed
- Az adott okosóra gyártójának fejlesztői eszközei (ha szükséges)
A legfontosabb a képzelőerő és a kreativitás. Enélkül nem fog menni.
Vegyél elő papírt és ceruzát, ha analóg vagy, a digitálisak pedig a tabletjük rajzprogramját és digitális ceruzáját. Képzeljük el a számlapot, azt, hogy mit és hol szeretnénk látni. Ezt rajzoljuk le nagy vonalakban. Még nem kell a design elemekkel foglalkozni! Egyelőre csak egy vázlatot rajzoljunk a számlapról.
Ezt a vázlatot finomítsuk, javítsuk, hogy a számunkra legmegfelelőbb legyen. Figyeljük meg a felületi elemek elhelyezkedését és azokat priorizáljuk. A legfontosabb elemek kapjanak egy központi, erőteljesebb megjelenést.
Képzeljük el a számlapot az órán és vizualizáljuk, hogy minden ott van-e, ahol lennie kell. Ha ránézünk az órára, egyből azt lássuk, amire éppen kíváncsiak vagyunk és ne kelljen keresgélni, hogy „Ezt most hova is raktam?”.
Második lépés a dizájn kialakítása
Ha jól rajzolsz, akkor ezt is kezdheted a számodra kezelhetőbb analóg, vagy digitális környezetben.
Itt az elsődleges és kulcsfontosságú momentum a képzelőerő. Látnod kell, hogy mit szeretnél, hogy hogyan nézzen ki a számlap. Milyen grafikai elemeket szeretnél a különféle adattípusok elkülönítéséhez, vagy kiemeléséhez. Milyen megjelenést szeretnél? Egy egyszerű és letisztult felületet, vagy valamilyen robusztus, sportos megjelenést, esetleg valamilyen futurisztikus dizájnt.
Vagy esetleg a kedvenc filmed, vagy sorozatod motívumaira épülő kialakítást szeretnél látni. Egy ilyen esetben fontos a legalitás és az esetleges jogdíj fizetési kötelezettség. Tiszteld meg a kedvenc filmedet, sorozatodat azzal, hogy nem lépsz át egy határt! Ne a már mások, a filmkészítők által elkészített grafikai elemeket használd, hanem azokat rajzold meg magadnak.
Elkészült a dizájn, mi jön most?
Most elő kell vennünk egy grafikai programot és belefogni a megvalósításba.
Az ilyen szoftverekkel Dunát lehet rekeszteni. A legismertebbek az Adobe termékei. Ezeknek az ára igen magas, de cserébe professzionális eszközöket kapunk.
– Adobe Photoshop, ha pixelgrafikus megvalósításban gondolkozol.
– Adobe Illustrator, ha a vektoros utat szeretnéd követni.
Ezeknek az ellenpárja a Corel termékei.
– CorelDRAW a vektoros vonal.
– Corel PAINTER a pixeles képekhez. De ha megelégszel egy korlátozott képességű szoftverrel, akkor használhatod a CorelDRAW csomag részét képező Corel PHOTO-PAINT-et is.
De nem kell rögtön a pénztárcánkba nyúlni. A barátkozás, a próbák idejére kezdhetjük valamilyen ingyenes szoftverrel is. Ha pedig beválik az ingyenes megoldás, akkor akár maradhatsz is ennél.
Ingyenes szoftverek:
– GIMP. Eze pixelgrafikus képek készítésére alkalmas. Nagyon felhasználóbarát és a GIMPShop változattal, leutánozható a Photoshop felülete és működési mechanizmusa.
– Inkscape. Ez egy nagyon impresszív és professzionális vektorgrafikus program az ingyenessége ellenére. Az elkészült műveket mentheted vektoros SVG formátumba, vagy exportálhatod a népszerű pixeles formátumok valamelyikébe.
Ha nem akarsz szoftvert telepíteni, akkor a Canva a barátod. Ez egy böngészőben futó AI támogatású rajzprogram. Elérhető ingyenes változatban is. De havi $15 áron már meg kapsz minden eszközt, minden tudását kihasználhatod a szoftvernek.
Meg történtek az előkészületek és a folytatásban már a konkrét lépéseket fogom majd tárgyalni. Köszönöm az eddigi figyelmedet és kövesd az oldalam, hogy ne maradj le a számlaptervezés folytatásáról.
Te próbáltad már a számlapkészítést?
Neked milyen ötleteid vannak egyedi számlapok készítéséhez? Milyen információkat tartasz elengedhetetlennek? Oszd meg tapasztalataidat kommentben vagy írj nekünk!