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

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