среда, 5 марта 2014 г.

Какая разница между отзывчивым дизайном и дизайном, ориентированным на конкретную задачу

Все вебмастера, конечно, знают, что отзывчивый дизайн  является писком моды  в вебе 2014 года. Но, что именно такой дизайн представляет из себя знают пока, в основном, дизайнерские агенства. Задача нашего обучения seo донести до широких вебмастерских масс основы данного современного течения веб дизайна. И сразу переходим к самой сути этого вопроса.

С точки зрения обучения seo, отзывчивый дизайн сайта означает то, что он одинаково хорошо будет смотреться на компьютерах или ноутбуках, на планшетах и на мобильных телефонах. Этого достичь непросто, потому что необходимо масштабировать шрифты, изображения и элементы веб дизайна под разные размеры и формы.

Отзывчивый дизайн

Появление технологии Ajax кардинально изменило подход к современному веб дизайну. Появились новые возможности, которые вам просто необходимо по полной использовать сегодня. Но, снова вернемся к отзывчивому дизайну. В основе отзывчивого веб дизайна лежит три главных компонента:
  1. Гибкий макет на основе сетки (flexible, grid based layout). Это крайне необходимо для масштабирования под любые размеры и под любые формы.

  2. Гибкие изображения (flexible images), способные без изменения качества и формы показываться на различных устройствах.

  3. Медиазапросы (media queries), модуль спецификации CSS3.
Если вы интересуетесь, как создать сайт с отзывчивым дизайном, то вам просто необходимо прочитать книгу Итана Маркота в PDF формате. Здесь вы найдете очень понятные всем, просто пошаговые рекомендации по созданию сайтов с отзывчивым дизайном. Я считаю, что это руководство будет полезным для многих вебмастеров и дизайнером.

Лично мне книга Итана Маркота очень понравилась, тем более, что материалов по созданию сайтов с отзывчивым дизайном крайне мало, даже в Западном сегменте интернета. Уверен, что это очень полезный материал вне зависимости от того знакомы ли вы с HTML и CSS  кодированием или не знакомы.

Скажу вам честно, что умение кодировать на самом минимальном уровне значительно расширит ваши возможности. К примеру, взяв за основу стандартный шаблон Blogger, мне удалось немного его подправить. А обладая большими и лучшими навыками, вы сможете сделать значительно больше.

Желаю вам творческих успехов!

LinkWithin

Related Posts Plugin for WordPress, Blogger...