PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : اصول طراحی وب سایت برای موبایل



hnikdel
June 16th, 2013, 11:30
این روزها درصد استفاده از انواع موبایل هوشمند به صورت چشمگیری رو به رشد است و چیزی نمانده تا استفاده از اینترنت های موبایل از اینترنت های خانگی گوی سبقت را بگیرد. بنابراین عادلانه به نظر نمیرسد در دنیای رو به رشد وب و طراحی, کاربران موبایل و تبلت ها درنظر گرفته نشوند.


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

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

یک شبیه ساز موبایل به شما اجازه میدهد تا یک وب سایت را از نظر واکنشگرا بودن و قابلیت های متفاوت در انواع گوناگون سیستم عامل های موبایل مانند : iPhone, iPad, Android BlackBerry (بدون داشتن هیچ کدام از آن ها) بررسی نمایید. شبیه سازها این امکان را فراهم می آورند تا به مشکلات و مسائل مربوط به وب سایت با دقت بیشتری پرداخته شود و همچنین آنهااندازه گیری ها را با جذابیت بیشتری برای هر دستگاه به صورت بصری به نمایش در می آورند.
iPad Peek

برای اینکه اطمینان حاصل نمایید وب سایت شما با تبلت های موجود رایج در بازار سازگاری دارد می توانید آن را در طراحی سایت (http://www.afaghweb.net/) وب سایت iPad Peek بررسی نمایید . این وب سایت حالت های افقی و عمودی نمایش سایت در ipad ها را به خوبی به نمایش می گذارد.

Responsivepx

برای بررسی سایت خود به منظور واکنشگرا بودن می توانید از Responsivepx استفاده نمایید. در آن ظاهر وکارکرد سایت را به صورت بصری در سایزهای متفاوت مشاهده نمایید.

Screenfly
13834
به خاطر در بر داشتن انواع سیستم عامل ها برای تست, Screenfly یک شبیه ساز رایج و پرکاربرد است. در سیستم عامل های مختلف می توانید نحوه نمایش وب سایت خود را بررسی نمایید.

W3C mobileOK Checker

وب سایت W3C mobileOK Checker یک ابزار اعتبارسنجی خودکار مبتنی بر وب است که تنها بررسی می کند تا چه میزان وب سایت شما با سیستم عامل های موبایل هماهنگی دارد.این آزمایش در مقابل استاندارد W3C برای تلفن های همراه است که توسط W3C توسعه یافته است.
منبع: http://www.afaghweb.net

MobiReady

MobiReady همانند شبیه سازهای دیگر می باشد و البته مواردی همانند وب سایت های W3C mobile complianceو dotMobi را چک می کند و خطاهای جزیی تری را از نظر آمادگی وب سایت برای نمایش در موبایل شرح میدهد. بعلاوه یک ویرایشگر کد هم برای بررسی کدها نیز دارد.

Opera Mini Simulator

اپرا مینی یکی از مرورگرهای پرکاربرد در جهان می باشد و قریب به ۱۳۰ میلیون کاربر با آن کار می کنند. پس مطمئن شدن از ظاهر سایت در این مرورگر یکی از دغدغه های یک طراح وب می تواند باشد.اپرا مینی عمدتا در بازارهای در حال ظهور و اغلب گوشی های هوشمند استفاده می شود. این شبیه ساز اجازه می دهد تا شما نمایش سایت خود را در این مرورگر تست کنید.

Gomez

این سرویس از گومز به شما یک گزارش از جزئیات چگونگی نمایش وب سایتتان را در چهار دستگاه مختلف: آی فون ، iPad ، BlackBerry و Nexus One به شما می دهد. همچنین یک امتیاز از ۱۰۰ بر اساس تجزیه و تحلیل عمیق از بیش از ۳۰ مورد اثبات شده برای سیستم عامل های همراه را به سایت شما خواهد داد.
وبلاگهای آموزش طراحی سایت:
http://web-design-2000.mihanblog.com
http://web-design2500.mihanblog.com

designer joomir
October 10th, 2013, 12:01
باتشکر از درج مطالب مفیدتون.
طراحی و ساخت وب سایت موبایل
اینجا آدرس ادامه مبحث مطلب است:
http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/682-طراحی-و-ساخت-وب-سایت-موبایل.html (http://sitedesign.joomir.com/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA/item/682-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88-%D8%B3%D8%A7%D8%AE%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%85%D9%88%D8%A8%D8%A7%DB%8C%D9%84.html)

designer joomir
October 10th, 2013, 12:07
باتشکر از درج مطالب مفیدتون.
طراحی و ساخت وب سایت موبایل
اینجا آدرس ادامه مبحث مطلب است:
http://sitedesign.joomir.com/مقالات-طراحی-سایت/item/682-طراحی-و-ساخت-وب-سایت-موبایل.html (http://sitedesign.joomir.com/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA/item/682-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88-%D8%B3%D8%A7%D8%AE%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%85%D9%88%D8%A8%D8%A7%DB%8C%D9%84.html)