Блог ”Справочник Петербуржца”
интернет-журнал событий,
интернет-дневник, онлайн-дневник

Качественный web-дизайн.

22.07.2014

Искусство плавания под парусами
Эта богато иллюстрированная книга написана одним из сильнейших яхтсменов мира датчанином Паулем Эльвстремом.
Адрес и телефон
В настоящее время большинство сайтов не способны обеспечить одинаковый вид сайта при загрузке его с разных устройств, и даже предлагают несколько вариантов сайта в зависимости от используемого браузера. Качественный web-дизайн сегодня это такой дизайн, который адаптируется к размеру экрана и особенностям всех устройств, через которые пользователи заходят на сайт. Такое унифицирование, помимо положительного впечатления от сайта для пользователей, также будет полезным и при взаимодействии сайта с поисковыми системами и разработчиками. 

Google столкнулся со следующей проблемой: если для одного и того же сайта предлагаются разные интерфейсы для мобильных устройств и обычных компьютеров, то на какой из этих вариантов выдавать ссылку пользователю? 

Решение этого вопроса особенно важно, если учесть, что по прогнозам уже в 2014 году выход в интернет через мобильные устройства станет более популярным, чем через компьютеры. Призывая web-разработчиков создавать одинаковые версии сайтов для разных устройств, Google, скорее всего, стремится сохранить работоспособность применяемых сейчас алгоритмов, чтобы избежать проблем связанных с выбором между мобильными и обычными версиями сайтов. 

Очевидно, что сами разработчиков также не заинтересованы поддерживать несколько версий сайта. 


Какие критерии определяют качественный web-дизайн? 

  • Подвижная сетка: при структурировании сетки сайта используются проценты, а не пиксели. Например, проблема может возникнуть, если объект шириной 650 пикселей будет обозначен как 100% в CSS конструкции. 
  • Media Queries: должны соответствовать минимальной и максимальной ширине браузера. Например, Media Queries с максимальной шириной в 450 пикселей будут доступны только для мобильных устройств. 
  • Адаптация картинок: также как и при построении сетки сайта, картинки не должны иметь фиксированной ширины, но могут иметь максимальную ширину (которая может определяться как 100% для картинки, которая будет отображаться на компьютере). Это позволяет картинкам при необходимости быть уменьшены по ширине экрана, на котором отображается web-страница. 

Чтобы понять, как работают эти правила, просто зайдите на сайт Starbucks, где предлагается вручную определить размер используемого браузера и попробуйте разные варианты: поменяйте размер окна вашего web-браузера, понаблюдайте за контентом. 

Инструменты для экспериментов с web-дизайном:

  • Twitter Bootstrap: это фантастический набор инструментов для быстрого создания сайтов, способных адаптироваться к разным устройствам. Многие разработчики давно уже включили этот сервис в список must-have. 
  • Themeforest: за примерами стоит обратиться к темам WordPress, которые уже разработали сотни отличных web-шаблонов с помощью этого сервиса. 
  • Net Magazine: журнал Net Magazine недавно составил топ-50 инструментов для адаптации веб-дизайна, который вы можете найти и ознакомиться самостоятельно.

Источник материала здесь

Ярлыки: google webdesign




Самые интересные записи

Треть россиян высказалась против санкций за интернет-пиратство
19.06.2013

33 процента россиян выступает против введения административной ответственности за нелегальное скачивание интеллектуальной собственности. За введение санкций высказался 41 процент...


Комментариев нет

19.06.2013

...


Комментариев нет
Компрессор автомобильный Беркут R-20
07.06.2013

Модель BERKUT R20 - это компрессор для больших шин больших автомобилей! Этот компрессор интресен для владельцев спортивных и специально подготовленных внедорожников, которые участвуют в...


Комментариев нет
Аттестация
26.04.2013

Аттестация Аттестация (от фр. attestation от лат. attestatio — свидетельство, подтверждение) — определение квалификации, уровня знаний и умений чего-либо, а также соответствия требованиям...


Комментариев нет
Ома (река в Архангельской обл.)
27.06.2013

Ома (река в Архангельской обл.) Ома (река в Архангельской обл.) Ома , река в Ненецком национальном округе Архангельской области РСФСР. Длина 268 км , площадь бассейна 5050 км 2 . Течёт по...


Комментариев нет

27.06.2013

...


Комментариев нет
Огнетушитель порошковый ”ОП-2”
03.09.2013

Огнетушитель порошковый ”ОП-2” Цена: 315 руб. Артикул: #1321188257 Характеристики: Масса заряда порошка: 2 кг Продолжительность подачи огнетушащего вещества: 6 с Длина струи...

Ярлыки: Огнетушитель порошковый
Комментариев нет

03.09.2013

...


Комментариев нет
Фуршет
12.07.2015

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

Ярлыки: Фуршет
Комментариев нет
“Центр Сертификации СТАНДАРТ”
26.04.2013

Группа компаний "Стандарт" была создана как экспертно-консультационный центр в области сертификации продукции , услуг и систем менеджмента качества. Так же “Центр Сертификации...


Комментариев нет
Пятиминутное "падение" Google снизило мировой трафик Сети почти вдвое
20.08.2013

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

Ярлыки: Google Интернет Новости Интернет
Комментариев нет

20.08.2013

...


Комментариев нет
Автомобили с пробегом в Санкт-Петербурге
15.05.2013

Автосалон "АвтоПетербург" реализует автомобили с пробегом и комиссионные авто по среднерыночным ценам. Приоритетным направлением в деятельности является продажа подержанных авто ...


Комментариев нет
Ручная фальцеосадочная машинка
03.07.2013

Ручная фальцеосадочная машинка Описание: Фальцеосадочные инструменты TRUMPF подходят как для прямых коробов, так и для отводов, причем минимальный внутренний радиус составляет...


Комментариев нет

Мониторинг доступности сайтаПроверено на вирусыДизайн сайта “СириусВеб”