اغلب ما پس از اینکه به این نتیجه می رسیم که میخواهیم کاری رو به عنوان حرفه‌ی خودمون انتخاب کنیم. بلافاصله دنبال یک دوره آموزشی خوب ( که ارزون هم باشه) می‌گردیم. اما یه عده هم هستند که تلاش میکنن و با آزمون و خطا و کسب تجربه، حداقل برای شروع، پیچ و خم اون کار رو یاد بگیرن. طراحی سایت هم از اون حرفه هاییه که میتونی هم با دیدن دوره های آموزشی و هم به طور خود آموز اون رو یاد بگیری.خیلی ها از من می پرسن چگونه طراح سایت شویم؟
از اونجایی که من خودم به صورت خود آموز این کار رو یاد گرفتم. میخوام تو این مقاله تجربیاتم رو با شما به اشتراک بذارم . مسلما راه های زیادی برای آموختن اصول طراحی دیجیتالی هست و ما نمیتونیم بگیم کدوم درسته و کدوم غلط. در واقع اصلن مسیر درست و اشتباه وجودنداره. همه چیز بر مگیرده به اینکه اولا مدل یادگیری شما چگونه است و دوم این که شما بتونید اصول تئوری پشت یک طراحی خوب رو درک کنید و از اون اصول در طرح های خودتون به درستی استفاده کنید و آنقدر این کار رو تمرین کنید تا در آن مهارت پبدا کنید.
در این مقاله می آموزیم چگونه با طی کردن 6 قدم زیر تبدیل به یک طراح سایت خودآموخته شویم؛
- اولین گام: یادگیری اصول و مفاهیم طراحی Ui/Ux
- دومین گام: چشمان خود را برای بررسی و تشخیص طرح های خوب آموزش دهید
- گام سوم: روی (آموزش) نرم افزار مناسب خودتان سرمایه گذاری کنید.
- چهارمین گام: یک پورتفولیو یا آلبوم نمونه کار ایجاد کنید.
- گام پنجم: بازخورد بگیرید و بدون تعصب از آن بیاموزید و تجربه کسب کنید.
- سعی کنید تجربه های واقعی کسب کنید
گام اول: یادگیری اصول و مفاهیم طراحی Ui/Ux
تجربه یک کاربر در یک وب سایت مسلما مهمترین بخش یک طراحی موفق است. خلق یک تجربه کاربری موفق امکان پذیر نیست مگر اینکه با اصول و مبانی طراحی UX آشنا باشید. این اصول بر ایجاد یک تجربه کاربری لذت بخش از طریق درک نیازهای کاربر و رفع آنها بر اساس اصول روانشناسی تمرکز دارد. درک اینکه چرا کاربران برخی رفتارهای خاص از خود بروز می دهند، چه چیزی نیاز دارند یا چه چیزی آنها را ترغیب به ماندن در وب سایت ( یا خارج شدن از آن ) میکند، کلید ایجاد یک محصول دیجیتالی خوب است که علاوه بر رفع نیاز های کاربر، اهداف تجاری صاحبان کسب و کار را نیز برآورده می کند 😉 .
خوشبختانه دوره های رایگان زیادی رو میتونید در یوتوب و منابع فارسی پیدا کنید. اما برای شروع بهتر است ابتدا با اصول طراحی UX و مطالعه کتاب “وادارم نکن فکر کنم” اثر استیو کروگ، پدر طراحی UX ! شروع کنید.
چندتا منبع آموزشی رایگان و خوب 👌 رو هم اینجا واستون میذارم که بد نیست به اونها هم نگاهی داشته باشید؛
دوره آموزشی careerfoundry، دوره آموزشی futurelearn، دوره آموزشی لیندکدین، دوره آموزشی اودمی، دوره آموزشی اوداسیتی و https://learnux.io/ .
بعد از اونکه مقدمات رو فرا گرفتید و کتاب رو هم خوندید نوبت به مرحله بعد میرسه.
گام دوم: آموزش مهارت خوب دیدن برای بررسی طرح های خوب
وقتی از من می پرسن چگونه یک طراح سایت شویم؟ پاسخ کوتاه من اینه که: “خوب دیدن رو یاد بگیرید”.
یادگیری اصول اولیه طراحی، یک ابزار است. برای اینکه واقعاً کار با این ابزار را یاد بگیرید و در آن مهارت پیدا کنید باید بیاموزید که با توجه به محصولات دیجیتالی طراحی شده توسط دیگران نگاه کنید. برای مثال، دفعه بعد که وب‌سایت یا برنامه های روی موبایلتون یا رایانه شخص خودتون رو باز میکنید با دید انتقادی تر به آن نگاه کنید، چند دقیقه وقت بگذارید و تجزیه و تحلیل کنید که چرا این وب‌سایت برای شما جذاب است ( یا نیست، یاد گیری به سبک لقمان!).
آیا پالت رنگ آن جذابه؟ طراحی تعاملی یا تایپوگرافی چطور؟ به هر قسمت از طراحی نگاه کنید: فاصله بین عناصر، شبکه ای که سایت بر اساس آن طراحی شده ، سلسله مراتب بصری سایت، و حتی تصاویر و نمادهای خاص استفاده شده. از خود بپرسید چه چیزی خوبه و کدوم قسمت طرح رو خراب کرده. با این کار میتونید به چشمان خود بیاموزید که نقاط مثبت و منفی هر طرح رو متوجه بشه. روش دیگر بررسی های موردی نمونه های طراحی موفق است.
همچنین در سایتهایی مثل دریبل، بیهانس، پینترست، اینستاگرام و لینکدین میتونید نمونه کارهای افراد دیگری با هر سطحی ( از مبتدی تا حرفه ای) را مشاهده کنید و علاوه بر ایده گرفتن اونها رو با دقت بیشتری برسی کنید. سعی کنید بانکی از ایده ها داشته باشید و نمونه کارهای جذاب و خوب دیگران رو در بانکتون قرار بدید . ( من برای این کار یه پوشه با نام ایده های جالب روی فضای ابری One drive خودم ساختم و هر چی میبینم رو داخل اون قرار میدم)
گام سوم: آموزش کار با ابزارهای مناسب
در این مرحله نیاز به ابزارهایی دارید تا به کمک آنها ایده های خود را ارایه کنید و آموخته های خود را بکار بگیرید. مسلما نرم افزارهای زیادی برای این کار وجود داره اما سه تا از بهترین نرم افزارهای تخصصی برای این کار Figma، Sketch و Adobe XD است.
Figma: یکی از جدیدترین ابزار برای خلق نمونه های دیجیتالی طراحی UX و Ui در بازار است. با وجود افزونه های زیاد و شبکه کاربران گسترده ای که داره به اولین ابزار انتخابی بسیاری از طراحان تبدیل شده است.
Sketch: برنامه طراحی دیجیتال برای MacOS است و بیشتر به دلیل قابلیت های افزونه هایش و رابط بصری جذاب مورد توجه طراحانی است که از محصولات کمپانی اپل استفاده میکنند. ( همون 4 درصدی ها).
Adobe XD: این نرم افزار محصول شرکت معروف ادوبی است. که به طور تخصصی برای طراحی رابط کاربری، UI و طراحی UX به بازار اومده و فعلا رایگانه و این بهترین نقطه قوت این نرم افزاره.
این که کدوم بهتره و کدوم مناسبتر برای شماست رو باید خودتون بررسی کنید. هر کدام بدی و خوبی های خودشون رو دارند. اما در کنار اینها باید کار با چند نرم افزار فرعی رو هم یاد بگیرید. یک نرم افزار برای برش، ویرایش و ترکیب تصاویر که پیشنهاد ما قطعا ادوبی فتوشاپ است. اگر سیستم عامل لینوکس دارید از گیمپ هم میتونید استفاده کنید . برای IOS بازها همون Sketch کار شما رو راه می اندازه. نرم افزار مورد نیاز بعدی نرم افزاری برای ویرایش و ساخت تصاویر وکتور هست که باز پیشنهاد ما ادوبی ایلوستراتور است. اگر از سیستم عامل لینوکس استفاده میکنید میتونید از Inkscape استفاده کنید و برای IOS بازها همچنان Sketch رو پیشنهاد میکنیم.
من به شخصه برای طراحی پروتوتایپ ها بسته به ابعاد پروژه و چند پارامتر دیگر 😜 هم از figma و هم Adobe XD استفاده میکنم. برای ویرایش تصاویر مورد نیازم از فتوشاپ و طراحی و ساخت تصاویر وکتور و SVG از ایلوستراتور استفاده میکنم. ولی پیشنهاد میکنم حتما با همه نرم افزارها کار کنید و خودتون نرم افزار مناسبتون رو پیدا کنید.
گام چهارم: ایجاد آلبوم نمونه کار ( فارسی رو پاس بداریمِ “پورتفولیو”)
چگونه یک طراح سایت شویم؟ پاسخ: با عمل کردن! در طول تاریخ حیاتم به کسی برخورد نکرده ام که فقط با نگاه کردن به نمونه کارهای دیگران و یا خواند کتاب و مقالات به یک طراح خوب تبدل شده باشه. 😁
حتما از خودتون می‌پرسید: چگونه می‌تونم بدون هیچ تجربه ای نمونه واقعی بسازم؟ اگر از صفر شروع میکنید، توصیه میکنم چند کیت UI رایگان (یا کیت رابط کاربری) را دانلود کنید. کیت رابط کاربری مجموعه‌ای از اجزای طراحی از پیش ساخته شده است که حاوی عناصر بصری ضروری برای طراحی رابط کاربری مانند : دکمه‌ها، آیکن ها، فونت‌ها، منوها و غیره است. اینجا میتونید کیتهای رایگان Adobe XD و کیتهای رایگان برای Figma رو دانلود کنید.
از این کیت های UI میتونید هم یاد بگیرید و هم الهام. همچنین میتونید برای طراحی وب سایت یا برنامه تلفن همراه خود برای شروع استفاده کنید.
بعد از اون میتونید برید سراغ طراحی مجدد سایت های موجود. برخی از وب سایت های مورد علاقه خودتون رو انتخاب کنید. بررسی کنید که چطور میتونید اونها رو دوباره طراحی کنید. تا ظاهر و عملکرد بهتری داشته باشند.
سپس طرح های خود را برای اریه کردن آماده کنید. و در شبکه های آنلاین مانند اینستاگرام، لینکدین، بیهانس، پینترست، دریبل به اشتراک بگذارید و از دیگران فیدبک بگیرید.
این کار چند مزیت داره؛ اول، با کمک بازخوردهایی که میگیرید نقاط ضعف کارتون رو متوجه میشید و اونها رو اصلاح میکنید. دوم، در طول مدت با مقایسه طرح های جدید و قدیم متوجه میزان پیشرفت خودتون میشید. و این انگیزه ای میشه برای ادامه کار و تلاش برای آموختن بیشتر. ( نگران نباشید. هر زمان که بخواهید میتونید اون پروژه هایی که باعث میشه با خودتون بگید ” چقدر … بودم” رو پاک کنید). سوم اینکه همیشه یک منبع برای اون کارفرماها و مشتریانی که میخوان قبل از قرارداد بستن نمونه کارهای شمارو ببین، وجود داره. ( تازه اینجوری خیلی هم با کلاس تره)
گام پنجم: بازخورد بگیرید و از آن یاد بگیرید
برخلاف تصور رایج و اینکه ما همش دوست داریم بَه بَه و چَه چَه بشنویم. بازخوردهای منفی می تواند خیلی بهترو مفیدتر از بازخوردهای مثبت باشند. 😳
در واقع همین بازخوردهای منفی است که میتواند به رشد شما به عنوان یک طراح کمک کند. تا مهارت های خود را ارتقا دهید و محصولات بهتری ایجاد کنید.
بنابراین سعی کنید به دنبال بازخوردهای منفی باشید و از آن به عنوان سوخت برای بهبود طرح های خود استفاده کنید.
به تجربه متوجه شده ام که بازخورد منفی یکی از مثبت ترین اتفاقاتی است که می تواند در حرفه‌ی طراحی رخ بدهد. فقط به یاد داشته باشید. لازم نیست تمام مهارت های خود را یک شبه اصلاح کنید. تلاش برای یک درصد بهتر شدن در هر روز، هر هفته یا هر ماه در نهایت باعث پیشرفت مداوم به سمت موفقیت می شود.
نکته کنکور: وقتی معمولا از من یا هر طراح دیگه میپرسن. ” چگونه یک طراح سایت شویم ” شروع میکنیم به آسمون ریسمون بافتن که فلان سایت رو ببین، فلان نرم افزار رو یاد بگیر و … اما در کنار داشتن مهارت های سخت ( مهارت کار با ابزار و نرم افزار)، باید یک سری مهارت نرم (مهارت های شخصیتی و اجتماعی) هم داشته باشیم . مهمترین مهارت نرمی که فکر کنم همه طراحان با سابقه در مورد آن متفق القول هستند که در این حرفه خیلی ضروریه، “ تاب آوری ” است. بازخورد گرفتن به ویژه وقتی نظرات منفی است و ما تلاش میکنیم بدون عصبیت و خشونت از اونها برای بهبود طرحایمان استفاده کنیم کمک بزرگی به رشد این مهارت میکنه. 😁
گام ششم: سعی کنید تجربه های واقعی کسب کنید
هنگامی که به اندازه کافی نمونه کارهایی ایجاد کردید که به آن افتخار می کنید. و به مهارت های خود اطمینان پیدا کردید، زمان آن فرا رسیده که تجربه ای در دنیای واقعی کسب کنید. برای این کار ابتدا بهتر است یک آلبوم نمونه کار آنلاین از بهترین کارهای خود ایجاد کنید. و پس از آن شروع به درخواست برای موقعیت شغلی طراحی UI/UX سطح مبتدی کنید. برای شروع می توانید از وب سایتهای فریلنسری مثل، پارس کدرز، کارلنسر و غیره … استفاده کنید. حتی اگر فوراً شغلی پیدا نکنید، جستجوی شغل، فرصتی عالی برای تمرین مهارتهای نرم خود مانند ایجاد ارتباطات، فوت و فن مذاکرات و توضیح تصمیم‌های پشت طرح‌هایتان است – دو ویژگی بسیار مهمی که کارفرماها معمولا به دنبال آن هستند.
به باشگاه طراحان UI/UX خود آموخته خوش آمدید.
در آخر باید چند مورد از تجربیات دیگه خودم که شاید کمتر کسی به شما بگه رو با شما در میون بذارم.
– این کار نیاز به صبر و حوصله زیاد داره. توقع نداشته باشید که یک شبه به موفقیت برسید.
– در هر سطح مهارتی و با هر تعدا سال تجربه که هستید هرگز از آموختن و بهبود مهارتهای خود غافل نشوید.
– کارهای قدیمی تان را هرچند یکبار با آموخته های جدیدتان به روز کنید.
– موفقیت مقصد خاصی نیست، مسیر است. تا وقتی در حرکتید موفقید.
– اگر بعد از خوندن این مقاله هنوز ندونیم که چگونه طراح سایت شویم؟ سه کار دیگر نیز باید انجام دهیم تمرین، تمرین و باز هم تمرین.
