Поиск по сайту
ГлавнаяОбратная связьКарта сайта
 
Статьи

Web обзоры

Актуальные тренды в web-дизайне на 2012 год

 

Мир стремительно развивается, используя новые технологии, которые не обходят стороной и нишу сайтостроителей. Когда-то основной задачей дизайна являлось впечатление клиента по средствам ярких образов и интересных оформлений элементов. Сейчас все стремительно изменяется. На сегодняшний день на первый план в сайтостроении выходит функциональность и удобство подачи информации. Все реже начинают выделять “информативный” тип сайтов, потому, что большая часть интернет-ресурсов становится информативными и при этом сохраняет свою оригинальность и красоту. Развитие технических новинок так же откладывает свой колорит в современный web-дизайн и все это в купе переводит нас на новый уровень. Совсем недавно закончилось десятилетие и в нем остались многие тенденции, которые только что были актуальными. Давайте вместе шагнем в новую эру веб-дизайна и рассмотрим несколько новшеств в этой сфере, следуя которым, вы сохраните “свежесть” вашего продукта – дизайна сайта.


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


Parallax Scrolling
Для тех, кто еще не сталкивался с этим названием, мы внесем немного ясности. Эффекты parallax дают возможность реализовать объемные прокрутки элементов сайта. Например многослойные изображения в шапке сайта, которые смещаются с разной скоростью и на разных уровнях при движении курсора мыши в этой области. Такая зрелищная иллюзия трехмерного пространства привлекает много внимания. Иными словами сайты с такой “изюминкой” запомнятся их посетителям с лучшей стороны. Самое главное, что смещенная прокрутка – только самая верхушка айсберга под названием parallax, которая только внедряется в область сайтостроения. Подождем немного и узнаем, чем одарит нас это новшество в будущем.


3D в массы
Новое измерение объема постепенно добирается и до сайтов, но в данном случае мы не говорим о использовании специальных очков. Мы говорим о объемных элементах сайтов, например 3D слайдерах, которые делают ваш ресурс намного интересней и красивее. Все более далекий уход от FLASH и усовершенствование функционала CSS3 и HTML 5 позволяют нам реализовать эти “фишки” простыми способами.


Новая эра в работе с HTML5 и CSS3
Как уже говорили чуть выше, использование FLASH технологий уходит на второй план и уступает место свежим разработкам и новым тенденциям. Большой неожиданностью для всех стало использование новых версий HTML и CSS. Функционал, который они позволяют реализовать без участия FLASH воистину впечатляет. Данные технологии позволяют программистам с легкостью реализовывать все смелые задумки дизайнеров и значительно облегчают нагрузку на сайт в целом. Минусом данного новшества является только то, что еще не все браузеры пока освоились “кушать” CSS3, но я уверен, что не понадобится много времени для того, что бы эта проблема нашла свое решение.


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


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


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


Типографика
темWhatTheFont, CSS Typeset и Typetester и прочие инструменты этого типа избавили нас от одной огромной проблемы. Иногда бывает сложно придать оригинальности дизайну сайта и его элементам, используя только базовые шрифты. На сегодняшний день мы имеем возможность пользоваться огромным спектром фонтов и обыгрывать их так, как угодно нашему третьему глазу.


Фон сайта
Кратко затронем эту тему, но она достойна отдельной беседы. Уже давно никого не удивишь большим домашним монитором и даже широкоформатные новинки с Full HD разрешением скоро перестанут казаться диковинкой. Данная тенденция развязала руки web-дизайнерам и позволила использовать большее пространство для творчества. Все более глубоко входит в обиход тот факт, что сайт имеет несколько разрешений, адаптированных под разные размеры мониторов и дисплеев. Этот факт дает возможность обладателям крупных устройств увидеть чуть более, чем владельцам маленьких мониторов формата 4:3. Дизайнеры использую текстурные фоны сайта, которые придают ему колоритности и тематичности, радуют глаз и просто доставляют массу удовольствия.

 

Также все чаще можно увидеть фотографии в Full HD разрешении на сайтах, используемые как фон, который обыгрывается расположением функциональных блоков. Приятная и интересная тенденция, которая радует лично меня и заставляет смотреть чуть шире.


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


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


www.23-club.ru



назад



Нравится