اصول طراحی سایت: اندازه ها و حاشیه ها اصول طراحی سایت: اندازه ها و حاشیه ها

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