• ú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
    Design rozhraní webů a aplikací. Architektura design systémů. Interakční design. Všechno okolo Figmy, ale i dalších editorů (XD, Sketch, Framer, Webflow).

    Jaka je vase design role?


    Instrukce:
    Pokud profesne delate UI design, jakou roli ve firme zastavate, priapdne jak by jste svou roli definovali, pokud delate sami na sebe?

    16 hlasy od 16 respondentů

    rozbalit záhlaví
    KULHY
    KULHY --- ---
    WAKO: Možností je x, ale snadno to můžou být 4 různý frames. 1 zabalený stav a 3 rozbalený. Obsahu vpravo jen dáš vertical scrolling ve všech případech, zatímco hlavní frame bude mít scroll zakázaný.
    WAKO
    WAKO --- ---
    Prosím o radu. Chtěl bych toto naprototypovat stylem - klik na plus u nějaké z položek vlevo zobrazí nový frame vpravo s dalším obsahem. Uvnitř toho nového framu by pak šlo scrolovat ale ty položky vlevo by pořád držely pozici. Po kliknutí na minus by se obsah vpravo opět zabalil.

    DAN_F
    DAN_F --- ---
    DSTEPZ: Jakože, varianty nejsou jenom varianty, varianty jsou pořád komponenty, akorát s variantami. Takže v tomhle případě můžeš udělat prostě komponentu, sestávající z primárního a expand buttonu a rozbalených položek (jedna varianta) a její druhá varianta bude to samé, jen se schovanými položkami a otočenou ikonou na sekundárním tlačítku s ikonou a prototypovou akci namapuješ přímo na to tlačítko. Tedy nějak takhle:
    Figma
    https://www.figma.com/design/yJPsrtrILkzQNXLxDegeZH/Untitled-(edit)?node-id=0-1&t=Aoz6rVVelRbv7ry4-1

    Taky by bylo lepší udělat si komponenty pro ty jednotlivé typy tlačítek (klidně zas jen jako komponentu s variantou primární a sekundární tlačítko a property s ikonou a bez) a z nich pak teprve složit celek. Je to sice nějaká práce navíc, ale když se pak rozhodneš změnit třeba poloměr zaoblení rohů, velikost nebo styl písma labelů, bude ti stačit udělat úpravu jen na té hlavní komponentě, takže v důsledku to může naopak hodně času ušetřit a lépe se s tím pracuje. A taky bych klidně ubral těch vnořených framů, jinak se z toho za chvíli zblázníš. Na tohle ti stačí v pohodě tři :)
    DAN_F
    DAN_F --- ---
    DSTEPZ: Noo, za mě máš v té komponentě s variantami (Button Variants) zbytečně vnořenou tu komponentu "Button Accordion Main". Osobně bych udělal jen jednu komponentu, která bude mít dvě varianty, a tu samostatnou komponentu do toho vůbec nezanořoval.
    DSTEPZ
    DSTEPZ --- ---
    Cus, resim takovou vyfikundaci u jedny komponenty na mobil.
    Vytvoril sem si main komponentu tlacitka, vedle kteryho je sekundarni tlacitko se sipkou, ktera rozbali dalsi volby. Sekundarni tlacitko ma jenom jednu variantu (spiku nahoru). Kdyz pak udelam dalsi varianty, tak v tech variantach nemuzu tu sipku otocit. Varianty dovoloujou jen stylovani, ale rotace nefunguje. Trosku jsem to osral tim, ze jsem to ty main varianty udelal dve sekundarni tlacitka a ve variante je skryvam/odkryvam. Samozrejme chapu, ze bych mel udela variantu i u toho tlacitka (sipky nahoru a dolu) a pak si je ve variant vybirat, ale prijde mi, ze to dost extrem a zdrzuje to jen pro potreby prototypovani. Neda se to udelat nejak jinak?


    Prototyp
    Figma
    https://www.figma.com/proto/sNa4iaDMDObz2y7pdgpE9w/Untitled?node-id=1-254&t=COgBqV0f4VCXFB2C-1

    Figma
    Figma
    https://www.figma.com/design/sNa4iaDMDObz2y7pdgpE9w/Untitled?node-id=1-254&t=COgBqV0f4VCXFB2C-1
    DAN_F
    DAN_F --- ---
    HAVANA: Tohle už se snad vyplatí spíš naprogramovat, než prototypovat, ne? :)
    HAVANA
    HAVANA --- ---
    cus, potrebuju si udelat komponentu odpocitavani casu.

    Minuty:Sekundy

    1. cas v ramci aplikace muzu zmenit, a pak dam play a ukazuje to spravne. daji se najek s komponentou prenest i promenne?
    2. potrebuju nejak donutit figmu, aby zobrazovala sekundy ve formatu 05, a ne 5 (zatim to mam pres conditional podminky, ale to je dost neelegantni reseni, treba to pujde lip?
    3. kdyz dojde na 00:00, tak se to zastavi, nejde to do minusu .)

    nejakej tip jak to odbavit? diky predem .)
    BLAMAZ
    BLAMAZ --- ---
    Je nějaký způsob jak mergovat color variables? Mám tři řady, ze kterých chci udělat jednu. Dokument je hodně rozsáhlý (design system) na řadě pages. Najít a nahradit variable a pak odmazat nevyužité nejde moc použít, protože potřebuju aby to nevyměnilo viariable v instancích (protože potom by se nezohledňovala změna master komponenty). něco jako vybrat tři variables a dát sloučit. Problém i je, že některé variables mají stejné hodnoty (je řada důvodů proč je to odělené, mimo jiné to, že je verze light a dark, kdy to třeba sedí jen v jedné z toho).
    KULHY
    KULHY --- ---
    Za mě dobrý:

    Design Crit: UI3 | Figma
    https://youtu.be/tIgRf5owYTI?si=L8w5JsCQ2eO_BBlv
    KOTWA
    KOTWA --- ---
    nastesti plovouci panely uz prilepili zpatky ;-)
    KULHY
    KULHY --- ---
    DAN_F: V práci ho zatím nemám a se soukromým účtem nedělám skoro vůbec, takže zatím nemohu soudit. Obecně se velký změny UI těžko příjmají, to tady asi většina víme, ale je fakt, že toho hejtu je podezřele moc.
    DAN_F
    DAN_F --- ---
    KULHY: Na rozdíl od UI3.
    KULHY
    KULHY --- ---
    DAN_F: Byla to součást Multi-editu. To byl jeden z nejlepších updatů za dlouhou dobu.
    DAN_F
    DAN_F --- ---
    KOTWA: Na tvoji obhajobu, já si toho určitě nevšiml dřív, než vyšel Multi-edit, což bylo tuším někdy na jaře tohohle roku, a ani vlastně nevím, jestli to tam bylo už předtím, nebo to vyšlo jako součást Multi-editu :)
    KOTWA
    KOTWA --- ---
    DAN_F: sypu si popel na hlavu, tolikrat jsem to hledal na forech, v pluginech, a select matching layers me nenapadlo zkusit... v jinych pripadech mi chovani select matching layers pripadalo nevyzpytatelny, protoze jsem nevedel, podle ceho vybira. zrejme podle stejnyho klice, jako tenhle vyber jedny a shift... :-). vyber vysvicenych pres drag drop je treba v nasich pripadech neprakticky (moc velky pages, moc pomaly), ale urcite to taky muze byt uzitecny.

    ted bych nemel bejt linej, najit vsechny ty nevyreseny dotazy na tohle tema ve figma forech, a vsem jim napsat :-)
    DAN_F
    DAN_F --- ---
    A teď koukám, že když držíš shift a "vysvítí se i ty další stejný prvky na ostatních framech", můžeš udělat normálně drag-select a vyberou se jen ty zvýrazněné prvky ve framech, přes které uděláš drag-select.

    Tady je k tomu případně playlist:
    Meet Multi-edit | Figma
    https://www.youtube.com/watch?v=XfHSWfCrX58&list=PLXDU_eVOJTx4fIgW4YtLfxlbuv9BuHCac
    DAN_F
    DAN_F --- ---
    HAVANA: Ehm, myslíš jakože "select matching layers"? Na to je trik, který má formu úplně prvního tlačítka na nástrojové liště :D

    Dropbox
    https://www.dropbox.com/scl/fi/8t1dzb4ujpwlq73x5sov3/select-matching-layers.mp4?rlkey=vbeubvut5wwrg8jmntxi2ghjk&dl=0

    (alternativně ctrl + alt + a / cmd + alt + a)
    JARDABEREZA
    JARDABEREZA --- ---
    HAVANA: S Figmou sice nedělám, ale nemělo by to mít nějaké pluginy? Neumí to nějaký? Pro inspiraci do Photoshopu je např. tohle a to má hodně dobrou flexibilitu a možnosti. https://www.youtube.com/watch?v=9wZHvrlW0e4
    HAVANA
    HAVANA --- ---
    KOTWA: Select menu je co?
    HAVANA
    HAVANA --- ---
    KOTWA: Hmmm..tak hlavne že mi je to zvyraznuje..ale naklikej si sám :/
    Kliknutím sem můžete změnit nastavení reklam