Понедельник, 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

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

Комментарии  

 
0 #5 broadway elite limo 15.03.2017 05:39
Outstanding info it is surely. My teacher has been seeking for this info.
 
 
0 #4 http://mino.re 11.10.2016 23:35
What is your favourite equipment to use? I use an old Nikon, which I'm pretty happy with.
 
 
0 #3 credit 04.08.2016 09:08
Thank you a lot for sbaring this with aⅼl folk ʏou rеally realizse աhɑt
yoս aгᥱ speaking aЬout! Bookmarked. Kinddly аlso visit mү
ѕіᥱ =). We mаy have ɑ hyperlink chаnge agreemkent among us

My blog - credit: http://www.californiazephyr.biz/__media__/js/netsoltrademark.php?d=h2o.law.harvard.edu%2Fusers%2F109235
 
 
0 #2 down forex 21.02.2015 17:33
If you wish for to improve your experience just keep visiting this web site annd be updated
with the hottest gossip posted here.
 
 
0 #1 data recovery 28.09.2014 19:17
Very nice article. I absolutely apprecіɑte this site.Stik with
it!
 

You have no rights to post comments

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