Гибкий дизайн как решение для отзывчивого веб-дизайна

Несколько лет назад, когда резиновые макеты были почти роскошью для веб-сайтов, гибким в конструкции сайта оставался текст и расположение столбцов как структурных элементов. Изображение могло легко испортить макет. Гибкий дизайн был не таким уж и гибким.

Теперь мы можем сделать сайт более податливым. Изображения будут автоматически скорректированы, благодаря разработанным обходным путям (хотя в процессе сильного уменьшения они могут стать сжатыми и неразборчивыми).

Это решение дает нам гораздо больше возможностей. Оно идеально подходит для устройств, в одно мгновение переходящих от портретной ориентации в альбомную или при переключении пользователей с большим экраном компьютера на IPad.

Довольно распространенной практикой является создание гибкой сетки. Существует целый ряд методов для создания гибкого изображения:
  • Скрытие части изображения
  • Создание композитного изображения
  • Изменение масштаба изображения (Сss, JS)
Хотя с технической точки зрения все это легко возможно, речь идет не только о подключении этих функций. В случае скрытия изображения оно делится на две части. Важная часть остается фиксированного размера, остальные пропорционально уменьшаются.

<h1 id="logo"><a href="/index_html_syntethic.html"><img src="/logo.png" alt="" /></a></h1>
Это один пример эффективного веб-дизайна. Однако из приведенного выше примера можно сделать вывод, что, идеальным вариантом было бы не обрезать половину иллюстрации.

Пример текстов для продвижения:

Создание и продвижение сайтов в поисковых системах. Дизайн. Телефон (383) 286-20-83 © 2008-2011. Компания "Штальбер".
AMCMS
Работает на: Amiro CMS