نظرتون راجع به این طرح ها چیه؟

نظرتون راجع به این طرح ها چیه؟

یک هفته ای بدجور درگیر درس شده بودم. امتحان و تکلیف از سر و کولم بالا میرفت و وقت سر خاروندن هم نداشتم. تا اینکه بالاخره به هر نحوی که شده یکم وقت خالی گیر آوردم و میتونستم به این فکر کنم که چه تفریحی انجام بدم. چون دلم برای برنامه نویسی تنگ شده بود رفتم سراغ اون. ولی اینبار یه کار متفاوت کردم. طراحی صفحه!هدفم بیشتر این بود که کار کردن با نرم افزار figma رو بیشتر یاد بگیرم و تمرین کنم. توی figma میتونید چند تا تصویر و شکل و متن و … رو به شکلی که دوست دارید در کنار هم قرار بدید، تغییرشون بدید و در نهایت ازشون خروجی بگیرید. اگر میخواید مثلا طراحی یک سایت رو زودتر به مشتری نشون بدید گزینه خوبیه. البته گزینه های دیگه ای مثل Adobe Illustrator هم بودند ولی figma به نظرم سر راست تر و ساده تره هست و برای کار های من هم کفایت میکنه.و شروع کردم. تقریبا یک ساعت طول کشید. معلومه که طرح های خامی هستند و جای کار داره. ولی با شما به اشتراک میگذارم که هم نظرات شما رو بدونم هم از تجربه بقیه استفاده کنم.با صفحه اصلی شروع کنیم:اول این نکته رو بگم که فقط نسخه دسکتاپ figma از فونت های فارسی پشتیبانی میکنه و متاسفانه برای لینوکس موجود نیست. به خاطر همین مجبور شدم انگلیسی طراحی کنم و همه چیز از چپ به راست باشه.ایده من یه سایت آموزش برنامه نویسی بود که با تمرین کردن به مردم برنامه نویسی یاد میده. به خاطر همین از رنگ زرد به عنوان رنگ اصلی استفاده کردم. رنگ زرد یه جور حس لذت و شادی القا میکنه که برای یه سایت آموزشی به نظرم گزیه خوبیه. همچنین از یک رنگ تیره تر به عنوان مکمل. البته در اینجا رنگ تیره رو بیشتر از زرد میبینید ولی تو صفحه های ورود و ثبت نام مشخص میشه که رنگ اصلی زرده!لازم نیست فقط از یک رنگ زرد استفاده کنید. از شکل های مختلف زرد استفاده کنید. سایت adobe colors بهتون کمک میکنه این رنگ ها رو راحت تر پیدا کنید.اون نقاشی وسط صفحه رو هم از سایت undraw.co پیدا کردم. میتونید یک رنگ اصلی از بالای صفحه انتخاب کنید تا همه نقاشی ها با اون رنگ هماهنگ بشن!راهنمایی چشم کاربر : یکی از اصل های مهم طراحی اینه که چشم کاربر رو به جایی که مهم تر هست هدایت کنیم و نگذاریم منحرف بشه. این کار رو میتونید با رنگ ها و اندازه چیز ها انجام بدید. تو این صفحه چشم کاربر اول نقاشی وسط صفحه میفته، بعد به فرم ثبت نام و بعد به جمله کنارش و بعد هم شاید به دکمه “log in” بالای صفحه. به نظرم به اندازه کافی خوب باشه. البته ممکنه یکی از ایراد های سایت هم همین موضوع باشه. لوگو بالای سایت رو هم از سایت heroicons.com پیدا کردم. معمولا همه لوگو های مورد نیازم رو از همونجا پیدا میکنم.دو تا صفحه بعدی به شکل عجیبی ساده هستند. فکر نکنم سادگی در اینجور صفحه ها چیز خیلی بدی باشه. مخصوصا وقتی چیز هایی بهش اضافه بشه که قشنگ ترش کنه. اول صفحه ثبت نام:ایده پله های پایین صفحه به نظرم بهترین بخش ماجراست. یک جور حس پیشرفت رو القا میکنه. انگار داریم از پله های پیشرفت بالا میریم. بالای پله ها هم به دکمه ثبت نام منتهی میشه. با این خیلی حال کردم:)شکل اون آدم رو هم از سایت undraw پیدا کردم و با خود figma چیز های اضافی اون رو حذف کردم.و اما صفحه ورود به سایت:خالی بودن این صفحه یکم اذیت کننده هست. شاید باید بیشتر روش کار میکردم ولی بازم به نظرم به اندازه کافی خوبی هست. تنها کاری که به ذهنم رسید این بود که یک آدمک پایین صفحه بگذارم که داره به چند تا </> نگاه کنه. ایده دیگه ای به ذهنم نرسید.صبح جمعه من به این طریق گذشت و طبیعتا به عنوان یه پروژه آخر هفته نیابد انتظار یک چیز خیلی حرفه ای ازش داشت. این ها اولین صفحه هایی بودند که نشستم و “طراحی” شون کردم. قبلا مستقیم میرفتم سراغ html و css. ولی کار لذت بخشی بود :)خوشحال میشم که نظر شما رو در موردش بدونم مخصوصا اگر انتقادی باشه.

Author: admin

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *