طراحی responsive یک مفهوم نسبتا جدید در طراحی وب می باشد. که به اختصار RWD نامیده می شد.
هدف از این گونه طراحی این است تا در وسایل مختلف ( چه از لحاظ نوع ورودی که بین موس و صفحه لمسی ممکن است متغیر باشد، و چه از لحاظ اندازه صفحه نمایش) بتوان به راحتی با وب سایت مورد نظر کار کرد.
مثلا هنگامی که صفحه بزرگ در اختیار دارید می توانید منوی خود را کامل نشان دهید اما باید در صفحه های کوچک آن را مینیمایز کنید. یا برای صفحه نمایش های بزرگ شما می توانید از layout چند ستونی برای وب سایت خود بهره ببرید اما بهتر است در صفحه نمایش های کوچکتر با کاستن از تعداد ستون ها خوانایی را افزایش دهید.
شما در گوشی های صفحه لمسی امکان استفاده از حالت rolover بر روی المان های خود را ندارید و باید طوری طراحی شود تا در صورت کار با صفحه های لمسی وب سایت به درستی کار کند.
برای عکس های بزرگ باید قسمت هایی که حاشیه است را برای صفحات نمایش کوچک حذف کنید و قسمت اصلی و احیانا دارای لینک را برای استفاده یاقی بگذارید.
در مورد layout می توانید از این آدرس بهره ببرید، با ریسایز کردن صفحه مشاهده می کنید که چیدمان اصلی تغییر می کند.
من از این آدرس برای مطالعه شخصی خودم راجع به طراحی responsive برای موبایل استفاده کردم و به شما نیز پیشنهاد می کنم.
