Свежий взгляд на веб дизайн
и создание сайта
и создание сайта
Между веб дизайном и разработкой всегда существует грань, которая с развитием интернет всё больше и больше становится размытой.
Будет ли сейчас достаточно нарисовать просто красивый дизайн макет в Photoshop? Лет пять назад этого было достаточно. Но в наше время пользователи в сети хотят большего. Весь блеск веб сайта через некоторое время
надоедает и если на нем нет интересной и нужной пользователям информации он станет непосещаемым. Поэтому, если целью создания ресурса было всех
поразить ярким дизайном, то такой сайт долго не протянет. В новом веке популярна функциональность и информативность, а не красота. Ну и наконец о трендах этого года: интерактивный дизайн, постоянная связь и виртуальная реальность.
Как
остаться популярным веб дизайнером? Основная цель веб дизайнера не
ослепить красотой, а привлечь и удержать. Профессиональный веб-дизайнер может создать пространство,
которое очарует и завлечет посетителя так, что он и не подумает искать кнопку возврата назад. Всего несколько элементов дизайна собраных вместе способны создать тот прекрасный мир где будет все: интуитивный и понятный дизайн, гармония в цветах, легко доступная и понятная информация и быстрый отклик. Помимо этого, нельзя недооценивать силу минимализма и простоты. Это всегда
было, но в этом году как никогда захватывает всепрощающая сила лэптов и десктопов. Теперь веб-дизайн должен легко справлятся с смартфонами и нетбуками. Ну что, вы готовы?
Посмотрим на ТОП 11 трендов этого года.
Ну вот наконец можно вздохнуть свободно. HTML5 и CSS3 до этого были на
горизонте дизайна, а сейчас, в этом году, произошел прорыв этих технологий. Веб дизайнеры постепенно уходят от технологии Flash.
Всем и так известно, что эта технология работает не везде и постепенно вымирала, а новые технологии стали сейчас доступны практически всем пользователям. Отойдем от флеш и попробуем узнать настоящую магию HTML5. Посмотрите на эти
примеры:
Учтите, что HTML и Flash не равные
соперники. Но при этом места в этом году для них обоих хватит. Основная проблема заключается в том,
что веб-дизайнеры в прошлых годах не правильно применяли технологии Flash. И сейчас HTML5 может
снять часть этой ответственности, которую была на плечах Флеш,
однако, HTML5 еще не может заменить отдельные элементы дизайна которые
мы можем получить только с помощью Flash.
Вероятно, еще наиболее интересным и
захватывающим является факт, что CSS3 доступная нам в полной мере и в
этом году заменят Photoshop (нет старый добрый Adobe не ушел на покой), так как с помощью CSS3 создать тень для текста или сделать
прозрачность картинки можно легко. Как, вы еще не погрузились в CSS3 и HTML5? Самое время начать изучение.
С
помощью использования нескольких оттенков зеленого была создана эта графика для twitter. 
Однако, красный цвет в этом примере использован неправильно и его переизбыток может быть очень раздражающим.
Планшеты, смартфоны, нетбуки! Количество различных
мобильных гаджетов доступных покупателю в 2011 году просто поражает. А это означает, что
веб дизайн должен быть кроссплатформенным.
Для того, чтобы разработать веб сайт корректный для мобильных платформ не достаточно будет убрать навороты
из дизайна. Это сделает дизайн безликим и пустым. Однако не исключено, что если вы уберете часть прибамбасов из дизайна бренд вашей компании
не подвергнется некоторым изменениям. К счастью современные технологии всё больше и больше
помогают нам, избавляя от подобных моментов.
Веб дизайн сайтов для
мобильных устройств в последнее время шагнул блягодаря CSS3 далеко вперед. Одним из важнейших достижений является возможность сделать
дизайн всего сайта и с использованием средств разработки подогнать его под
устройство пользователя.
Достаточно заманчиво разработать версию веб сайта
для мобильной платформы, но это уже больше не устраивает современную
аудиторию. Сейчас у мобильных версий все чаще есть возможность посетить
оригинальный веб сайт. Если оригинальный веб сайт не
оптимизирован под мобильные системы или у вас в аппарате нет такой опции, значит вы не готовы к 2011. Исследователи прогнозируют, что продажи смартфонов за год превысят
продажи персональных компьютеров. Сделайте ваш дизайн с учетом этого момента, чтобы удовлетворить всех пользователей.
Параллакс скроллинг нужен не только для видеоигр.
Как уже писалось ранее - это один из новых трендов 2011 года, создающий ощущение
глубины. Ведь что может быть проще и удобней для создания подобного ощущения, чем
параллакс скроллинг? Он использует слои на сайте для создания иллюзии 3D пространства. Подобного эффекта можно добиться используя простые CSS
трюки или jQuery плагина Spritely.
Самый эффективный способ применения многоуровневого скроллинга для вторичного элемента дизайна. К примеру, для футера, шапки, или фона.
Но сделав его неотъемлемой частью навигации по ресурсу вы очень разочаруете
пользователя. 
Сколько ваших дизайнерских работ созданы под использование мыши? Конечно, как веб дизайнеры, мы пользуемся мышью. При наедении мыши на ссылку она подсвечивается. Но у тач-скрина нет как такового наведения. Как пользователь в вашем дизайне узнает, что это ссылка? Как сделать выпадающие меню? Оно
так же не вылетит при пользовании тачскрина.
Как посетителю прочитать информацию на вашем веб сайтом? Очень спорный момент. К тому же для
тач-скрин ориентированого веб сайта прокрутка по горизонтали может оказаться более удобной, чем вертикальная. В эту область идеально вписывается концепция обычного журнала, где пользователь листает странички вашего
сайта подобно страничкам журнала.
В завершение посмотрим на возможность применения
плавающего дизайн макета, как части интерактивного дизайна. В 2011 вы
уже не будете иметь дело с таким понятием, как разрешение экрана. Посетители могут легко
изменить вид просмотра сайта с вертикального на горизонтальный и обратно. Поэтому дизайн вашего сайта
должен быть гибким, чтобы удовлетворить всех, в противном случае он станет неактуальным.
Основная суть глубины восприятия - это придание объема, в результате которого одни
элементы веб сайта будут казаться ближе, чем другие. Это создаст отличный трехмерный эффект при умелом подходе. Вспомните хотя бы 3D
блокбастер «Аватар», в котором объекты буквально выпрыгивают из экрана.
Хотя трехмерные технологии до конца еще не добрались до веб дизайна, вы можете попробовать воссоздать этот объем.
Конечно, это далеко не самый насущный вопрос в веб дизайне, но так хочется увидеть побольше необычных и оригинальных названий доменов. Когда-то такая желанная всеми доменная зона com
потеряла свою привлекательность еще и потому, что найти незанятый домен уже очень сложно. В 2011 намечается спад в использовании домена com и все частое использование таких доменов как me и us.
Задумайтесь об их возможностях и быстрее регистрируйте свои права на них до того, как они исчезнут.
Подобные штрих-коды называют QR, или коротко от первых букв слов Quick Response.
Просто сфотографируйте этот уникальный штрих-код вашим мобильным телефоном, и тут же, как по
волшебству откроется веб сайт, к которому относится этот штрих-код.
Главное удобство QR кода в том, что есть миллиард способов его использования.
К примеру, разместив его на сайте, чтобы у посетителя была ссылка на
мобильную версию веб ресурса. Еще вы можете отслеживать посетителей сайта через
QR коды, размещая специальный реферальный код в URL. Если вы часто
комментируете статьи на сайтах, используйте QR код в
качестве своего аватара.
2011 год ожидается весьма мобильным и будет очень даже полезно попробовать использовать эту новую техническую фишку.
Однако, если на сайте применяются флеш технологии, с preview возникнут проблемы. Превью не отобразит flash элементы дизайна.
С развитием сети интернет среднестатистический пользователь все более становится подкованным в серфинге. Поэтому ждите, что в 2011 году использовать миниатюры веб сайта в качестве средства навигации будет все больше людей. Ведь так просто оценить сайт даже не зайдя на него, просто по его миниатюре.