Понедельник, 29 Апреля 2013 10:13

10 тонкостей веб-дизайна 2013 года

Written by 
Оцени эту запись
(2 Голоса)

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

 

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

 

YooTheme Solar

 

YooTheme Pace

2. Иконки. Продолжается тема всяческих иконок. Это могут быть как разделы сайта, так и ссылки на страницы в социальных сетях.

 

YooTheme Infinite

 

3. CSS3. Все больше на сайтах представлены изысканные анимации при наведении при помощи CSS3.

 

4. Блоггинг. Так как интернет уходит в сторону Web 2.0 и общения с пользователями, а количество блогов растет с каждым днем, то в моду веб-дизайна входят классические черты блога:

Gavick Simplicity

 

 -- светлый фон

 -- минимальное оформление

 -- крупные красивые картинки

 -- крупные заголовки

 

5. Блоки. В новостных сайтах по прежнему актуально размещать новостные блоки, часто со скроллингом. Это могут быть региональные или мировые новости, новости спорта, политики или технологий, последние и популярные новости. 

 

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

 

Gavick News

 

6. Теги. В блогах и не только всегда будут актуальны блоки с ключевыми словами (тегами) и календари новостей(событий). На новостях порталах можно также заметить блоки с прогнозом погоды, курсом валют и т. д.

 

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

 

Gavick Storebox

 

8. Новости и фотогалереи. Почти на всех сайтах нынче есть раздел новостей и фотогалерея. Первое полезно для поисковой оптимизации, а второе для привлечения постоянных клиентов и их длительного нахождения на сайте.

 

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

 

RocketTheme Alerion

 

10. Видео. Несколько раз мне встречалось фоновое видео на сайте, с использованием HTML5 тега <video>, а не flash-проигрывателя. Это смотрится очень красиво, модно и современно!

 

RocketTheme Lumiere

 

 

 

Additional Info

Еще в этой категории: « Вдохновляющие ресурсы

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов