آموزش UI/UX (طراحی رابط و تجربه کاربری)

طراحی رابط کاربری پیشرفته
آموزش UI/UX از شناخت کاربر و معماری اطلاعات تا طراحی رابط، Figma، پروتوتایپ، دیزاین سیستم و اجرای پروژه کامل وب و اپلیکیشن.

شروع دوره

3 آذر ۱۴۰۵

روز دیگر
ساعت‌
دقیقه
ثانیه

اطلاعات برگزاری دوره

شهریه دوره

11,900,000 تومان

روزهای برگزاری

سه شنبه ها

ساعت آموزش

18 الی 21

مدت دوره

50 ساعت آموزشی

نوع دوره

حضوری, کارگاهی

شرایط پرداخت

نقد و اقساط

امیرکبیر کارت

شامل میشود

معرفی دوره

دوره آموزش UI/UX برای افرادی طراحی شده است که می خواهند طراحی رابط و تجربه کاربری را به صورت اصولی، پروژه محور و متناسب با نیاز بازار یاد بگیرند. هنرجو در این مسیر با مفاهیم پایه تجربه کاربری، شناخت کاربر، پرسونای مخاطب، مسیر کاربر و معماری اطلاعات آشنا می شود و سپس به طراحی رابط کاربری حرفه ای می رسد. کار با Figma، FigJam و ابزارهای مرتبط برای ساخت وایرفریم، یوزرفلو، کامپوننت، دیزاین سیستم و پروتوتایپ تمرین می شود. در ادامه اصول رنگ، تایپوگرافی، فاصله گذاری، گرید، آیکون، طراحی اتمی، سلسله مراتب بصری و الگوهای رابط بررسی می شوند. هنرجو روی نمونه های اپلیکیشن و وب سایت کار می کند و یاد می گیرد تصمیم های طراحی را بر اساس نیاز کاربر و هدف محصول بگیرد. در پایان دوره می تواند یک پروژه کامل UI/UX را از تحقیق اولیه تا طراحی نهایی و ارائه حرفه ای برای پورتفولیو اجرا کند.

معرفی دوره های حضوری آموزشگاه امیرکبیر

آنچه در این دوره یاد می‌گیرید

سرفصل‌های دوره

سرفصل‌های دوره به‌صورت مرحله‌به‌مرحله تنظیم شده‌اند تا دانشجو از مباحث پایه شروع کند و در طول جلسات با تمرین‌ها و مثال‌های عملی، مهارت‌های موردنیاز را یاد بگیرد.

01 آشنایی با تاریخچه و اصطلاحات
02 آشنایی با محیط نرم افزارهای zeplin/Adobe Xd/figma
03 معرفی دقیق و کامل تر از UX
04 شغل های مربوط به UX
05 توضیح مراحل کاری طراحی تجربه کاربری
06 توضیح شغل طراحی محصول
07 آشنایی با FigJam و شیوه کارکردن با آن برای طراحی یوزرفلو
08 آشنایی با نرم افزار Miro
09 طراحی information Architecture – persona – user journey map
10 معرفی کامل تراز UI یا طراحی رابط کاربری و تفاوت آن با UX
11 طراحی استایل برای شروع یک پروژه (رنگ و فونت ها و آیکون ها و سایه ها)
12 معرفی ابتدایی دیزاین سیستم
13 طراحی Dialogs – Menu – FABs – Chips – Cards – Icon Buttons – Buttons
14 اصول اصلی طراحی رابط کاربری(1) رنگ و فونت
15 طراحی Navigation Bars – Side Bar – Text Fields – Switch
16 اصول اصلی طراحی رابط کاربری(2) آیکون / طراحی اتمی / فضای خالی
17 آموزش برخی از موارد Figma مثل اتولی اوت و ساخت کامپوننت واریانت
18 معرفی یک سری پلاگین و منوهای آکاردئونی در فیگما
19 اصول اصلی طراحی رابط کاربری (3) گرید – سادگی و یکپارچگی
20 طراحی اپلیکیشن 1
21 اصول اصلی طراحی رابط کاربری (4)
22 سلسله مراتب عکس ها
23 تصویر سازی
24 موشن و گشتالت
25 طراحی اپلیکیشن 2
26 اصول اصلی طراحی رابط کاربری (5)
27 جهت های بصری و ترندهای طراحی رابط کاربری
28 طراحی وب سایت 1
29 تکمیل شناخت دیزاین سیستم ها
30 طراحی وب سایت 2

در این دوره چه مهارت‌هایی کسب می‌کنید؟

تحلیل نیاز کاربر و تبدیل آن به مسیرهای روشن در محصول
ساخت پرسونای کاربردی و ترسیم مسیر واقعی تجربه کاربر
طراحی معماری اطلاعات و یوزرفلو برای محصولات دیجیتال
ساخت وایرفریم و پروتوتایپ قابل تست برای وب و اپلیکیشن
طراحی رابط منسجم با رنگ، تایپوگرافی، گرید و فاصله گذاری
ساخت کامپوننت و دیزاین سیستم قابل توسعه در Figma
ارزیابی رابط و اصلاح تصمیم های طراحی بر اساس بازخورد
ساخت پروژه کامل UI/UX قابل ارائه در پورتفولیو
مهارت ها و مخاطبین دوره های امیرکبیر

این دوره مناسب چه کسانی است؟

علاقه مندان به طراحی رابط و تجربه کاربری
طراحان گرافیک متقاضی ورود به حوزه محصول دیجیتال
طراحان سایت و فرانت اند
دانشجویان هنر، گرافیک و رشته های مرتبط
فریلنسرهای حوزه طراحی دیجیتال
صاحبان کسب و کارهای اینترنتی
افراد متقاضی ساخت پورتفولیوی UI/UX

دوره‌های مرتبط

پکیج‌های آموزشی مرتبط با این موضوع

اگر امکان شرکت در کلاس را ندارید یا ترجیح می‌دهید در زمان دلخواه خودتان آموزش ببینید، می‌توانید از پکیج‌های آموزشی آموزشگاه امیرکبیر استفاده کنید.

دسترسی دائمی به محتوا

بدون محدودیت زمان و مکان

مشاهده در موبایل و لپ‌تاپ

اعتبار، مهارت، فرصت‌های بیشتر

مدارک و گواهینامه‌های دوره

با توجه به نوع دوره و شرایط دریافت مدرک، امکان دریافت یک یا چند مورد از مدارک و گواهینامه‌های آموزشی وجود دارد.

گواهینامه مجتمع آموزشی امیرکبیر

گواهینامه آموزشی مجتمع امیرکبیر

گواهینامه فنی و حرفه‌ای

امکان دریافت گواهینامه رسمی سازمان فنی و حرفه‌ای کشور

مدارک وزارت علوم / مهارت پودمانی

امکان دریافت مدارک مورد تایید وزارت علوم، تحقیقات و فناوری (حسب دوره)

مدرک بین‌المللی QAL

قابل ترجمه و معتبر در سطح بین‌المللی

گواهینامه مجتمع آموزشی امیرکبیر

* تصویر نمونه است و نوع گواهینامه با توجه به دوره و شرایط دریافت می‌تواند متفاوت باشد.

پاسخ به سوالات پرتکرار

پاسخ برخی از سوالات رایج درباره ثبت‌نام و شرکت در این دوره را اینجا ببینید.

آیا برای شروع یادگیری طراحی گرافیک سایت نیاز به دانش قبلی دارم؟
خیر، برای شروع یادگیری طراحی گرافیک سایت نیازی به دانش قبلی ندارید. دوره آموزش طراحی رابط کاربری سایت در مجتمع آموزشی امیرکبیر برای مبتدیان طراحی شده اند و از مبانی پایه ای شروع می کنند.
چه ابزارها و نرم افزارهایی برای طراحی گرافیک سایت استفاده می شود؟
برخی از ابزارهای محبوب برای طراحی گرافیک سایت شامل Adobe Photoshop, Adobe Illustrator, Sketch و Figma است. هر یک از این ابزارها ویژگی ها و قابلیت های منحصر به فردی دارند که در مجتمع آموزشی امیرکبیر از نرم افزار فیگما استفاده می شود.
چه مهارت ها و مفاهیمی را باید یاد بگیرم؟
برای طراحی گرافیک سایت، شما نیاز به مفاهیم اساسی طراحی گرافیک، تجربه کاربری (UX), تجربه کاربر (UI), طراحی وایرفریم (Wireframing), و نیز آشنایی با استانداردها و روش های طراحی وب دارید.

اطلاعات تکمیلی

آموزش طراحی گرافیک سایت امروزه یکی از مهارت های حیاتی برای هر فردی است که می خواهد در حوزه وب و دیجیتال موفق باشد. طراحی گرافیک نه تنها تاثیر قابل توجهی در جلب توجه و جذب کاربران دارد، بلکه ارتباط موثر و قوی با آن ها را ایجاد می کند. طراحی صحیح و جذاب می تواند به بهبود تجربه کاربری کمک کرده و کسب و کارها را در مسیر موفقیت قرار دهد.

بنابراین، یادگیری مبانی و اصول طراحی گرافیک سایت نه تنها افزایش قابلیت ها و توانمندی های شما را به عنوان یک طراح وب می کند، بلکه به شما کمک می کند تا پروژه ها و کارهای خود را با کیفیت و حرفه ای انجام دهید.

آموزش طراحی گرافیک سایت شامل چه مواردی است؟

طراحی گرافیک سایت

طراحی گرافیک سایت، بخش مهمی از فرآیند طراحی وب است که شامل استفاده از عناصر گرافیکی، رنگ ها، تصاویر، نوشته ها، و دیگر عناصر طراحی است تا تجربه کاربری را بهبود ببخشد و محتوا را جذاب تر و موثرتر کند.

در طراحی گرافیک سایت، برخی از موارد کلیدی عبارتند از:

1- توانمندی ارتباط بصری (Visual Communication) : ایجاد یک ارتباط موثر و قوی با کاربران از طریق تصاویر، نمودارها، و عناصر گرافیکی است.

2- استفاده از رنگ (Color Theory) : انتخاب رنگ ها با توجه به اثرات روحی و احساسی که ایجاد می کنند و همچنین تطابق با برند و هویت بصری سایت.

3- نوع و فونت (Typography) : استفاده از فونت ها برای افزایش خوانایی و تاثیر گذاری بر تجربه خوانندگان.

4- تراکم و توازن (Layout & Composition) : طراحی یک لی آوت متعادل و آسان برای خواندن و ناوبری.

5- تصاویر و گرافیک (Images & Graphics) : استفاده از تصاویر با کیفیت بالا و گرافیک های جذاب برای جلب توجه و تقویت پیام.

6- تطابق با تجربه کاربری (User Experience, UX) : ترکیب طراحی گرافیک با تجربه کاربری موثر برای افزایش رضایت و راحتی کاربران.

چرا طراح سایت باید طراحی گرافیک سایت یاد بگیرد؟

یک طراح سایت نیاز دارد تا طراحی گرافیک سایت را یاد بگیرد زیرا این مهارت می تواند تاثیر بسزایی بر کیفیت و اثربخشی پروژه های وب او داشته باشد. طراحی گرافیک سایت باعث می شود تا ارتباط بین کاربر و سایت بهبود یابد و تجربه کاربری به یک سطح جدید ارتقا یابد.

از طریق طراحی گرافیک، طراح می تواند پیام خود را به صورت واضح و جذاب به کاربران ارائه دهد و با استفاده از عناصر گرافیکی، رنگ ها، و فونت ها، احساسات و ارتباطات عمیق تری را ایجاد کند. علاوه بر این، یک طراح با آموزش در زمینه طراحی گرافیک سایت می تواند بهبودهای طراحی ها را بر اساس فهم عمیق تری از اصول طراحی و تجربه کاربری ایجاد کند، که به نتیجه گیری بهتر و پروژه هایی با کیفیت بالاتر منجر می شود.

” در نهایت، یادگیری طراحی گرافیک سایت به یک طراح امکان می دهد که با مهارت و اعتماد بیشتری به پروژه های خود بپردازد و بازخوردهای مثبت و موفقیت های بیشتری را به دست آورد. “

آموزش طراحی گرافیک سایت یا UI/UX چیست؟

طراحی گرافیک سایت یا UIUX

در ابتدا بهتر است به این سئوال پاسخ دهیم که UX و UI چیست. احتمالاً شما نیز حین وبگردی، با وب سایت هایی مواجه شده اید که از نظرِ شکل ظاهری، موردپسندتان نبوده اند و یا آنکه استفاده از آنها، ساده و راحت نبوده است. همه ی این موضوعات در حیطه ی مفاهیم UX و UI است. در ادامه توضیحات دقیقی در مورد این مفاهیم ارائه شده است و به این نتیجه خواهیم رسید که آموزش UX و UI تا چه حد در بازارِ کار اهمیت دارند.

در آموزش طراحی گرافیک سایت، UI چه نقشی دارد؟

در واقع UI مخفف عبارت انگلیسی User Interface به معنای « رابط کاربری » است. اگر بخواهیم مفهومِ UI را به صورت ساده بیان کنیم، در واقع آن چیزی از وب سایت که کاربر آن را می بیند، همان بخش UI است و البته بیشتر به جنبه ی گرافیکی موضوع می پردازد. از این نظر، UI وب سایت ارتباط تنگاتنگی با موضوع Front End دارد که در مباحث برنامه نویسی وب به آن پرداخته می شود.

به عبارت دیگر طراح گرافیست UI، بر اساس اصول و مبانی گرافیک، طراحی UI وب سایت را با استفاده از ابزارها و نرم افزارهای مختلف انجام می دهد و سپس طرحِ نهایی را در اختیار برنامه نویس فرانت اند قرار می دهد. در این مرحله، برنامه نویس وب با استفاده از زبان های برنامه نویسی وب، طرح دریافتی از گرافیست را بر روی وب سایت پیاده سازی می کند.

” به عنوان مثال هارمونی رنگی مورد استفاده در وب سایت، شکل دکمه ها، منوها، ساید بارها و … همه از جمله مواردی هستند که در طراحی UI وب سایت به آنها توجه خواهد شد. “

آموزش رابط کاربری UI در آموزش طراحی گرافیک سایت

آموزش رابط کاربری UI

همانطور که گفتیم، رابط کاربری یا UI (User Interface)، عبارت است از سری از عناصر گرافیکی و تعاملی که برای ارتباط بین کاربر و سیستم یا برنامه طراحی می شود. یک رابط کاربری موفق باید انعطاف پذیر، کارا، و ساده برای استفاده باشد تا کاربران بتوانند به راحتی و بدون مشکلات از آن استفاده کنند.

چند مفهوم کلیدی در زمینه آموزش طراحی رابط کاربری شامل موارد زیر است:

1- تحلیل کاربر : برای طراحی یک رابط کاربری موثر، باید ابتدا نیازها، نیازهای، و توقعات کاربران را بفهمیم.

2- طراحی وایرفریم (Wireframe) : این یک نمودار ساده و بدون جزئیات است که تراکم و توزیع عناصر گرافیکی را نشان می دهد.

3- طراحی تعاملی (Interactive Design) : در این مرحله، ارتباط کاربر با رابط کاربری طراحی می شود. این شامل ورود اطلاعات، ناوبری، و تعامل با المان های گرافیکی است.

4- تست و بازخورد : پس از ایجاد طراحی نهایی، باید آن را با گروهی از کاربران تست کنیم تا نقاط قوت و ضعف طراحی را شناسایی کنیم.

5- توسعه و پیاده سازی : در این مرحله، طراحی رابط کاربری به یک سایت واقعی یا برنامه تبدیل می شود.

نقش فیگما در آموزش طراحی گرافیک سایت :

نقش فیگما در طراحی گرافیک سایت

آموزش نرم افزار فیگما در اصفهان یکی از ابزارهای محبوب و پرکاربرد در زمینه طراحی گرافیک وب و رابط کاربری (UI/UX) است. فیگما یک ابزار طراحی وب باز است که در مرورگر اجرا می شود و به کاربران امکان می دهد تا با همکاری در زمان واقعی، طراحی و توسعه پروژه های گرافیکی را انجام دهند.

با استفاده از نرم افزار، طراحان می توانند وایرفریم ها، پروتوتایپ ها، و طرح های طراحی رابط کاربری را با دقت بالا ایجاد و به اشتراک بگذارند. همچنین، فیگما قابلیت همکاری زنده در زمان واقعی را فراهم می کند که این امکان را می دهد تا چندین فرد به صورت همزمان روی یک پروژه کار کنند و تغییرات را به صورت فوری مشاهده کنند.

با توجه به ویژگی های قدرتمند و امکانات گسترده ای که آموزش فیگما ارائه می دهد، این ابزار به سرعت جایگاه خود را در صنعت طراحی گرافیک و رابط کاربری به عنوان یکی از ابزارهای کلیدی و اساسی برای طراحان حرفه ای ایجاد کرده است.

آموزش طراحی گرافیک سایت به درد چه کسانی می خورد؟

آموزش طراحی گرافیک وب به درد افرادی می خورد که قصد دارند توانمندی های خود را در زمینه وب و دیجیتال ارتقاء دهند. این آموزش مناسب برای گرافیست ها، طراحان وب، توسعه دهندگان وب، کارآفرینان دیجیتال، و هر کسی که به دنبال یادگیری مهارت های طراحی جذاب و کاربرمحور برای ایجاد تجربه های کاربری برتر است.

” همچنین، افرادی که قصد دارند وب سایت های شخصی، پروژه های وب، یا حتی کسب و کارهای اینترنتی راه اندازی کنند، نیز می توانند از این آموزش بهره مند شوند. “

آموزش طراحی گرافیک سایت در اصفهان

مجتمع آموزشی امیرکبیر اصفهان با ارائه تخصصی ترین دوره آموزش طراحی رابط کاربری سایت، فرصتی استثنایی برای دانش آموزان و علاقه مندان به زمینه وب و طراحی فراهم می کند. این دوره با استفاده از متدها و ابزارهای پیشرفته، به شرکت کنندگان آموزش های عملی و تجربی را ارائه می دهد تا آن ها را برای مواجهه با چالش ها و نیازهای مدرن طراحی رابط کاربری آماده کند.

این دوره با پوشش مباحث مانند تحلیل کاربر، طراحی تعاملی، و تست و بازخورد، شرکت کنندگان را به یک سطح جهانی از توانمندی و شناخت در زمینه رابط کاربری سایت می رساند. همچنین، در پایان دوره، شرکت کنندگان با دریافت یک مدرک بین المللی، توانایی های خود را به اثبات می رسانند و به بازار کار دیجیتال با اعتماد بیشتری وارد می شوند.

همین حالا شروع کنید

برای شروع مسیر حرفه‌ای خود آماده‌اید؟

اگر درباره سرفصل‌ها، زمان برگزاری یا نحوه ثبت‌نام سؤالی دارید، کارشناسان ما آماده پاسخگویی و راهنمایی شما هستند.

تجربه و سوالات شما

نظرات و سوالات شما

اگر درباره این دوره سوالی دارید یا قبلاً در آن شرکت کرده‌اید، می‌توانید نظر یا تجربه خودتان را با ما و سایر کاربران به اشتراک بگذارید.

هنوز دیدگاهی ثبت نشده است اولین نفری باشید که درباره این دوره نظر یا سوال خود را ثبت می‌کند.

ثبت نظر یا سوال

نظر یا سوال خود را درباره این دوره با ما در میان بگذارید.