Предыдущий ролик Следующий ролик  

Видео урок: Работа с различными устройствами

Основы веб-дизайна

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

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

В результате появления все новых и новых мобильных устройств сильно изменился наш подход к планированию сайтов. Многие дизайнеры при планировании сайтов сначала ориентируются на мобильные устройства, а потом уже на стационарные. Такое направление отстаивал Люк Вроблевски, который придумал термин "Mobile first". Этим термином обозначается такое планирование и структурирование сайтов, при котором сначала все работы ведутся для мобильных устройств, а затем уже разрабатываются версии для разных размеров экрана. Существует очевидный аргумент в поддержку разумности такого подхода - для просмотра веб-контента все чаще используются мобильные устройства, а не стационарные.

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

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

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