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

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

22.07.2014

Морские термины
Наш словарь поможет тем, кто чувствует себя неуверенно в морском жаргоне и терминологии конца 18го - начала 19го веков.
Адрес и телефон
В настоящее время большинство сайтов не способны обеспечить одинаковый вид сайта при загрузке его с разных устройств, и даже предлагают несколько вариантов сайта в зависимости от используемого браузера. Качественный 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




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

В антипиратском законе пропишут посредника между правообладателями и интернет-компаниями
20.08.2013

В  антипиратский закон , действующий с 1 августа, внесут поправки, предусматривающие общение правообладателей и владельцев сайтов через посредника. Об этом сообщает газета " Ведомости " в...

Ярлыки: Антипиратский закон Интернет Новости Интернет
Комментариев нет

20.08.2013

...


Комментариев нет
Болезни цивилизации
20.06.2013

Стрессы и депрессии принято называть болезнями цивилизации. И в последнее время медики все обеспокоеннее говорят о том, что уровень заболеваемости этими недугами растет в геометрической...


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

20.06.2013

...


Комментариев нет
Дети байкеров отбирают у родителей мотоциклы
02.10.2013

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

Ярлыки: МотоЭкипировка
Комментариев нет
Фестиваль BMW Motorrad Days задал тон мотоиндустрии
22.09.2013

Все три дня в зоне отдыха Хаусберг близ города Гармиш царило байкерское единение и дружеская атмосфера. На шоу кроме простых обывателей приехали и звезды мотоспорта. Как сообщили...

Ярлыки: МотоЭкипировка
Комментариев нет

22.09.2013

...


Комментариев нет
Каталог оборудования
27.06.2013

Производство воздуховодов Производство круглых воздуховодов Спирально-навивные станы Системы раскроя листового металла Станки для изготовления сегментных отводов Сварочное...


Комментариев нет
Land Rover Range Rover III
03.07.2013

Цена:  3200000 руб. Год выпуска:  2009 Объем двигателя:  5.0T V8 (510Hp) Supercharged Тип двигателя:  Бензин турбонаддув Тип трансмиссии:  Автомат Пробег:  20300 км Кузов:  Внедорожник ...

Ярлыки: Land Rover Range Rover Авто
Комментариев нет
Стоимость бренда KIA Motors выросла до 4,7 млрд долларов
06.10.2013

Корпорация KIA Motors за текущий год увеличила стоимость своего бренда на 15% и поднялась на 83 позицию в рейтинге «100 лучших мировых брендов», составленном на основе исследований...

Ярлыки: KIA Motors
Комментариев нет
Компрессор автомобильный Беркут R-15
07.06.2013

Модель BERKUT R15 является самым популярным компрессором в линейке за счет небольших габаритных размеров, мощного электро-двигателя и подключения через гнездо прикуривателя автомобиля....


Комментариев нет
Мойка-мини автомобильная портативная Беркут Smart Washer SW-15
19.06.2013

Описание: Мойка-мини автомобильная портативная Беркут Smart Washer SW-15  - Подходит для мойки велосипедов, мотосредств, автомобилей, фургонов, мебели для пикника, обуви и одежды, домашних...


Комментариев нет
Облицовочная плитка
03.07.2013

Фасадная облицовочная плитка Глянцевая облицовочная плитка Глянцевая облицовочная плитка Глянцевая...


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

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