{"id":21666,"date":"2023-10-18T22:56:43","date_gmt":"2023-10-18T09:56:43","guid":{"rendered":"https:\/\/goit.global\/?post_type=blog&#038;p=21666"},"modified":"2023-10-18T22:58:06","modified_gmt":"2023-10-18T09:58:06","slug":"ux-ui-design-vs-graphic-design","status":"publish","type":"blog","link":"https:\/\/dev.goit.global\/ro\/blog\/ux-ui-design-vs-graphic-design\/","title":{"rendered":"UX\/UI design vs graphic design"},"content":{"rendered":"\n<div id=\"text-editor-block_6e4aa69f0fd1b84a6d7922b9406092d7\" class=\"wrapper gb-text-editor \">\n\n\t<p><span style=\"font-weight: 400;\">UX\/UI design vs design este o tem\u0103 care aduce \u00een discu\u021bie diferen\u021bele \u0219i asem\u0103n\u0103rile dintre dou\u0103 domenii importante ale designului digital. UX\/UI design se refer\u0103 la designul experien\u021bei \u0219i al interfe\u021bei utilizatorului, care se ocup\u0103 de modul \u00een care utilizatorii interac\u021bioneaz\u0103 cu un produs digital, cum ar fi un site web, o aplica\u021bie, un joc, etc. Designul se refer\u0103 la designul grafic, care se ocup\u0103 de aspectul vizual al unui produs digital, cum ar fi culorile, fonturile, imaginile, etc. \u00cen acest articol, vom prezenta c\u00e2teva aspecte esen\u021biale despre UX\/UI design vs design, cum ar fi:<\/span><\/p>\n\n<\/div>\n\n\n    <img loading=\"lazy\" decoding=\"async\"\n        id=\"image-block_5c4e632b2afba3cb1659f5529c55a4b3\"\n        class=\"gb-image\"\n        src=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/10\/18223114\/Facebook-post-97.png\"\n        alt=\"\"\n        width=\"1200\"\n        height=\"630\"\/>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<h3 id=\"header-block_684a0d147999a87555757529d62cfbc6\" class=\"wrapper gb-header h3\">Ce este UX\/UI design?<\/h3>\n\n\n<div id=\"text-editor-block_f61392318bb036668b9f5b5a1f93e11c\" class=\"wrapper gb-text-editor \">\n\n\t<p><span style=\"font-weight: 400;\">UX\/UI design este un domeniu care combin\u0103 dou\u0103 concepte: UX design \u0219i UI design.\u00a0<\/span><\/p>\n<p><b>Designul UI<\/b><span style=\"font-weight: 400;\">: Aceast\u0103 component\u0103 se refer\u0103 la aspectul vizual al unei aplica\u021bii sau <\/span><a href=\"https:\/\/ro.wikipedia.org\/wiki\/Site_web#:~:text=No%C8%9Biunea%20site%20web%20provine%20din,ele%20prin%20a%C8%99a%2Dnumite%20hiperlinkuri.\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">site web<\/span><\/a><span style=\"font-weight: 400;\">. Designerii UI sunt responsabili pentru crearea elementelor de interfa\u021b\u0103, cum ar fi butoanele, meniurile \u0219i aspectul general al unei aplica\u021bii. Ei se asigur\u0103 c\u0103 interfa\u021ba este estetic pl\u0103cut\u0103 \u0219i u\u0219or de \u00een\u021beles pentru utilizatori.<\/span><\/p>\n<p><b>Designul UX<\/b><span style=\"font-weight: 400;\">: User Experience se concentreaz\u0103 pe experien\u021ba global\u0103 a utilizatorilor atunci c\u00e2nd interac\u021bioneaz\u0103 cu un produs. Designerii UX sunt implica\u021bi \u00een cercetarea utilizatorilor, \u00een\u021belegerea nevoilor \u0219i obiectivelor acestora \u0219i crearea unui flux de utilizare optim. Scopul principal este de a asigura c\u0103 utilizatorii pot folosi produsul cu u\u0219urin\u021b\u0103 \u0219i se simt satisf\u0103cu\u021bi de experien\u021ba lor.<\/span><\/p>\n\n<\/div>\n\n\n    <img loading=\"lazy\" decoding=\"async\"\n        id=\"image-block_cbdbf10170f851ac61c662f3ce448bad\"\n        class=\"gb-image\"\n        src=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/10\/18223117\/Facebook-post-98.png\"\n        alt=\"\"\n        width=\"1200\"\n        height=\"630\"\/>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<h3 id=\"header-block_06fb83225533c3fbef0500b9411bd597\" class=\"wrapper gb-header h3\">Ce este designul?<\/h3>\n\n\n<div id=\"text-editor-block_1cdf43e287d0262044f6a89d734e0804\" class=\"wrapper gb-text-editor \">\n\n\t<p><span style=\"font-weight: 400;\">Designul este un domeniu care se ocup\u0103 de designul grafic, care se traduce prin designul vizual. Designul grafic se ocup\u0103 de aspectul estetic al unui produs digital, prin folosirea elementelor vizuale, cum ar fi culorile, fonturile, imaginile, etc. Designul grafic implic\u0103 crearea, alegerea \u0219i combinarea elementelor vizuale, pentru a transmite un mesaj, o idee sau o emo\u021bie prin produsul digital. Designul grafic \u021bine cont de principiile \u0219i tehnicile de design, cum ar fi contrastul, alinierea, repeti\u021bia, propor\u021bia, etc., pentru a asigura un aspect armonios, echilibrat \u0219i coerent al produsului digital.<\/span><\/p>\n\n<\/div>\n\n\n<h3 id=\"header-block_1d44e544d6135d819ec08dd664ce63b2\" class=\"wrapper gb-header h3\">Care sunt diferen\u021bele dintre UX\/UI design \u0219i design?<\/h3>\n\n\n<div id=\"text-editor-block_5e4b1eaa8c845ca08944e26939f42802\" class=\"wrapper gb-text-editor \">\n\n\t<p><span style=\"font-weight: 400;\">UX\/UI design \u0219i design sunt dou\u0103 domenii care se suprapun \u0219i se completeaz\u0103, dar care au \u0219i diferen\u021be semnificative. Unele dintre diferen\u021bele dintre UX\/UI design \u0219i design sunt:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Scopul: UX\/UI design are ca scop principal s\u0103 asigure o experien\u021b\u0103 \u0219i o interac\u021biune optim\u0103 pentru utilizatorii unui produs digital, \u00een func\u021bie de nevoile, dorin\u021bele \u0219i obiectivele lor. Designul are ca scop principal s\u0103 asigure un aspect vizual atractiv \u0219i expresiv pentru un produs digital, \u00een func\u021bie de mesajul, ideea sau emo\u021bia pe care vrea s\u0103 o transmit\u0103.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Procesul: UX\/UI design implic\u0103 un proces iterativ \u0219i colaborativ, care presupune cercetarea, analiza, prototiparea \u0219i testarea produsului, pentru a ob\u021bine feedback \u0219i a \u00eembun\u0103t\u0103\u021bi solu\u021biile. Designul implic\u0103 un proces creativ \u0219i artistic, care presupune crearea, alegerea \u0219i combinarea elementelor vizuale, pentru a ob\u021bine un rezultat estetic \u0219i semnificativ.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Instrumentele: UX\/UI design folose\u0219te instrumente specifice pentru a crea \u0219i a testa prototipuri func\u021bionale ale produsului, cum ar fi <\/span><a href=\"https:\/\/www.figma.com\/files\/recents-and-sharing?fuid=1245704268270989635\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Figma<\/span><\/a><span style=\"font-weight: 400;\">, Sketch, Adobe XD, etc. Designul folose\u0219te instrumente specifice pentru a crea \u0219i a edita elemente vizuale ale produsului, cum ar fi Photoshop, Illustrator, InDesign, etc.<\/span><\/li>\n<\/ul>\n\n<\/div>\n\n\n<h3 id=\"header-block_c7e6fe98008107254c1a95783c259b9f\" class=\"wrapper gb-header h3\">Care sunt asem\u0103n\u0103rile dintre UX\/UI design \u0219i design? <\/h3>\n\n\n<div id=\"text-editor-block_82ecaa1606527412dfaaaa1d884938e8\" class=\"wrapper gb-text-editor \">\n\n\t<p><span style=\"font-weight: 400;\">UX\/UI design \u0219i design sunt dou\u0103 domenii care se bazeaz\u0103 \u0219i se influen\u021beaz\u0103 reciproc, dar care au \u0219i asem\u0103n\u0103ri importante. Unele dintre asem\u0103n\u0103rile dintre UX\/UI design \u0219i design sunt:<\/span><\/p>\n\n<\/div>\n\n\n\n<div id=\"num-list-block_33a5b5d5b805c74c245e41ec63421383\" class=\"wrapper gb-num-list\">\n\n\t<ol><li><p><b>Obiectivul<\/b><span style=\"font-weight: 400;\">: UX\/UI design \u0219i design au ca obiectiv comun s\u0103 creeze un produs digital de calitate, care s\u0103 satisfac\u0103 \u0219i s\u0103 dep\u0103\u0219easc\u0103 a\u0219tept\u0103rile utilizatorilor \u0219i ale clien\u021bilor, \u0219i s\u0103 se diferen\u021bieze de concuren\u021b\u0103.<\/span><\/p>\n<\/li><li><p><b>Cuno\u0219tin\u021bele<\/b><span style=\"font-weight: 400;\">: UX\/UI design \u0219i design necesit\u0103 cuno\u0219tin\u021be solide despre principiile \u0219i tehnicile de design, cum ar fi contrastul, alinierea, repeti\u021bia, propor\u021bia, etc., pentru a asigura un produs digital armonios, echilibrat \u0219i coerent.<\/span><\/p>\n<\/li><li><p><b><\/b><b>Abilit\u0103\u021bile<\/b><span style=\"font-weight: 400;\">: UX\/UI design \u0219i design necesit\u0103 abilit\u0103\u021bi de comunicare, de lucru \u00een echip\u0103, de rezolvare a problemelor, de g\u00e2ndire critic\u0103 \u0219i creativ\u0103, de adaptare la schimb\u0103ri, etc., pentru a face fa\u021b\u0103 provoc\u0103rilor \u0219i oportunit\u0103\u021bilor din domeniul designului digital.<\/span><\/p>\n<\/li><\/ol>\n<\/div>\n\n<h3 id=\"header-block_9f34da67bd00dcf4a7a072aeb9403571\" class=\"wrapper gb-header h3\">Interac\u021biunea dintre UX\/UI design \u0219i graphic design<\/h3>\n\n\n<div id=\"text-editor-block_f497458c18d429f9cf155b90df8e37a9\" class=\"wrapper gb-text-editor \">\n\n\t<p><span style=\"font-weight: 400;\">Este important de men\u021bionat c\u0103 aceste dou\u0103 domenii nu sunt \u00een conflict, ci se completeaz\u0103 reciproc. Un site web bine proiectat, de exemplu, are nevoie de un design grafic atractiv pentru a atrage utilizatorii, dar \u0219i de un design UX\/UI func\u021bional pentru a le oferi o experien\u021b\u0103 pl\u0103cut\u0103 \u0219i u\u0219or de navigat.<\/span><\/p>\n\n<\/div>\n\n\n    <img loading=\"lazy\" decoding=\"async\"\n        id=\"image-block_e634829bea76c1df05a65ab557c8d4b3\"\n        class=\"gb-image\"\n        src=\"https:\/\/web-dev-goit.s3.eu-north-1.amazonaws.com\/app\/uploads\/2023\/10\/18223120\/Facebook-post-99.png\"\n        alt=\"\"\n        width=\"1200\"\n        height=\"630\"\/>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<h3 id=\"header-block_43aa96d5b1b23dba9bf0bbdacfca2c55\" class=\"wrapper gb-header h3\">UX\/UI design vs graphic design &#8211; Ce s\u0103 alegi<\/h3>\n\n\n<div id=\"text-editor-block_768b13a052479872b57872fe3538f90a\" class=\"wrapper gb-text-editor \">\n\n\t<p><span style=\"font-weight: 400;\">Pentru a lua o decizie informat\u0103 cu privire la cariera \u00een design, este important s\u0103 \u00een\u021belegi ce te pasioneaz\u0103 cel mai mult \u0219i care sunt abilit\u0103\u021bile tale naturale. Iat\u0103 c\u00e2teva aspecte de luat \u00een considerare:<\/span><\/p>\n<p><b>1. Aptitudinile Tale Naturale<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Dac\u0103 ai un talent natural pentru a crea elemente vizuale uimitoare, designul grafic poate fi o alegere potrivit\u0103 pentru tine. Pe de alt\u0103 parte, dac\u0103 e\u0219ti interesat de modul \u00een care oamenii interac\u021bioneaz\u0103 cu produsele digitale \u0219i dore\u0219ti s\u0103 \u00eembun\u0103t\u0103\u021be\u0219ti experien\u021ba lor, <\/span><a href=\"https:\/\/goit.global\/ro\/blog\/ui-ux-design-ce-este-in-ce-consta-si-de-ce-reprezinta-cea-mai-creativa-ramura-din-it\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">UX\/UI design<\/span><\/a><span style=\"font-weight: 400;\"> ar putea fi mai potrivit.<\/span><\/p>\n<p><b>2. Interesele Personale<\/b><\/p>\n<p><span style=\"font-weight: 400;\">G\u00e2ndi\u021bi-v\u0103 la ceea ce v\u0103 intereseaz\u0103 \u0219i v\u0103 pasioneaz\u0103 cel mai mult. Dac\u0103 e\u0219ti fascinat de modul \u00een care oamenii navigheaz\u0103 pe site-uri web sau folosesc aplica\u021bii, <\/span><a href=\"https:\/\/goit.global\/ro\/blog\/educatia-ui-ux\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">UX\/UI design<\/span><\/a><span style=\"font-weight: 400;\"> poate oferi oportunit\u0103\u021bi interesante pentru a explora aceste aspecte. \u00cen schimb, dac\u0103 te bucuri de crearea ilustra\u021biilor, a materialelor de marketing \u0219i de exprimarea artistic\u0103, designul grafic poate fi cea mai potrivit\u0103 alegere.<\/span><\/p>\n<p><b>3. Cererea pie\u021bei de munc\u0103<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Este important s\u0103 \u021bii cont de cererea pie\u021bei de munc\u0103 \u00een domeniul pe care \u00eel alegi. Ambele domenii, UX\/UI design \u0219i design grafic, au o cerere considerabil\u0103, dar pot varia \u00een func\u021bie de loca\u021bie \u0219i industrie. Cercetarea cererii de locuri de munc\u0103 \u0219i a tendin\u021belor pie\u021bei poate ajuta la luarea unei decizii informate.<\/span><\/p>\n<p><b>4. Educa\u021bia \u0219i formarea<\/b><\/p>\n<p><span style=\"font-weight: 400;\">At\u00e2t UX\/UI design, c\u00e2t \u0219i <\/span><a href=\"https:\/\/webkino.ro\/ce-este-un-graphic-designer\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">designul grafic<\/span><\/a><span style=\"font-weight: 400;\">, beneficiaz\u0103 de educa\u021bie \u0219i formare specializat\u0103. Ar trebui s\u0103 lua\u021bi \u00een considerare dac\u0103 sunte\u021bi preg\u0103ti\u021bi s\u0103 v\u0103 angaja\u021bi la \u00eenv\u0103\u021barea continu\u0103 \u0219i s\u0103 v\u0103 perfec\u021biona\u021bi abilit\u0103\u021bile \u00een domeniul ales. Exist\u0103 cursuri \u0219i programe de formare care v\u0103 pot ajuta s\u0103 v\u0103 dezvolta\u021bi \u00een ambele domenii.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">\u00cen concluzie, diferen\u021ba principal\u0103 \u00eentre UX\/UI design \u0219i designul grafic const\u0103 \u00een focusul lor. UX\/UI design se axeaz\u0103 pe experien\u021ba utilizatorului \u0219i interac\u021biunea cu produsul, \u00een timp ce designul grafic se concentreaz\u0103 pe comunicarea vizual\u0103. Ambele domenii sunt esen\u021biale \u00een lumea designului \u0219i lucreaz\u0103 \u00eempreun\u0103 pentru a crea produse \u0219i experien\u021be de succes.<\/span><\/p>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Afl\u0103 diferen\u021bele \u0219i asem\u0103n\u0103rile dintre dou\u0103 domenii importante ale designului digital. Descoper\u0103 ce este \u0219i ce face un UX\/UI designer \u0219i un designer grafic, ce competen\u021be \u0219i instrumente folosesc, \u0219i cum se completeaz\u0103 \u0219i se influen\u021beaz\u0103 reciproc.<\/p>\n","protected":false},"featured_media":21718,"menu_order":0,"template":"","meta":{"inline_featured_image":false},"categories":[],"tags":[],"class_list":["post-21666","blog","type-blog","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.goit.global\/ro\/wp-json\/wp\/v2\/blog\/21666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.goit.global\/ro\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/dev.goit.global\/ro\/wp-json\/wp\/v2\/types\/blog"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.goit.global\/ro\/wp-json\/wp\/v2\/media\/21718"}],"wp:attachment":[{"href":"https:\/\/dev.goit.global\/ro\/wp-json\/wp\/v2\/media?parent=21666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.goit.global\/ro\/wp-json\/wp\/v2\/categories?post=21666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.goit.global\/ro\/wp-json\/wp\/v2\/tags?post=21666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}