• úvod
  • témata
  • události
  • tržiště
  • diskuze
  • nástěnka
  • přihlásit
    registrace
    ztracené heslo?
    KULHYUI design, design systémy, interakční design, ♥ Figma
    KULHY
    KULHY --- ---
    DSTEPZ: UX Figmy vic miri na dlouhodobejsi komfort, nez na ten uvodni. Imho tech onboarding videi je na Figmu mrte. Dokud si ale nereknes "tak a ted tenhle malej projekt zkusim odbavit ve Figme", tak to nezlomis. Muzu te jen ujistit, ze neni duvod se obavat, ze by sis nabehl.

    Prvni veci kdy jsem si u Figmy rekl (ac jsem celkove skobrtal a porad se neco delo jinak nez jsem cekal), ze delaji neco lip, byla kolaborace live a pak sprava barev na grupach/frejmech.

    Nejcastejsi mindset, ktery lidi u Figmy vypece, je ten klasickej grafickej pohled na strukturu souboru — vrstvy a groupy, ktere nemaji mezi sebou zadny vztah.
    KULHY
    KULHY --- ---
    ESTEN: Neznal jsem, ono tech figma/sketch/xd-like toolu je cim dal vic. Pro uzivatele je dobre, ze je konkurence a ze se tim neustale challenguje status quo. Je jsem driv hodne huntil tooly, ale ted se spis snazim vic proplout do design systemu, ktery jsou nad tim.
    ESTEN
    ESTEN --- ---
    Tohle jste nekdo zkousel?

    Penpot - Design Freedom for Teams
    https://penpot.app/
    DAVVID
    DAVVID --- ---
    DSTEPZ: Jo jako není to perfektní ale mohlo být :D stačilo tak málo…

    Hehe, ohledně bolesti — bohužel nezbývá asi nic než zatnout zuby a přestat se vymlouvat. Taky mě to čeká a těší mě ze nejsem sám kdo má z figmy stejnej první dojem :D
    DSTEPZ
    DSTEPZ --- ---
    DAVVID: Ja se v XD trapim vic a vic, krom toho, co zminujes je tam tech failu jeste pomerne dost
    - vytvorit treba boostrap grid pro ruzny viewporty je nocni mura
    - nemoznost stylovat outline u komponent
    - nejdou duplikovat symboly kde mas uz nejaky stavy, musis rozgrupovat a vytvaret vse znovu atd atd.

    Priznam se, ze jsem s figmou prqcoval jen okrajove, ale nuti me vyse zmineny nad ni premyslet vic a vic. Jen nedokazu udelat ten prvni krok a zacit v tom neco kreslit. Oproti XD me prijde strasne neintuitivni (nastroje atd). Nejaky tipy jak zacit, aby to tolik nebolelo?
    PETRPEDROS
    PETRPEDROS --- ---
    KULHY: Právě tím balíčkem dat a odkazem jestli jsem dobře pochytil slang.
    KULHY
    KULHY --- ---
    PETRPEDROS: A jak resis hand-off pro frontend?
    PETRPEDROS
    PETRPEDROS --- ---
    Taky si frčím. Chtělo by to anketu. Používám Figma nebo Adobe XD nebo Photoshop nebo Illustrator.

    Já osobně momentálně jedu Figma návrh a balíček dat aka .jpg .png fotokrám a .svg illustrator

    KULHY
    KULHY --- ---
    DAVVID: Dej tomu cas, ja se na zacatku taky kroutil :)
    DAVVID
    DAVVID --- ---
    KULHY: Dnešní XD je myslím dost podobny jako před cca 2-3 roky… přidání on-line kolaborace byla poslední super cool věc a od ty doby mi přijde ze dělali jen nějakou drobnou údržbu ale nic prevratnyho. Dřív sem cekal natesene na kazdej release a četl si change logy ale ten

    Design system proste zmrsili takovým detailem ze se s tím neda seriózně pracovat. Maximálně odstranit všechny interaktivní stavy ale pak zas koderi netusej jak mají vypadat :D a bohužel nakodovanej design system u nás krapet pokulhává… nejsou lidi co by se o to starali.

    XD mělo fajn klavesovy zkratky a ten interface mi přišel lépe navrženy než figma, která má samozřejmě zkratky zas úplně jiný. Ale zatim jsem ji otevřel jen parkrat + mám osobní nechuť dělat v prohlížeči a ta jejich appka je jen container s webovým oknem.

    Kolega říkal ze mají skvele udělany ruzny tutorialy a vysvětlení funkci.

    Proste to není XD :D fakt jsem ho měl rad…
    KULHY
    KULHY --- ---
    DAVVID: Ja kdyz jsem delal v prechozi praci na windows tak jsem sledoval vyvoj XD od plenek a natesene po tom skocil hned jak to vydali. Osobne jsem ten nastroj mel taky dost rad. pak jsem delal cca 3 roky ve Sketchi a ted jsem cca rok a pul ve Figme, musim rict ze neustale vic a vic ocenuju jak je ten nastroj udelanej, jen je na zacatku treba si projit takovym restartem mindsetu okolo principu. Nutno dodat, ze nemam moc srovnani s dnesnim XD.
    DAVVID
    DAVVID --- ---
    KEL: XD melo skvele naslapnuto ale z nepochopitelneho duvodu tam podelali praci s design systemem... editace textu u instance se nepropise do dalsich stavu (napr hover, pressed apod)...

    je to asi 3 roky stary problem ktery v podstate znemoznuje jakoukoliv jednoduchou praci s design systemem, prototypovani apod...

    (to bylo v nasem teamu nejvic nenavidena funkce... zbytek byl celkem fajn.) takze hello Figma :D... neprijde mi tak user friendly ale jen proto, ze adobe jsem pouzival dlouho a prislo mi to vse dobre vymyslene... jen kdyby pokracovali ve vyvoji.

    MIKULAS
    MIKULAS --- ---
    KULHY: delame neco jako JIRA ... a ano, je to personalni problem na vice urovnich :)
    KULHY
    KULHY --- ---
    MIKULAS: Ta skala moznych problemu mezi designem a implementaci je dost velka. Chce to konstruktuvni debatu zucastnenych stran a narvnat ty vztahy ocekavani a heldat spolecnou rec, pokud to nejde, tak se imho jedna o personalni problem. Kdyz za nama prisli developeri, tak byli pak mile prekvpeny, jak ty potreby mame stejny, jen se na ne divame odjinud. :) Co delate cca za typ produktu?
    MIKULAS
    MIKULAS --- ---
    KULHY: jsem soucast teamu (ted jako FE dev), ale je to tragedie a da se rici, ze nas UI clovek Figmu vubec neumi a to v ni dela vice jak dva roky = vsechno kodime rucne a on to pak jenom hejtuje :)
    KULHY
    KULHY --- ---
    Zkusim nahodit konkretní tema, ktery me tedka zamestnava.

    Jak resit modaly (nebo potazmo dialogy a jiny kontejnerovy elementy) ve Figme jako soucast design systemu.

    Je mi celkem jasny, ze modal jako sablona bude existovat v jako komponenta v library design systemu. Co ale nemam jeste moc rozmysleny, je prace s obsahem modalu v konkretnim designu. Tzn delam nejaklou feature ve webovy aplikaci ktera utilizuje modal. Vezmi si sablonovou komponentu modalu a placnu ji do samostatnyho Figma souboru. Pak nevim jestli samotny obsah stavit jako lokalni komponentu z library atomu. Na jaky urovni definovat spacing jednotlivych prvku obsahu modalu apod.

    Docela solidne na to odpovida toto video:
    How to leverage slot components in Figma
    https://www.youtube.com/watch?v=jdFFH9MvGhw


    Jen mam nejaky nejasnosti jak pohlidat ty guidelines pro to komponovani uvnitr.
    KULHY
    KULHY --- ---
    Ahoj! Vitam vas. Proc novy auditko?

    - UI design je slozita technicka disciplina a zaslouzi vlastni focus
    - roustouci obliba design systemu
    - Figma
    - developer hand-off

    No a pak moje vlastni profesni situace, kdy stojim pred stavbou design systemu. Jste tu nekdo soucasti tymu, kterej na nejakem valstnim design systemu pracuje, nebo ho vyuziva?
    KEL
    KEL --- ---
    book. O UI si na oldschool rozhraní co má Nyx tu rád počtu. Musim říct, že to má v těch záplavě fluid and whatever systémů svoje kouzlo. Člověk si tu tak hezky odpočine :-))

    Jinak používal jsem dřív Sketch, to byl první vyloženě UI softv kterým jsem se tak nějak učil, teď co jsem koukal, dost začala frčet Figma. XD jsem zatím nezkoušel. Ale nejsme primárně web/UI/designer. Takže to je pro mne momentálně spíš okrajová záležitost a rád zde načerpám nějaké znalosti.
    TORI
    TORI --- ---
    Vítejte a ať se vám tu líbí.

    Můžete pozvat své přátele.
    Kliknutím sem můžete změnit nastavení reklam