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

UX و UI چیست؟

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

UI چیست؟

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

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

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