مرور كلي نكات طراحي وب سايت Responsive
قبلا ما در مورد رسانه ها صحبت كرديم، در اين مقاله ما خواهيم آموخت نقاط ضعفي را كه طراحي وب سايت پاسخگو را متزلزل مي نمايد.
همه چيز در مورد اندازه صفحه نمايش هاي مختلف است؟ براي درك قضيه، اجازه دهيد با استفاده از يك قياس به بررسي بپردازيم.
تصور كنيد كه طرحي براي ساخت يك خانه زيبا و جديد داريد. زير بنا مهم است، زيرا تمام خانه به آن بستگي دارد. پس از پايه، نخستين سطح خانه اهميت دارد، چون بقيه خانه روي آن ساخته ميشود. در اين خانه، طبقه اول يك نقطه شكست يا break points است. در صورتي كه ما طبقه اول را اصولي و بر اساس اندازه و متراژ استاندارد بنا نكنيم طبقات بالا تر نيست دچار بي نظمي مي شوند حتي اگر بهترين تيم مهندسي مسول طبقات بالا باشد.
نقطه ي شكست در طراحي واكنش گرا م
نقطه شكست در طراحي واكنش گرا ( RWD ) تغيير پهناي مرورگر مي باشد. وقتي اندازه صفحه را تغيير مي دهد مثلا از اندازه اوليه 960px به 768px هنر طراحي واكنش گرا بايستي وارد عمل شود. در واقع عملكرد نامناسب تغير اندازه نقطه شكست طراحي واكنشگرا است
نقطه ي شكست متداول
به طور متوسط، هر سايت پاسخگو داراي حداقل دو نقطه شكست است. براي تبلت ها و دستگاه هاي تلفن همراه. دسكتاپ، تبلت و تلفن همراه بر اساس اندازه صفحه نمايش آي فون و آي پد است، زيرا اين دستگاه ها محبوب ترين دستگاه هاي موجود در دستگاه هاي تلفن همراه و تبلت هستند.
اما اين تغيير اندازه ها بر اساس آي فون و آي پد معيار و استاندارد صحيحي است يا خير بحث مفصلي مي باشد. آيا اين بهترين تجربه است يا نه؟
ايجاد نقاط سفارشي
تقريبا هيچ دو وب سايتي مشابه هم ساخته نمي شوند. با توجه به اين موضوع، استفاده از نقطه هاي پاياني استاندارد پيشفرض ممكن است نيازهاي واكنشگرايي سايت را خوب پوشش ندهد.
بنابراين، كشف كردن كجا و زمان انتقال نقطه در محدوده نقطه توقف استاندارد مهم است.
ايجاد يك نقطه پاياني سفارشي بسيار ساده است. با اين حال، راه هاي بسياري وجود دارد كه مي توان آن را اشتباه انتخاب نمود .
چيدمان صحيح
تصور كنيد يك وضعيت بسيار معمولي را كه يك وب سايت پاسخگو در تمام ابعاد صفحه نمايش بزرگ محبوب بسيار عالي است، اما طرح در عرضهاي كوچكتر مرورگر در منطقه 400px ممكن است خوب عمل نكند.
از آنجا كه اين يك عرض صفحه نمايش زياد محبوب نيست، طراح در پشت صحنه فقط تصميم گرفته از آن بگذارد. اين تصميم خوبي بود؟ نه!
هدف از RWD ايجاد بهترين راه حل در ابعاد مختلف صفحه نمايش مرورگر مي باشد و بايد پيش بيني آينده را نيز داشته باشيد. فقط دستگاههاي متداول امروز نبايد عامل تعيين كننده اي در مورد نقاط شكست يك سايت پاسخدهنده باشند.
بايد چيدمان عناصر بگونه اي باشد كه ابعاد نچندان مطرح نيز بخوبي پشتيباني شود تا در آينده مشكلي پيش نيايد.
يك كارشناس RWD از كجا بايستي شروع كند
از زمان انتشار قابهاي واكنشي كه در حال حاضر در دسترس هستند، يادگيري استفاده از RWD به طور قابل توجهي ساده شده است. با اين حال، مانند هر شروعي، تازه كارها از كد كه توسط ديگران اجرا شده استفاده مي كنند و پروژه هاي خود را بر اساس آن مي بندند.
پيشنهاد مي شود نيازي نيست چرخ را اختراع كنيد از قالب ها و نمونه كارهاي ديگران استفاده كنيد و بمرور كامل شويد
چگونگي ايجاد يك نقطه گذار سفارشي در مسير مناسب
برنامه هاي زيادي مانند تغيير اندازه پنجره براي Chrome وجود دارد و براي كارهايي مثل اين بسيار عالي هستند، ابعاد جاري در گوشه سمت راست پايين نشان داده مي شود. شما مي توانيد تناقضات را در ظاهر پيدا كنيد. يا با يك برنامه مانند Resize Window، شما نياز به صرف وقت براي ديدن سايت خود در هر پيكسل هاي مختلف عرضي را از بين مي بريد.
موضوعات مشابه
قبلا ما در مورد رسانه ها صحبت كرديم، در اين مقاله ما خواهيم آموخت نقاط ضعفي را كه طراحي وب سايت پاسخگو را متزلزل مي نمايد.
همه چيز در مورد اندازه صفحه نمايش هاي مختلف است؟ براي درك قضيه، اجازه دهيد با استفاده از يك قياس به بررسي بپردازيم.
تصور كنيد كه طرحي براي ساخت يك خانه زيبا و جديد داريد. زير بنا مهم است، زيرا تمام خانه به آن بستگي دارد. پس از پايه، نخستين سطح خانه اهميت دارد، چون بقيه خانه روي آن ساخته ميشود. در اين خانه، طبقه اول يك نقطه شكست يا break points است. در صورتي كه ما طبقه اول را اصولي و بر اساس اندازه و متراژ استاندارد بنا نكنيم طبقات بالا تر نيست دچار بي نظمي مي شوند حتي اگر بهترين تيم مهندسي مسول طبقات بالا باشد.
نقطه ي شكست در طراحي واكنش گرا م
نقطه شكست در طراحي واكنش گرا ( RWD ) تغيير پهناي مرورگر مي باشد. وقتي اندازه صفحه را تغيير مي دهد مثلا از اندازه اوليه 960px به 768px هنر طراحي واكنش گرا بايستي وارد عمل شود. در واقع عملكرد نامناسب تغير اندازه نقطه شكست طراحي واكنشگرا است
نقطه ي شكست متداول
به طور متوسط، هر سايت پاسخگو داراي حداقل دو نقطه شكست است. براي تبلت ها و دستگاه هاي تلفن همراه. دسكتاپ، تبلت و تلفن همراه بر اساس اندازه صفحه نمايش آي فون و آي پد است، زيرا اين دستگاه ها محبوب ترين دستگاه هاي موجود در دستگاه هاي تلفن همراه و تبلت هستند.
اما اين تغيير اندازه ها بر اساس آي فون و آي پد معيار و استاندارد صحيحي است يا خير بحث مفصلي مي باشد. آيا اين بهترين تجربه است يا نه؟
ايجاد نقاط سفارشي
تقريبا هيچ دو وب سايتي مشابه هم ساخته نمي شوند. با توجه به اين موضوع، استفاده از نقطه هاي پاياني استاندارد پيشفرض ممكن است نيازهاي واكنشگرايي سايت را خوب پوشش ندهد.
بنابراين، كشف كردن كجا و زمان انتقال نقطه در محدوده نقطه توقف استاندارد مهم است.
ايجاد يك نقطه پاياني سفارشي بسيار ساده است. با اين حال، راه هاي بسياري وجود دارد كه مي توان آن را اشتباه انتخاب نمود .
چيدمان صحيح
تصور كنيد يك وضعيت بسيار معمولي را كه يك وب سايت پاسخگو در تمام ابعاد صفحه نمايش بزرگ محبوب بسيار عالي است، اما طرح در عرضهاي كوچكتر مرورگر در منطقه 400px ممكن است خوب عمل نكند.
از آنجا كه اين يك عرض صفحه نمايش زياد محبوب نيست، طراح در پشت صحنه فقط تصميم گرفته از آن بگذارد. اين تصميم خوبي بود؟ نه!
هدف از RWD ايجاد بهترين راه حل در ابعاد مختلف صفحه نمايش مرورگر مي باشد و بايد پيش بيني آينده را نيز داشته باشيد. فقط دستگاههاي متداول امروز نبايد عامل تعيين كننده اي در مورد نقاط شكست يك سايت پاسخدهنده باشند.
بايد چيدمان عناصر بگونه اي باشد كه ابعاد نچندان مطرح نيز بخوبي پشتيباني شود تا در آينده مشكلي پيش نيايد.
يك كارشناس RWD از كجا بايستي شروع كند
از زمان انتشار قابهاي واكنشي كه در حال حاضر در دسترس هستند، يادگيري استفاده از RWD به طور قابل توجهي ساده شده است. با اين حال، مانند هر شروعي، تازه كارها از كد كه توسط ديگران اجرا شده استفاده مي كنند و پروژه هاي خود را بر اساس آن مي بندند.
پيشنهاد مي شود نيازي نيست چرخ را اختراع كنيد از قالب ها و نمونه كارهاي ديگران استفاده كنيد و بمرور كامل شويد
چگونگي ايجاد يك نقطه گذار سفارشي در مسير مناسب
برنامه هاي زيادي مانند تغيير اندازه پنجره براي Chrome وجود دارد و براي كارهايي مثل اين بسيار عالي هستند، ابعاد جاري در گوشه سمت راست پايين نشان داده مي شود. شما مي توانيد تناقضات را در ظاهر پيدا كنيد. يا با يك برنامه مانند Resize Window، شما نياز به صرف وقت براي ديدن سايت خود در هر پيكسل هاي مختلف عرضي را از بين مي بريد.
موضوعات مشابه
- هزينه طراحي سايت
- طراحي سايت خدمات كامپيوتري
- طراحي سايت جوشكاري
- خدمات طراحي سايت
- طراحي سايت هتل و اماكن اقامتي
- اهميت وبلاگ نويسي در سايت شما
- طراحي سايت اختصاصي
جمعه ۳۰ فروردین ۹۸
۱۷:۵۳
۱۷:۵۳
- ۳۹ بازديد
- ۰ نظر