1. فارس پاتوق پیشنهاد می کند موضوع زیر را دنبال کنید

    جملات زیبای روز
    رد اعلامیه

مرور کلی نکات طراحی وب سایت Responsive

شروع موضوع توسط magbot در ‏7 نوامبر 2018 در انجمن اخبار گوناگون اینترنتی تلگرام و اینستا گرام

  1. magbot

    magbot کاربر تایید شده

    تاریخ عضویت:
    ‏28 اکتبر 2018
    ارسال ها:
    2
    تشکر شده:
    0
    جنسیت:
    زن
    مرور کلی نکات طراحی وب سایت Responsive
    amagbot.ir___D9_85_D8_B1_D9_88_D8_B1__DA_A9_D9_84_DB_8C__D9_866c32868566122b6b6088dafb6cb8e5f7.jpg

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

    تصور کنید که طرحی برای ساخت یک خانه زیبا و جدید دارید. زیر بنا مهم است، زیرا تمام خانه به آن بستگی دارد. پس از پایه، نخستین سطح خانه اهمیت دارد، چون بقیه خانه روی آن ساخته میشود. در این خانه، طبقه اول یک نقطه شکست یا break points است. در صورتی که ما طبقه اول را اصولی و بر اساس اندازه و متراژ استاندارد بنا نکنیم طبقات بالا تر نیست دچار بی نظمی می شوند حتی اگر بهترین تیم مهندسی مسول طبقات بالا باشد.
    نقطه ی شکست در طراحی واکنش گرا م


    نقطه شکست در طراحی واکنش گرا ( RWD ) تغییر پهنای مرورگر می باشد. وقتی اندازه صفحه را تغییر می دهد مثلا از اندازه اولیه 960px به 768px هنر طراحی واکنش گرا بایستی وارد عمل شود. در واقع عملکرد نامناسب تغیر اندازه نقطه شکست طراحی واکنشگرا است

    نقطه ی شکست متداول

    به طور متوسط، هر سایت پاسخگو دارای حداقل دو نقطه شکست است. برای تبلت ها و دستگاه های تلفن همراه. دسکتاپ، تبلت و تلفن همراه بر اساس اندازه صفحه نمایش آی فون و آی پد است، زیرا این دستگاه ها محبوب ترین دستگاه های موجود در دستگاه های تلفن همراه و تبلت هستند.


    اما این تغییر اندازه ها بر اساس آی فون و آی پد معیار و استاندارد صحیحی است یا خیر بحث مفصلی می باشد. آیا این بهترین تجربه است یا نه؟

    ایجاد نقاط سفارشی

    تقریبا هیچ دو وب سایتی مشابه هم ساخته نمی شوند. با توجه به این موضوع، استفاده از نقطه های پایانی استاندارد پیشفرض ممکن است نیازهای واکنشگرایی سایت را خوب پوشش ندهد.
    بنابراین، کشف کردن کجا و زمان انتقال نقطه در محدوده نقطه توقف استاندارد مهم است.


    ایجاد یک نقطه پایانی سفارشی بسیار ساده است. با این حال، راه های بسیاری وجود دارد که می توان آن را اشتباه انتخاب نمود .
    چیدمان صحیح

    تصور کنید یک وضعیت بسیار معمولی را که یک وب سایت پاسخگو در تمام ابعاد صفحه نمایش بزرگ محبوب بسیار عالی است، اما طرح در عرضهای کوچکتر مرورگر در منطقه 400px ممکن است خوب عمل نکند.


    از آنجا که این یک عرض صفحه نمایش زیاد محبوب نیست، طراح در پشت صحنه فقط تصمیم گرفته از آن بگذارد. این تصمیم خوبی بود؟ نه!

    هدف از RWD ایجاد بهترین راه حل در ابعاد مختلف صفحه نمایش مرورگر می باشد و باید پیش بینی آینده را نیز داشته باشید. فقط دستگاههای متداول امروز نباید عامل تعیین کننده ای در مورد نقاط شکست یک سایت پاسخدهنده باشند.
    باید چیدمان عناصر بگونه ای باشد که ابعاد نچندان مطرح نیز بخوبی پشتیبانی شود تا در آینده مشکلی پیش نیاید.
    یک کارشناس RWD از کجا بایستی شروع کند

    از زمان انتشار قابهای واکنشی که در حال حاضر در دسترس هستند، یادگیری استفاده از RWD به طور قابل توجهی ساده شده است. با این حال، مانند هر شروعی، تازه کارها از کد که توسط دیگران اجرا شده استفاده می کنند و پروژه های خود را بر اساس آن می بندند.
    پیشنهاد می شود نیازی نیست چرخ را اختراع کنید از قالب ها و نمونه کارهای دیگران استفاده کنید و بمرور کامل شوید
    چگونگی ایجاد یک نقطه گذار سفارشی در مسیر مناسب

    برنامه های زیادی مانند تغییر اندازه پنجره برای Chrome وجود دارد و برای کارهایی مثل این بسیار عالی هستند، ابعاد جاری در گوشه سمت راست پایین نشان داده می شود. شما می توانید تناقضات را در ظاهر پیدا کنید. یا با یک برنامه مانند Resize Window، شما نیاز به صرف وقت برای دیدن سایت خود در هر پیکسل های مختلف عرضی را از بین می برید.
     

    موضوعات مشابه

    Last edited by a moderator: ‏8 نوامبر 2018
  2. آینام

    آینام کاربر تایید شده

    تاریخ عضویت:
    ‏3 نوامبر 2018
    ارسال ها:
    44
    تشکر شده:
    12
    جنسیت:
    زن
کاربرانی که از موضوع بازدید کرده اند:
  1. magbot
  2. آینام
  1. کانال تلگرام

    اطلاعیه ها و اخبارهای فارس پاتوق ، مسابقات و جوایز
  2. گروه تلگرام

    کتاب مذهبی ، کتاب های درسی ، کتاب های علمی ، کتاب رمان
  3. برنامه تلگرام

    اپراتور ، نرم افزار های ارتباطی
  4. سرگرمی و تفریح تلگرام

    دانستنیهای جالب ، مرکز تخصصی ترول ، انواع فال ها و طالع بینی ها ، مطالب طنز آمیز ، اس ام اس و جوک
  5. آموزش تلگرام

    اخبار فارس پاتوق ، انتقادات و طرح های جدید فارس پاتوق ، نظر سنجی ، آموزش های لازم فارس پاتوق ، اطلاعیه های فارس پاتوق
  6. کانال موزیک تلگرام

    مداحی ایام فاطمیه ، مداحی ماه محرم ، موزیک های ایرانی ، موزیک های شاد ، آهنگ های خارجی ، آهنگ های پیشواز ایرانسل ، آهنگ های پیشواز همراه اول ، آهنگ های رومانتیک ، مداحی ، آهنگ های سنتی
  7. اخبار تلگرام

    اخبار حوادث ، اخبار جهان ، اخبار ورزشی ، اخبار پزشکی ، اخبار سیاسی - اقتصادی ، اخبار فرهنگی - هنری ، اخبار علمی
  8. مد و زیبایی تلگرام

    مدل لباس دخترانه ، مدل لباس زنانه ، مدل لباس پسرانه ، مدل لباس مردانه ، مدل لباس ، مدل لباس جدید ، مدل عینک ، مدل مو ، مدل ناخن ، عکس مدل
  9. کانال عکس تلگرام

    عکس های خنده دار ، عکس های بازیکنان ، عکس های ترسناک ، عکس های طبیعت ، عکس های حیوانات ، عکس های حوادث ، تصاویر عاشقانه ، تصاویر کارتونی ، عکس های اتومبیل ، تصاویر هنرمندان ، تصاویر کودکان ، عکس های متفرقه
  10. کانال فیلم تلگرام

    اپراتور همراه اول ، اپراتور ایرانسل ، اپراتور رایتل
  11. تبلیغات تلگرام و اینستاگرام

    آگهی های استخدام دولتی ، آگهی های استخدام غیر دولتی ، سوالات و پاسخ های آزمون های استخدامی
  12. کانالهای ادبی تلگرام

    تاریخ ، شعر و ادبیات ، نامه نگاری و انواع نامه ها
  13. گروه چت تلگرام

    ابزار های وبلاگ ، سئو و بهینه سازی وب سایت ، سیستم های مدیریت محتوا ، قالب های وبلاگ ، ابزار های وب سایت ، قالب های وب سایت ، معرفی وبلاگ و وب سایت های مفید ، کسب و کار در اینترنت ، کسب درآمد بدون اینترنت
  14. بهترین کانال های تلگرام

    هوا و فضا ، دانش و فن آوری در پزشکی ، دانش و فناوری در کامپیوتر ، دانش و فناوری در موبایل ، دانش و فناوری در وب سایت ها ، جنگ افزار ، تکنولوژی های روز
  15. نرم افزار اینستاگرام

    سیستم عامل ها ، لپ تاپ و تبلت ، نرم افزار ها ، سخت افزار ها ، بازی های کامپیوتری
  16. کانال پزشکی و سلامت تلگرام

    روانشناسی ، تغذیه ، بهداشت ، بیماری ها و روش درمان
  17. بهترین پیج اینستاگرام

    اخبار ورزشی ، معرفی ورزش ها و تیم ها ، شخصیت های ورزشی
  18. عکس اینستاگرام

    برنامه ریزی درسی ، مقطع آموزش ابتدایی ، مقطع آموزش راهنمایی ، مقطع آموزش متوسطه ، مقطع پیش دانشگاهی ، مقطع آموزش فنی حرفه ای ، مقطع آموزش کاردانش
  19. فیلم اینستاگرام

    مقالات کار آفرینی و طرح کسب و کار ، مقالات عمومی ، درخواست مقالات ، مقالات علمی
  20. آموزش اینستاگرام

    رشته های فنی و مهندسی ، رشته های علوم تجربی ، رشته های علوم پایه و انسانی ، رشته های هنر ، معرفی رشته های دانشگاهی ، معرفی دانشگاه های ایران ، رشته های پزشکی ، رشته های زبان انگلیسی
  21. کانال مذهبی تلگرام

    اهل بیت و علما ، احکام ، مولتی مدیای مذهبی
  22. کانال خانواده تلگرام

    خانواده ، هنر در خانه
  23. کانال آشپزی تلگرام

    انواع شیرینی ، انواع دسر ، انواع غذا ها و طرز تهیه آن ها ، خورش ها ، سوپ و سالاد ، ساندویچ و پیتزا ، سس و ترشی
  24. کانال گردش و گردشگری تلگرام

    معرفی مکان های زیارتی ، معرفی مکان های تفریحی ، معرفی مکان های شگفت انگیز ، معرفی شهرها و کشورها
  25. سایر موضوعات تلگرام

    اخبار و مطالب گوناگون خبری ، معما ها و چیستان ها ، اخبار گوناگون اینترنتی ، صندلی داغ ، گفتگو با کاربران ، بازارچه خرید و فروش ، زباله دان
  26. کانال تست روانشناسی تلگرام

    تست هوش
  27. کانال روانشناسی ازدواج تلگرام

    نکات قبل از ازدواج ، نکات بعد از ازدواج
  28. کانال مشاوره جنسی تلگرام

    راهنمایی علمی جنسی
XenForo Add-ons by Brivium ™ © 2012-2013 Brivium LLC.