Посетители любого веб-сайта рассчитывают на то, что смогут открыть его с любого подключаемого к Интернет устройства. Поэтому адаптивность веб-сайта перестала быть необязательной характеристикой. Если вы не хотите усложнять вашим пользователям жизнь, то обеспечьте им доступ с мобильного телефона к сайту, приспособленному именно для взаимодействия с телефоном. Тогда они почувствуют вашу заботу и внимание к ним.
На ограниченном пространстве крохотного экрана особо не развернёшься. Трудно обеспечить ресурсу те же условия функционирования и его быстродействие на экране масштаба 1024х768 или 420х380, что и на дисплее ноутбука или стационарного ПК.
Кроме того, отбивает у нас охоту корпеть над созданием адаптивных сайтов и больше всего расхолаживает нас уверенность в том, что наши посетители почти не замечают разницы, пользуясь телефоном на ходу, за разговором, в запарке рабочего дня или кухонных хлопот, а то и всё сразу. (Не говоря уже о лоснящихся, захватанных грязными пальцами экранах и бликующей поверхности их устройств).
Создание броских, привлекающих внимание адаптивных веб-сайтов
Как сконструировать запоминающийся адаптивный веб-сайт? Следуя простым правилам.
Контент
Откажитесь от всего контента, без которого можно обойтись. Помните, чем меньше дисплей, тем хуже выглядит на нём нагромождение объектов. Ни к чему топить телефон пользователя в море информации. Стремитесь к лаконичности, ясности и простоте оформления вашего сайта, тогда и посетители будут довольны, какими бы устройствами они ни пользовались. Так что, обновлённый, очищенный от всего лишнего контент подойдёт для любой версии страницы - как для планшетной, так и для стационарной.
Цвета
Цветовая гамма ресурса может как выводить нас из равновесия, так и успокаивать. Например, считается, что синий внушает доверие, красный служит предупреждением, а яркие цвета попросту режут нам глаза. Различные цветовые сочетания порождают несхожие ощущения. Красный шрифт на синем фоне - плохая идея. А белый текст на красном фоне может аж зачаровывать. Цвет способен производить сильнейшее впечатление, при умелом подборе его для усиления броскости графического и шрифтового оформления страницы.
Типографика
Шрифт задаёт настроение веб-сайта. Крупные тяжёлые шрифты внушают нам желание дерзать, бесстрашие и авантюризм. Изящные шрифты с засечками создают ощущение нарядной элегантности. Очень важно правильно выбрать начертание и размер шрифта, иначе все труды по оформлению страницы могут пойти насмарку. Самое главное - не навеять на её посетителей тоску и скуку, вам нужно, напротив, привлечь и удержать их внимание.
Разметка
Её задача - направлять нас в ходе знакомства с веб-сайтом, помогать нам осваиваться. Она - ключевой фактор, определяющий расположение и подачу контента. Если разместить его бессистемно и беспорядочно, то вы запутаете и собьёте с толку вашего пользователя; он не будет знать, откуда начинать смотреть/читать, и где заканчивать.
Следуя этим правилам при создании любой версии вашего веб-сайта - для стационарного ПК, планшета или телефона, - вы сможете надёжно обеспечить его функциональное удобство и внешнюю презентабельность для пользователей всех этих устройств.
Познакомьтесь с великолепными примерами адаптивного дизайна.
Раздел: Web-дизайн Комментариев: 2
16 примеров отличных решений в русле адаптивного веб-дизайна
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 6034 | Оставлено комментариев: 2
Источник материала / оригинал статьи Распечатать
Источник материала / оригинал статьи Распечатать