اخیراً سؤالات مشابهی از افراد زیادی دریافت کرده ام:
چگونه می توانم بیشتر به UI/UX برسم؟
من یک برنامه نویس / مدیر بازاریابی / استراتژیست رسانه های اجتماعی هستم و می خواهم در مورد طراحی بیشتر بدانم. از کجا آغاز کنم؟
چگونه می دانید طراحی خوب و طراحی بد چیست؟
برای طراح شدن چه چیزی لازم است؟
“چگونه شروع کنم؟”
این سوال مرا به زمانی برمی گرداند که برای اولین بار کارم را شروع کردم. چند سال پیش، من در اولین روز از اولین کار طراحی خود بودم. روبروی یک فایل خالی نشسته بودم و سعی می کردم آنچه را که مدیرم در مورد آن به من توضیح داد، درک کنم ولی نمی دانستم چگونه شروع کنم.
قبل از شروع به کار، من به تازگی از دانشگاه فارغ التحصیل شده بودم. بنابراین، چرا من چیزی در مورد طراحی نمی دانستم؟
خب، دانشگاه ها طراحی عملی را به ما یاد نمی دهند. اکثر دوره های دانشگاهی فقط به ما تئوری می آموزند و گاهی به ما یاد می دهند که چگونه از ابزارهای طراحی مانند Adobe Suite یا الگوریتم برنامه نویسی و زبان های کم کاربرد در وب مثل c استفاده کنیم. اما این کافی نیست – حتی نزدیک نیست.
اولین چیزی که باید بدانید این است:
شما مجبور نیستید با آن متولد شوید.
ما موجودات تک شاخ نیستیم که قرار بود طراح باشیم و فقط هنرمندانه به دنیا آمده باشیم. طراحی آموخته می شود.
هفت گام را با هم جلو میریم و امیدوارم مطالب مفید باشه
گام اول : با اصول UI آشنا شوید
قبل از تمرین طراحی، اولین کاری که باید انجام دهید این است که اصول طراحی را یاد بگیرید. از این طریق، می‌توانید وارد دنیای طراحی شوید و شروع به فکر کردن «خلاقانه» کنید. شما جنبه های روانی طراحی را یاد خواهید گرفت: چرا می تواند خوب به نظر برسد و چرا ممکن است شکست بخورد.
در اینجا چند اصل اساسی وجود دارد که باید در مورد آنها بدانید.
1. رنگ
واژگان رنگ، اصول و روانشناسی رنگ ها.
اصول طراحی: رنگ
2. تعادل
تقارن و عدم تقارن.
اصول طراحی: تعادل
3. کنتراست
استفاده از کنتراست برای سازماندهی اطلاعات، ایجاد سلسله مراتب و ایجاد تمرکز.
اصول طراحی: کنتراست
4. تایپوگرافی
انتخاب فونت و ایجاد متن قابل خواندن در وب.
اصل خوانایی و تایپوگرافی وب
5. سازگاری
مهمترین اصل، ایجاد طرح های بصری و قابل استفاده از اینجا شروع می شود.
اصل طراحی: سازگاری
در اینجا بایدها و نبایدهای عالی برای طراحی یک رابط کاربری خوب آورده شده است.
گام دوم : فرآیند خلاقیت UX را بیاموزید
نکته بعدی درک فرآیند خلاقیت است. طراحی UI/UX فرآیندی از مراحل خاصی است که هر فرد خلاقی از آن عبور می کند.
فرآیند خلاق
که به چهار مرحله مجزا تقسیم می شود – کشف، تعریف، توسعه و ارائه – یک نقشه بصری ساده از فرآیند طراحی است.
– کشف کردن
این شروع پروژه است. طراحان شروع به تحقیق، الهام گرفتن و جمع آوری ایده می کنند.
– تعريف كردن
این مرحله تعریف است، جایی که طراحان یک ایده استخراج شده از مرحله کشف را تعریف می کنند. از این، یک خلاصه خلاقانه واضح ایجاد می شود.
– توسعه دهید
اینجاست که راه‌حل‌ها یا مفاهیم ایجاد، نمونه‌سازی، آزمایش و تکرار می‌شوند. این فرآیند آزمون و خطا به طراحان کمک می کند تا ایده های خود را بهبود بخشند و اصلاح کنند.
– تحویل
مرحله نهایی مرحله تحویل است که در آن پروژه نهایی نهایی، تولید و راه اندازی می شود.
گام سوم : چشم خود را برای طراحی توسعه دهید
دانستن اصول طراحی عالی است، اما گاهی اوقات کافی نیست، همچنین باید چشم خود را برای دیدن طراحی خوب و طراحی بد و شناسایی نقاط قوت و ضعف در طرح ها آموزش دهید.
موثرترین راه برای آموزش چشم برای طراحی، الهام گرفتن است.
قبل از اینکه یک بوم خالی را باز کنید و نیم ساعت به آن خیره شوید، بدانید که تنها راه خلاقیت، تحقیق است. گاهی اوقات ذهن نمی تواند به تنهایی ایده بسازد، شما باید ابتدا به طرح های دیگر نگاه کنید تا شروع به ایجاد طرح های خود کنید، به خصوص زمانی که مبتدی هستید.
وب سایت های نمونه کارها را مرور کنید
بنابراین به آنچه طراحان دیگر در سایتهای طراحی مثل Dribbble انجام می دهند نگاه کنید، و هر زمان که با طرح های زیبا یا چیزی مرتبط با پروژه خود مواجه شدید، آن را در یادداشت های خود ذخیره کنید و آنچه را که در مورد آن دوست دارید ذکر کنید، همچنین می توانید اسکرین شات بگیرید. به این ترتیب، مجموعه ای از طرح های الهام بخش برای شروع خواهید داشت.
در اینجا وب سایت های مورد علاقه من برای الهام گرفتن آمده است:
onepagelove.com طراحی وب سایت One Page برای الهام گرفتن از شما.
وب سایت جوایز awwwards.com که استعدادهای طراحی را ترویج می کند.
dribbble.com جامعه ای از طراحان که کار خود را به اشتراک می گذارند.
pttrns.com مجموعه ای از الگوهای طراحی موبایل.
uimovement.com بهترین الهام از طراحی UI، هر روز.
گام چهارم : مقالات طراحی را هر روز بخوانید
برای اینکه خودمان را با طراحی آشنا کنیم، بهترین راه خواندن چند مقاله در روز است.
خواندن اخبار طراحی و وبلاگ را به یک عادت روزمره تبدیل کنید. میلیون ها مقاله به صورت آنلاین در دسترس ما است تا در مورد روندهای جدید، موارد استفاده و آموزش ها کشف کنیم. تنها کاری که باید انجام دهیم این است که آنها را پیدا کنیم. هیچ چیز بهتر از یادگیری از تجربیات دیگران نیست.
خواندن مقاله را به یک عادت روزمره تبدیل کنید
پس روز خود را با یک فنجان قهوه و چند مقاله الهام بخش در مجله Medium یا Smashing شروع کنید. یادگیری چیزهای جدید در صبح ذهن شما را وسعت می بخشد و در طول روز فضا را برای خلاقیت باز می کند.
سپس، هر از چند گاهی در طول روز، چند استراحت برای مطالعه بیشتر انجام دهید. استراحت کردن برای خلاقیت بسیار مهم است، به خصوص زمانی که گیر می کنید و احساس می کنید بی ثمر هستید. وب سایتی را که دوست دارید به عنوان صفحه اصلی مرورگر خود نشانه گذاری کنید یا در خبرنامه طراحی مشترک شوید.
در اینجا وبلاگ و وب سایت های خبری مورد علاقه من برای طراحی وجود دارد:
blog.marvelapp.com
medium.com/design
smashingmagazine.com
webdesignernews.com
sitepoint.com/design-ux
گام پنجم : پروژه های جعلی طراحی کنید
تمرین کامل می کند. و همه ما می دانیم که بدون تجربه نمی توانیم مشتریان/شغل به دست آوریم. اما بدون شغل یا پروژه، نمی‌توانیم تمرین کنیم، درست است؟
اما ما می توانیم با تمرین خودمان، با ایجاد پروژه های جعلی برای سرگرمی، این چرخه را بشکنیم! دریبل پر از آن است.
طراحی متریال فیس بوک توسط کوین مک کارتی
زمانی را برای انتخاب وب‌سایت یا برنامه‌ای که قبلاً استفاده می‌کنید و طراحی مجدد آن اختصاص دهید. این می تواند هر چیزی باشد که شما فکر می کنید می تواند بهتر باشد. شما همچنین می توانید ایده اپلیکیشن خود را طراحی کنید.
از این طریق، شما سبد طراحی خود را می سازید و طراحی را تمرین خواهید کرد.
گام ششم: جدیدترین ابزارهای طراحی وب را بیاموزید
هزاران ابزار طراحی وجود دارد، اما لازم نیست همه آنها را بدانید. با بهترین ها آشنا شوید، موارد دلخواه خود را انتخاب کنید و با جدیدترین ویژگی ها و روندها به روز باشید.
در اینجا جدیدترین ابزارهایی است که در فرآیند طراحی بیشتر استفاده می شوند:
طرحی برای طراحی رابط
Adobe XD برای طراحی رابط و نمونه سازی
Figma برای طراحی رابط مشترک
Balsamiq برای وایرفریمینگ با کیفیت پایین
برنامه Marvel برای ساخت ماکاپ های تعاملی
برنامه Invision برای نمونه سازی و همکاری
گام هفتم : راهنما و راهنمایی شوید
یکی دیگر از راه های عالی برای یادگیری طراحی این است که یک مشاور یا دوست طراح پیدا کنید که مایل به کمک باشد. آنها به شما کمک می کنند تا روند یادگیری خود را سرعت بخشید.
طراح کار شما را بررسی می کند و در صورت امکان نظرات خود را ارائه می دهد. مثل یک میانبر است آنها همچنین نکات و ترفندهایی را که از تجربه خود آموخته اند به شما ارائه می دهند. پس ادامه دهید و به یک طراح ایمیل بزنید، سوالات خود را بپرسید و نگرانی های خود را مطرح کنید.
همچنین از چند سالی که طراحی و فرانت اند را آموزش دادم، بیشتر از آموزش آموختم. هنگامی که آماده شروع صحبت در مورد طراحی با افراد هستید، می توانید به شخصی در مورد طراحی راهنمایی یا آموزش دهید. شما یاد خواهید گرفت که آن را از منظری متفاوت ببینید و بازخورد و سوالاتی دریافت خواهید کرد که شاید هرگز به آنها فکر نکرده باشید.
هر زمان که در مورد طراحی با افراد دیگر صحبت می کنید، ذهن شما همیشه در حالت “طوفان فکری” خواهد بود و خواهید دید که بیشتر و بیشتر به طراحی علاقه مند می شوید.
منبع تصاویر: pexels.com