[{"data":1,"prerenderedAt":487},["ShallowReactive",2],{"navigation-hu":3,"index-hu":56,"mdc--c9urpy-key":200,"mdc--mu73hr-key":213,"mdc--915ifu-key":222,"index-blogs-hu":231},[4,31],{"title":5,"path":6,"stem":7,"children":8,"page":30},"En","\u002Fen","en",[9],{"title":10,"path":11,"stem":12,"children":13,"page":30},"Blog","\u002Fen\u002Fblog","en\u002Fblog",[14,18,22,26],{"title":15,"path":16,"stem":17},"From Mockup to Market: My End-to-End Product Design Process","\u002Fen\u002Fblog\u002Ffrom-mockup-to-market","en\u002Fblog\u002Ffrom-mockup-to-market",{"title":19,"path":20,"stem":21},"How I Built My Design System from Scratch","\u002Fen\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch","en\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch",{"title":23,"path":24,"stem":25},"The Psychology of Color in UI Design","\u002Fen\u002Fblog\u002Fpsychology-of-color-in-ui-design","en\u002Fblog\u002Fpsychology-of-color-in-ui-design",{"title":27,"path":28,"stem":29},"The Case for Slow Design in a Fast-Paced Digital World","\u002Fen\u002Fblog\u002Fslow-design-in-fast-paced-digital-world","en\u002Fblog\u002Fslow-design-in-fast-paced-digital-world",false,{"title":32,"path":33,"stem":34,"children":35,"page":30},"Hu","\u002Fhu","hu",[36],{"title":10,"path":37,"stem":38,"children":39,"page":30},"\u002Fhu\u002Fblog","hu\u002Fblog",[40,44,48,52],{"title":41,"path":42,"stem":43},"A makettől a piacig: Terméktervezési folyamatom lépésről lépésre","\u002Fhu\u002Fblog\u002Ffrom-mockup-to-market","hu\u002Fblog\u002Ffrom-mockup-to-market",{"title":45,"path":46,"stem":47},"Hogyan építettem fel a saját design rendszeremet a nulláról","\u002Fhu\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch","hu\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch",{"title":49,"path":50,"stem":51},"A színek pszichológiája a felhasználói felületek tervezésében","\u002Fhu\u002Fblog\u002Fpsychology-of-color-in-ui-design","hu\u002Fblog\u002Fpsychology-of-color-in-ui-design",{"title":53,"path":54,"stem":55},"A lassú tervezés (Slow Design) létjogosultsága a felgyorsult digitális világban","\u002Fhu\u002Fblog\u002Fslow-design-in-fast-paced-digital-world","hu\u002Fblog\u002Fslow-design-in-fast-paced-digital-world",{"id":57,"title":58,"about":59,"blog":62,"body":65,"description":66,"experience":67,"extension":94,"faq":95,"hero":134,"meta":168,"navigation":169,"path":33,"seo":170,"stem":173,"testimonials":174,"__hash__":199},"index\u002Fhu\u002Findex.yml","Szia, Emma Thompson vagyok, UX\u002FUI Tervező",{"title":60,"description":61},"Rólam","UX\u002FUI tervezőként és front-end fejlesztőként 6 év tapasztalattal rendelkezem. A Boston University interaktív tervezés szakán szerzett diplomámat felhasználva készítek felhasználóközpontú digitális élményeket.\nMegközelítésem ötvözi a kreatív stratégiát a technikai szakértelemmel, átalakítva a koncepciókat funkcionális, céltudatos digitális termékekké.\n",{"title":63,"description":64},"Legfrissebb Cikkek","Néhány gondolat és publikáció a közelmúltból",null,"Intuitív digitális élményeket építek, ahol a dizájn találkozik a funkcionalitással. Kód és kreativitás segítségével keltem életre az ötleteket.",{"title":68,"items":69},"Munkatapasztalat",[70,78,86],{"position":71,"date":72,"company":73},"Brand Designer","2023 - Jelenleg",{"name":74,"logo":75,"url":76,"color":77},"Nuxt","i-simple-icons-nuxtdotjs","https:\u002F\u002Fnuxt.com","#00DC82",{"position":79,"date":80,"company":81},"Assets Designer","2022 - 2023",{"name":82,"logo":83,"url":84,"color":85},"Raycast","i-simple-icons-raycast","https:\u002F\u002Fraycast.com","#FF6363",{"position":87,"date":88,"company":89},"Senior UX\u002FUI Designer","2020 - 2021",{"name":90,"logo":91,"url":92,"color":93},"Linear","i-simple-icons-linear","https:\u002F\u002Flinear.app","#5E6AD2","yml",{"title":96,"description":97,"categories":98},"Gyakran Ismételt Kérdések","Válaszok a munkafolyamatommal és szolgáltatásaimmal kapcsolatos gyakori kérdésekre.",[99,111,126],{"title":100,"questions":101},"Szolgáltatások és Folyamat",[102,105,108],{"label":103,"content":104},"Milyen szolgáltatásokat nyújtasz?","UX\u002FUI tervezésre és front-end fejlesztésre specializálódtam. Ez magában foglalja a felhasználói kutatást, drótvázak és interaktív prototípusok készítését, reszponzív weboldalak és webalkalmazások fejlesztését (különösen Vue.js \u002F Nuxt.js környezetben), valamint tervezési rendszerek (design systems) felépítését.\n",{"label":106,"content":107},"Milyen a tervezési folyamatod?","A folyamatom együttműködő és iteratív: feltárás és kutatás, ötletelés és prototípus-készítés, felhasználói tesztelés, vizuális tervezés, valamint szoros együttműködés a fejlesztőcsapattal az implementáció során.\n",{"label":109,"content":110},"Dolgozol startupokkal is?","Természetesen! Szívesen dolgozom startupokkal a termékvízió megformálásán és a felhasználóbarát felületek alapoktól történő felépítésén.\n",{"title":112,"questions":113},"Árak és Határidők",[114,117,120,123],{"label":115,"content":116},"Mennyibe kerül átlagosan egy projekt?","A projektköltségek a feladat terjedelmétől, komplexitásától és a határidőtől függenek. Átfogó UX\u002FUI és front-end projektek általában $5,000-tól indulnak. Tanácsadás vagy konkrét tervezési feladatok esetén napidíjas elszámolás is elérhető.\n",{"label":118,"content":119},"Milyen fizetési feltételekkel dolgozol?","Általában 40% előleget kérek a projekt ütemezéséhez és a munka megkezdéséhez, a fennmaradó 60% pedig a sikeres befejezést és átadást követően esedékes.\n",{"label":121,"content":122},"Mennyi ideig tart egy tipikus projekt?","A határidő nagyban függ a terjedelemről. Kisebb projektek 3-4 hetet, míg nagyobb lélegzetvételű fejlesztések 2-4 hónapot vehetnek igénybe. A kezdeti feltárási fázis után mindig részletes ütemtervet adok.\n",{"label":124,"content":125},"Vállalsz folyamatos támogatást (retainer)?","Igen, olyan ügyfelek számára, akiknek folyamatos tervezési támogatásra, új funkciók fejlesztésére vagy karbantartásra van szükségük, egyedi havi rendelkezésre állást biztosítok.\n",{"title":60,"questions":127},[128,131],{"label":129,"content":130},"Mit szeretsz leginkább a munkádban?","Imádom az összetett problémák megoldásának kihívását a dizájn és a technológia segítségével. Nagyon motiváló látni, amikor a felhasználók könnyedén és szívesen használják azt, amit létrehoztam.\n",{"label":132,"content":133},"Mivel foglalkozol a munkán kívül?","Amikor épp nem tervezek vagy kódolok, szívesen fedezek fel új kávézókat, túrázom a természetben, fotózom, vagy nyílt forráskódú projektekhez járulok hozzá.\n",{"links":135,"images":140},[136],{"label":137,"to":138,"color":139},"Sablon használata","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fportfolio","neutral",[141,144,147,150,153,156,159,162,165],{"src":142,"alt":143},"\u002Fhero\u002Frandom-1.avif","Véletlenszerű kép 1",{"src":145,"alt":146},"\u002Fhero\u002Frandom-2.avif","Véletlenszerű kép 2",{"src":148,"alt":149},"\u002Fhero\u002Frandom-3.avif","Véletlenszerű kép 3",{"src":151,"alt":152},"\u002Fhero\u002Frandom-4.avif","Véletlenszerű kép 4",{"src":154,"alt":155},"\u002Fhero\u002Frandom-5.avif","Véletlenszerű kép 5",{"src":157,"alt":158},"\u002Fhero\u002Frandom-6.avif","Véletlenszerű kép 6",{"src":160,"alt":161},"\u002Fhero\u002Frandom-7.avif","Véletlenszerű kép 7",{"src":163,"alt":164},"\u002Fhero\u002Frandom-8.avif","Véletlenszerű kép 8",{"src":166,"alt":167},"\u002Fhero\u002Frandom-9.avif","Véletlenszerű kép 9",{},true,{"title":171,"description":172},"Emma Thompson - UX\u002FUI Tervező","Üdvözöllek a portfóliómban! Emma Thompson vagyok, bostoni UX\u002FUI tervező és front-end fejlesztő. Felhasználóközpontú digitális élmények készítésére specializálódtam, amelyek egyszerre szépek és funkcionálisak.","hu\u002Findex",[175,183,191],{"quote":176,"author":177},"Emma UX tervezési megközelítése teljesen átalakította a termékünket. Különleges képessége van arra, hogy egyensúlyt teremtsen az esztétika és a funkcionális egyszerűség között. Az újratervezés 40%-kal csökkentette az ügyfélszolgálati megkereséseket és növelte a konverziót.",{"name":178,"description":179,"avatar":180},"Sarah Chen","Product Director a Bloom Finance-nél",{"src":181,"srcset":182},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":184,"author":185},"Emmával dolgozni a legjobb döntés volt a startupunk számára. Nem csupán dizájnokat szállított – megkérdőjelezte a feltevéseinket, alapos kutatást végzett, és olyan élményt hozott létre, ami igazán megszólította a közönségünket.",{"name":186,"description":187,"avatar":188},"Michael Rodriguez","Társalapító, Wavelength Music",{"src":189,"srcset":190},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":192,"author":193},"Emma kiemelkedő abban, hogy a komplex fenntarthatósági adatokat intuitív felületekké alakítsa. Az EcoTrack-en végzett munkája alapjaiban változtatta meg, hogyan lépnek interakcióba a felhasználók a környezetvédelmi információkkal.",{"name":194,"description":195,"avatar":196},"Dr. Aisha Johnson","Chief Innovation Officer, GreenTech Solutions",{"src":197,"srcset":198},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x","0sQKgLH5ApPrfklJ18l_Wtu8lsHsNKFgMtbj5siTG_I",{"data":201,"body":202},{},{"type":203,"children":204},"root",[205],{"type":206,"tag":207,"props":208,"children":209},"element","p",{},[210],{"type":211,"value":212},"text","UX\u002FUI tervezésre és front-end fejlesztésre specializálódtam. Ez magában foglalja a felhasználói kutatást, drótvázak és interaktív prototípusok készítését, reszponzív weboldalak és webalkalmazások fejlesztését (különösen Vue.js \u002F Nuxt.js környezetben), valamint tervezési rendszerek (design systems) felépítését.",{"data":214,"body":215},{},{"type":203,"children":216},[217],{"type":206,"tag":207,"props":218,"children":219},{},[220],{"type":211,"value":221},"A folyamatom együttműködő és iteratív: feltárás és kutatás, ötletelés és prototípus-készítés, felhasználói tesztelés, vizuális tervezés, valamint szoros együttműködés a fejlesztőcsapattal az implementáció során.",{"data":223,"body":224},{},{"type":203,"children":225},[226],{"type":206,"tag":207,"props":227,"children":228},{},[229],{"type":211,"value":230},"Természetesen! Szívesen dolgozom startupokkal a termékvízió megformálásán és a felhasználóbarát felületek alapoktól történő felépítésén.",[232,399,443],{"id":233,"title":41,"author":234,"body":238,"date":391,"description":392,"extension":393,"image":394,"meta":395,"minRead":396,"navigation":169,"path":42,"seo":397,"stem":43,"__hash__":398},"blog\u002Fhu\u002Fblog\u002Ffrom-mockup-to-market.md",{"name":235,"avatar":236},"Emma Thompson",{"src":237,"alt":235},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1701615004837-40d8573b6652?q=80&w=1480&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",{"type":239,"value":240,"toc":373},"minimark",[241,244,247,252,255,260,263,269,273,276,280,283,296,300,303,307,310,314,317,345,349,352,356,359,363,366,370],[207,242,243],{},"A sikeres digitális termékek létrehozása nem egy merev sablon követéséről szól – sokkal inkább egy rugalmas keretrendszer kialakításáról, amely alkalmazkodik minden projekt egyedi kihívásaihoz. Több tucat termék finomhangolása után kialakítottam egy olyan folyamatot, amely következetesen hozza az eredményeket, miközben teret hagy a kreativitásnak és az iterációnak.",[207,245,246],{},"Ebben a cikkben végigveszem a teljes tervezési folyamatomat a kezdeti feltárástól a fejlesztői átadásig, esettanulmányként használva a legutóbbi EcoTrack alkalmazáson végzett munkámat.",[248,249,251],"h2",{"id":250},"_1-fázis-feltárás-és-kutatás","1. Fázis: Feltárás és Kutatás",[207,253,254],{},"Minden nagyszerű termék annak a problémának a megértésével kezdődik, amelyet meg kíván oldani. Az EcoTrack esetében a kihívás az volt, hogy olyan lebilincselő módot találjunk a felhasználók környezeti hatásainak követésére, amely nem vált ki bűntudatot és nem terheli túl őket bonyolult adatokkal.",[256,257,259],"h3",{"id":258},"felhasználói-interjúk","Felhasználói Interjúk",[207,261,262],{},"12 potenciális felhasználóval készítettem interjút különböző demográfiai csoportokból, feltérképezve jelenlegi szokásaikat és a fenntarthatósághoz való hozzáállásukat. Ezek a beszélgetések rávilágítottak egy kulcsfontosságú szempontra: a legtöbb ember szeretne környezettudatosabb döntéseket hozni, de elbizonytalanítja őket a hatások kiszámításának összetettsége.",[264,265,266],"blockquote",{},[207,267,268],{},"\"Érdekel a környezetvédelem, de fogalmam sincs, hogy a papírzacskó tényleg jobb-e, mint a műanyag, vagy hogy az újrafelhasználható kulacsom jelent-e egyáltalán bármit.\" — Interjúalany",[256,270,272],{"id":271},"versenytárs-elemzés","Versenytárs Elemzés",[207,274,275],{},"Ezután elemeztem a létező fenntarthatósági alkalmazásokat, egy funkció-összehasonlítási mátrixot készítve a hiányosságok és lehetőségek azonosítására. A versenytársak többsége kizárólag a szénlábnyom kiszámítására összpontosított, de elmulasztott cselekvésre ösztönző útmutatást vagy pozitív megerősítést nyújtani.",[256,277,279],{"id":278},"a-siker-definiálása","A Siker Definiálása",[207,281,282],{},"Mielőtt megnyitottam volna a Figmát, együttműködtem az érintettekkel az egyértelmű sikermutatók meghatározásában:",[284,285,286,290,293],"ul",{},[287,288,289],"li",{},"A napi aktív használat 40%-os növelése",[287,291,292],{},"A környezeti hatások felhasználók általi megértésének javítása",[287,294,295],{},"Mérhető viselkedésbeli változások elérése legalább két fenntarthatósági kategóriában",[248,297,299],{"id":298},"_2-fázis-ötletelés-és-koncepcióalkotás","2. Fázis: Ötletelés és Koncepcióalkotás",[207,301,302],{},"A problématér szilárd megértésével léptem át a folyamat kreatív szakaszába.",[256,304,306],{"id":305},"vázlatkészítés","Vázlatkészítés",[207,308,309],{},"Mindig tollal és papírral kezdek, gyorsan feltárva a különböző megközelítéseket a digitális eszközök korlátai nélkül. Az EcoTrackhez három vázlatfüzetet töltöttem meg koncepciókkal a játékosított élményektől az adatközpontú vezérlőpultokig.",[256,311,313],{"id":312},"információs-architektúra","Információs Architektúra",[207,315,316],{},"A kutatási eredmények alapján felhasználóközpontú információs architektúrát fejlesztettem ki:",[318,319,320,327,333,339],"ol",{},[287,321,322,326],{},[323,324,325],"strong",{},"Vezérlőpult"," — Személyre szabott áttekintés azonnali hatásmutatókkal",[287,328,329,332],{},[323,330,331],{},"Napi Követő"," — Tevékenységek egyszerű naplózása azonnali visszajelzéssel",[287,334,335,338],{},[323,336,337],{},"Fejlődési Út"," — A folyamat vizualizációja az idő múlásával",[287,340,341,344],{},[323,342,343],{},"Cselekvési Központ"," — Személyre szabott ajánlások a felhasználói szokások alapján",[248,346,348],{"id":347},"_3-fázis-prototípus-készítés-és-tesztelés","3. Fázis: Prototípus-készítés és Tesztelés",[207,350,351],{},"A koncepcionális keret felállítása után a prototípus-készítés és tesztelés iteratív ciklusába léptem. A drótvázak tesztelése után interaktív prototípusokat fejlesztettem ki, egyszerűsített adatvizualizációval és azonnali pozitív megerősítésekkel.",[248,353,355],{"id":354},"_4-fázis-vizuális-tervezés-és-design-rendszer","4. Fázis: Vizuális Tervezés és Design Rendszer",[207,357,358],{},"A validált élményre építve kidolgoztam az arculatot és egy átfogó tervezési rendszert (Design System), beleértve a komponenskönyvtárat, a reszponzív layout irányelveket és az akadálymentességi szabványokat.",[248,360,362],{"id":361},"_5-fázis-implementáció-és-iteráció","5. Fázis: Implementáció és Iteráció",[207,364,365],{},"A tervezési folyamat nem ér véget a fejlesztés megkezdésével. Szorosan együttműködtem a fejlesztőkkel, részt vettem a kódátvizsgálásokban, és a bevezetés után is rendszeresen elemeztük a felhasználói visszajelzéseket.",[248,367,369],{"id":368},"eredmények","Eredmények",[207,371,372],{},"Hat hónappal az indulás után az EcoTrack felülmúlta a várakozásokat: 52%-os növekedés a napi aktív használatban, és a felhasználók 78%-a jobb megértésről számolt be a fenntarthatósági döntéseivel kapcsolatban.",{"title":374,"searchDepth":375,"depth":375,"links":376},"",2,[377,383,387,388,389,390],{"id":250,"depth":375,"text":251,"children":378},[379,381,382],{"id":258,"depth":380,"text":259},3,{"id":271,"depth":380,"text":272},{"id":278,"depth":380,"text":279},{"id":298,"depth":375,"text":299,"children":384},[385,386],{"id":305,"depth":380,"text":306},{"id":312,"depth":380,"text":313},{"id":347,"depth":375,"text":348},{"id":354,"depth":375,"text":355},{"id":361,"depth":375,"text":362},{"id":368,"depth":375,"text":369},"2025-04-23","Részletes betekintés az iteratív tervezési módszertanomba a kezdeti kutatástól a végső fejlesztői átadásig, gyakorlati tippekkel minden szakaszhoz.","md","https:\u002F\u002Fimages.pexels.com\u002Fphotos\u002F1050312\u002Fpexels-photo-1050312.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",{},8,{"title":41,"description":392},"WCZNHTmi_A3e9uGVvLoEbqYbklO8sVA39auASIE9_nI",{"id":400,"title":49,"author":401,"body":403,"date":436,"description":437,"extension":393,"image":438,"meta":439,"minRead":440,"navigation":169,"path":50,"seo":441,"stem":51,"__hash__":442},"blog\u002Fhu\u002Fblog\u002Fpsychology-of-color-in-ui-design.md",{"name":235,"avatar":402},{"src":237,"alt":235},{"type":239,"value":404,"toc":434},[405,408,411,414,417],[207,406,407],{},"A szín az egyik legerősebb eszköz egy tervező eszköztárában, mégis gyakran pusztán esztétikai kérdésként kezelik. A Wavelength zenei alkalmazás újratervezéséhez végzett A\u002FB tesztek során lenyűgöző felismerésekre jutottam arról, hogyan befolyásolja a színpszichológia közvetlenül a felhasználói viselkedést.",[207,409,410],{},"Amikor kezdetben elindítottuk az alkalmazást, élénk lila színt használtunk elsődleges cselekvési színként. A szín remekül mutatott a márkánk palettájával, de a konverziós mutatók elmaradtak a várakozásoktól. Különböző elsődleges színek tesztelését javasoltam, miközben minden más elemet változatlanul hagytunk.",[207,412,413],{},"Az eredmények magukért beszéltek: egy adott kék árnyalatra váltás 34%-kal növelte a felhívásra (CTA) kattintások arányát.",[207,415,416],{},"Színválasztási keretrendszerem:",[318,418,419,422,425,428,431],{},[287,420,421],{},"Gondold át, milyen érzelmi reakciót szeretnél kiváltani",[287,423,424],{},"Teszteld a színválasztásokat a célközönségeddel",[287,426,427],{},"Használd a színeket természetes vizuális hierarchia kialakítására",[287,429,430],{},"Vedd figyelembe a kulturális asszociációkat",[287,432,433],{},"Biztosíts megfelelő kontrasztot az olvashatóság és akadálymentesség érdekében",{"title":374,"searchDepth":375,"depth":375,"links":435},[],"2025-03-15","Hogyan befolyásolhatják a stratégiai színválasztások a felhasználói viselkedést, kelthetnek érzelmeket, és javíthatják a digitális termékek élményét.","https:\u002F\u002Fimages.pexels.com\u002Fphotos\u002F40799\u002Fpaper-colorful-color-loose-40799.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",{},5,{"title":49,"description":437},"nXFoSt9PMgKEMyWpyPP7Sa5Kdj3z55zhkxEpadFYkFs",{"id":444,"title":45,"author":445,"body":447,"date":480,"description":481,"extension":393,"image":482,"meta":483,"minRead":484,"navigation":169,"path":46,"seo":485,"stem":47,"__hash__":486},"blog\u002Fhu\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch.md",{"name":235,"avatar":446},{"src":237,"alt":235},{"type":239,"value":448,"toc":478},[449,452,455,458,461,475],[207,450,451],{},"Miután éveken át minden projektet egy üres Figma fájllal kezdtem, végül belevágtam, és létrehoztam a saját átfogó design rendszeremet. A folyamat egyszerre volt kihívásokkal teli és hihetetlenül kifizetődő.",[207,453,454],{},"Öt korábbi projektem auditálásával kezdtem, azonosítva a közös mintákat és komponenseket. Ez olyan inkonzisztenciákra világított rá, amelyeket korábban észre sem vettem: hét kissé eltérő gombstílus, következetlen térközök és egyértelmű cél nélkül változó szövegstílusok.",[207,456,457],{},"Ahelyett, hogy előre megalkottam volna egy merev rendszert, egy valós ügyfélprojekten keresztül építettem fel. Az EcoTrack alkalmazáshoz tervezés közben dokumentáltam az egyes komponenseket, így egy élő rendszer jött létre.",[207,459,460],{},"A rendszerem magja:",[284,462,463,466,469,472],{},[287,464,465],{},"Rugalmas színrendszer szemantikus elnevezésekkel",[287,467,468],{},"Aranymetszésen alapuló tipográfiai skálák",[287,470,471],{},"Komponens-variációk egyértelmű használati irányelvekkel",[287,473,474],{},"Térköz- és elrendezési szabályok a konzisztencia megőrzésére",[207,476,477],{},"A legnagyobb kihívás nem technikai, hanem pszichológiai jellegű volt: megtanulni bízni a rendszerben ahelyett, hogy minden új problémára új megoldást találnék ki. Az eredmény azonban óriási: a tervezési folyamatom 40%-kal gyorsabb lett, és a fejlesztői átadás sokkal zökkenőmentesebb.",{"title":374,"searchDepth":375,"depth":375,"links":479},[],"2025-03-05","Gyakorlati útmutató a saját tervezési rendszer létrehozásához a kezdeti auditálástól a megvalósításig, és a folyamat során szerzett tanulságok.","https:\u002F\u002Fimages.pexels.com\u002Fphotos\u002F196644\u002Fpexels-photo-196644.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",{},6,{"title":45,"description":481},"mtjmjEluTLDWhvYV1Hi35Rof9l-Hz6InDDBRjqbfKEE",1787910657731]