<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
    <channel>
        <title>Mozello лучший бесплатный конструктор сайтов - Блог</title>
        <link>http://rus.mozello.com/blog/</link>
        <description>Mozello лучший бесплатный конструктор сайтов - Блог</description>
                    <item>
                <title>10 трендов в веб-дизайне на 2015 год</title>
                <link>http://rus.mozello.com/blog/params/post/329063/</link>
                <pubDate>Mon, 19 Jan 2015 08:15:40 +0000</pubDate>
                <description>&lt;p style=&quot;&quot;&gt;Праздники закончились, а значит, пришла пора взбодриться и подумать про планы на будущее, грядущие проекты и перспективы. Мы в Wix всегда, сколько себя помним, ждем нового года с волнением и любопытством. Впереди — 2015-й, и он наверняка принесет немало интересного в сферу веб-дизайна.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;Разумеется, мы не можем предсказать все, что случится, но кое-какие догадки у нас имеются. Вы же помните, что&amp;nbsp;&lt;a href=&quot;http://ru.wix.com/?utm_campaign=bloglinks_ru&amp;amp;experiment_id=home_page_ru&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;Wix&lt;/a&gt;&amp;nbsp;не только удобная, но и современная платформа, поэтому мы внимательно следим за всем, что происходит, и знаем, куда дует ветер перемен.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;Пристегните ремни, дорогие друзья, путешествие в будущее начинается! В этом году нас ждут очень любопытные тренды:&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-4365&quot; title=&quot;&quot; src=&quot;http://ru.wix.com/blog/wp-content/uploads/2015/01/webdesgin-trends_image-2.png&quot; alt=&quot;&quot; width=&quot;650&quot; height=&quot;400&quot; style=&quot;margin: 20px auto; font-size: inherit; display: block; max-width: 665px;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Материальный дизайн&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;Разновидность «плоского» дизайна, придуманная компанией Google. В основе идеи лежат традиционные техники дизайна и реальные физические явления, адаптированные под веб. В результате получаются многослойные интерфейсы, способные передавать особенности материалов, освещения и имитировать движения из реального мира. Пример того, как это выглядит, можно посмотреть&amp;nbsp;&lt;a href=&quot;http://www.materialup.com/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;по ссылке&lt;/a&gt;.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;iframe src=&quot;http://www.youtube.com/embed/Q8TXgCzxEnw&quot; width=&quot;650&quot; height=&quot;400&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;allowfullscreen&quot; style=&quot;font-size: inherit;&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Анимация&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;В течение нескольких лет веб-дизайнеры убеждали онлайн-отрасль избавиться от анимации раз и навсегда, а сейчас она вдруг резко вошла в моду. Что же изменилось? Во-первых, анимационные эффекты стали осмысленными и аккуратными, и дизайнеры поняли, как ими нужно пользоваться. Во-вторых, сейчас эти эффекты делают акцент на движении, переходах и неназойливых подсказках, которые обозначают какое-то действие.&amp;nbsp;&lt;a href=&quot;http://bit.ly/1DZk6gB&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;Вот здесь&lt;/a&gt;&amp;nbsp;можно почитать о том, как добавить анимацию на Wix-сайт.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-4317&quot; title=&quot;Привлекает внимание, правда?&quot; src=&quot;http://ru.wix.com/blog/wp-content/uploads/2015/01/Text.gif&quot; alt=&quot;Привлекает внимание, правда?&quot; width=&quot;650&quot; height=&quot;450&quot; style=&quot;margin: 20px auto; font-size: inherit; display: block; max-width: 665px;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Призрачные кнопки&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;Забудьте о ярких кнопках, призывающих к действию. Сейчас в моду входят простые и прозрачные элементы, отделенные от фона тонкой рамкой. Они, как правило, больше, чем стандартные кнопки и находятся на самом заметном месте страницы. Скромный внешний вид вовсе не означает, что такие кнопки никто не замечает и не нажимает, наоборот, людям очень нравится их изящная простота и уместность. У нас, кстати, есть&amp;nbsp;&lt;a href=&quot;http://ru.wix.com/website-template/view/html/1594/?utm_campaign=bloglinks_ru&amp;amp;experiment_id=template_viewer_ru&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;готовый шаблон&lt;/a&gt;&amp;nbsp;как раз с такими элементами (а на сайте&amp;nbsp;&lt;a href=&quot;http://www.urban-cup.com/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;Urban Cup&lt;/a&gt;&amp;nbsp;этот тренд уже используется во всю).&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;a href=&quot;http://ru.wix.com/website-template/view/html/1594/?utm_campaign=bloglinks_ru&amp;amp;experiment_id=template_viewer_ru&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;&lt;img class=&quot;aligncenter wp-image-4326 size-full&quot; title=&quot;Шаблон Creative Corner — призрачные кнопки уже внутри.&quot; src=&quot;http://ru.wix.com/blog/wp-content/uploads/2015/01/GHOSTBUTTONS2-new.jpg&quot; alt=&quot;Призрачные кнопки.&quot; width=&quot;650&quot; height=&quot;394&quot; style=&quot;margin: 20px auto; font-size: inherit; display: block; max-width: 665px;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Сторителлинг&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;Сторителлинг в веб-дизайне означает, что сайт должен рассказывать посетителям историю — не в буквальном смысле, конечно, а через ощущения, которые возникают у человека в момент просмотра. Для этого можно использовать связанные по смыслу картинки и тексты или интерактивный скроллинг, чтобы читатель был не просто зрителем, но и участником. Существует масса способов рассказать историю при помощи дизайна, и мы надеемся, что в 2015 году этот тренд станет еще популярнее. Отличный пример сторителлинга можно увидеть на этом&amp;nbsp;&lt;a href=&quot;http://www.patisserie67.com/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;Wix-сайте&lt;/a&gt;.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;a href=&quot;http://www.patisserie67.com/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;&lt;img class=&quot;aligncenter wp-image-4327 size-full&quot; title=&quot;Сторителлинг — как передать историю при помощи дизайна. &quot; src=&quot;http://ru.wix.com/blog/wp-content/uploads/2015/01/storytelling.png&quot; alt=&quot;Сторителлинг — как передать историю при помощи дизайна. &quot; width=&quot;650&quot; height=&quot;800&quot; style=&quot;margin: 20px auto; border: 1px solid rgb(192, 192, 192); font-size: inherit; display: block; max-width: 665px;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Карточный дизайн&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;Более гибкая и демократичная версия так называемого «плиточного дизайна», о котором мир впервые узнал в 2010 году благодаря сервису Pinterest. Карточки сейчас используются в качестве отправной точки для движения по сайту: это анонс того материала, который откроется при клике. В наступившем году карточный дизайн будет развиваться дальше, появятся новые стили и интерактивные опции. Если вы хотите сделать такой сайт, то рекомендуем взять за основу&amp;nbsp;&lt;a href=&quot;http://ru.wix.com/website-template/view/html/1005/?utm_campaign=bloglinks_ru&amp;amp;experiment_id=template_viewer_ru&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;этот шаблон&lt;/a&gt;.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;a href=&quot;http://ru.wix.com/website-template/view/html/1005/?utm_campaign=bloglinks_ru&amp;amp;experiment_id=template_viewer_ru&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;&lt;img class=&quot;aligncenter wp-image-4319 size-full&quot; title=&quot;Карточный дизайн.&quot; src=&quot;http://ru.wix.com/blog/wp-content/uploads/2015/01/cards-design.png&quot; alt=&quot;Карточный дизайн.&quot; width=&quot;650&quot; height=&quot;400&quot; style=&quot;margin: 20px auto; border: 1px solid rgb(192, 192, 192); font-size: inherit; display: block; max-width: 665px;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Видео в качестве фона&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;Красивые видео, не ограниченные рамкой видеоплеера, классно смотрятся и вытесняют традиционные фоновые изображения. И неудивительно — это свежо, красиво, с видео можно придумать что-нибудь новенькое и оно хорошо сочетается с идеей сторителлинга, о который говорится выше. Такой фон определяет концепцию всего сайта, оживляет его и создает динамику. Посмотрите сайт&amp;nbsp;&lt;a href=&quot;http://www.zenitboards.com/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;Zenit&lt;/a&gt;&amp;nbsp;и оцените, насколько это красиво.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;a href=&quot;http://www.zenitboards.com/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;&lt;img class=&quot;aligncenter wp-image-4318 size-full&quot; title=&quot;Видео в качестве фона.&quot; src=&quot;http://ru.wix.com/blog/wp-content/uploads/2015/01/background.png&quot; alt=&quot;Видео в качестве фона.&quot; width=&quot;650&quot; height=&quot;400&quot; style=&quot;margin: 20px auto; font-size: inherit; display: block; max-width: 665px;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Скроллинг вместо кликов&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;Хороший пример того, как мобильные интерфейсы повлияли на веб-дизайн. Распространенность тач-устройств изменила способ взаимодействия со страницами:&amp;nbsp;&lt;a href=&quot;http://ru.wix.com/blog/2014/01/%D0%B4%D0%BB%D0%B8%D0%BD%D0%BD%D0%B0%D1%8F-%D0%BF%D1%80%D0%BE%D0%BA%D1%80%D1%83%D1%82%D0%BA%D0%B0/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;прокрутка&lt;/a&gt;&amp;nbsp;теперь действие привычное, а «кликанье» — менее интуитивный и естественный способ навигации. Сейчас принято размещать контент на отдельной вертикальной странице и делить его не на разделы, а на «экраны». Сайт&lt;a href=&quot;http://www.mads-schou.com/#!home/cjg9&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;&amp;nbsp;Madsschou&lt;/a&gt;, сделанный на Wix, отлично эту мысль иллюстрирует.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;a href=&quot;http://www.mads-schou.com/#!home/cjg9&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;&lt;img class=&quot;aligncenter wp-image-4325 size-full&quot; title=&quot;Интерактивный скроллинг — скажи кликам нет!&quot; src=&quot;http://ru.wix.com/blog/wp-content/uploads/2015/01/scroll.png&quot; alt=&quot;Интерактивный скроллинг.&quot; width=&quot;650&quot; height=&quot;600&quot; style=&quot;margin: 20px auto; font-size: inherit; display: block; max-width: 665px;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Микровзаимодействия&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;На веб-дизайн в этом году повлияют новые способы заинтересовывать посетителей сайтов. Логика такая: каждый раз, когда вы просите человека выполнить какое-то действие, рождается взаимодействие. Переход в сторону микровзаимодействий — это попытка создать как можно больше поводов для каких-то небольших действий. Классические примеры — это окошко для e-mail-подписки или фича, с помощью которой можно ставить оценки. Появится ли что-то новое в 2015 году? Готовы спорить, что да.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;a href=&quot;http://www.food-wine.travel/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;&lt;img class=&quot;aligncenter wp-image-4330 size-full&quot; title=&quot;Подписка на рассылку — самое что ни на есть микровзаимодействие.&quot; src=&quot;http://ru.wix.com/blog/wp-content/uploads/2015/01/subscribe-RU.jpg&quot; alt=&quot;&quot; width=&quot;650&quot; height=&quot;460&quot; style=&quot;margin: 20px auto; font-size: inherit; display: block; max-width: 665px;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Рисунки от руки&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;Иллюстрации всегда были важным элементом веб-дизайна, но сейчас мы наблюдаем, что предпочтение отдается изображениям, словно нарисованным от руки. Нет, они не выглядят любительскими, а подчеркивают индивидуальность и привносят что-то авторское — то, чего так не хватает «выглаженным» работам профессиональных иллюстраторов. Наши пользователи Джо и Лиза поняли это и украсили&amp;nbsp;&lt;a href=&quot;http://lisanholland.wix.com/joelisawedding2015/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;свой сайт&lt;/a&gt;&amp;nbsp;такими рисунками.&lt;/p&gt;&lt;p style=&quot;&quot;&gt;&lt;a href=&quot;http://lisanholland.wix.com/joelisawedding2015/&quot; target=&quot;_blank&quot; style=&quot;outline: none;&quot;&gt;&lt;img class=&quot;aligncenter wp-image-4323 size-full&quot; title=&quot;Иллюстрации на сайте — когда веб-страница превращается в холст.&quot; src=&quot;http://ru.wix.com/blog/wp-content/uploads/2015/01/illu.png&quot; alt=&quot;Иллюстрации на сайте.&quot; width=&quot;650&quot; height=&quot;550&quot; style=&quot;margin: 20px auto; border: 1px solid rgb(192, 192, 192); font-size: inherit; display: block; max-width: 665px;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;h3 style=&quot;-webkit-animation: fontfix 0.5s linear 0.5s 1;&quot;&gt;Спрятанные меню&lt;/h3&gt;&lt;p style=&quot;&quot;&gt;Еще один пример того, как мобильные устройства изменили мир веб-дизайна. На экранах смартфонов и планшетов, как мы знаем, не так много места, а навигационное меню спрятано за иконкой в углу экрана. Дизайнеры попробовали сделать то же самое на большом экране и увидели в этом эстетический и практический смысл. Меню не видно до тех пор, пока в нем нет надобности, а когда есть, то его легко активировать один кликом мышки или просто наведением курсора.&lt;/p&gt;</description>
            </item>
                    <item>
                <title>Вдохновение</title>
                <link>http://rus.mozello.com/blog/params/post/299382/vdohnovenie</link>
                <pubDate>Sat, 20 Dec 2014 10:09:19 +0000</pubDate>
                <description>&lt;h1 class=&quot;post-title&quot; style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Сайты, посвященные зимним видам спорта&lt;/h1&gt;&lt;p&gt;&lt;img width=&quot;640&quot; height=&quot;153&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/43-640x153.png&quot; class=&quot;attachment-post-thumbnail wp-post-image&quot; alt=&quot;4&quot; style=&quot;margin-bottom: 35px; outline: 0px; vertical-align: bottom; height: auto; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color: rgb(68, 68, 68); font-family: &#039;PT Sans&#039;, &#039;Trebuchet MS&#039;, &#039;Helvetica CY&#039;, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; letter-spacing: 0.300000011920929px; line-height: 24.8999996185303px; background: rgb(243, 243, 243);&quot;&gt;&lt;/p&gt;&lt;div class=&quot;content&quot; style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Кто собирается отдыхать&amp;nbsp;в горы? Эта подборка для вас, а также для тех, кто не собирается но&amp;nbsp;все равно остается неравнодушен к зимним видам &amp;nbsp;спорта и конечно к веб-дизайну. Мы собрали сайты, посвященные зимним видам спорта. Многие из&amp;nbsp;них украшены снежными вершинами, некоторые выполнены в ином стиле, однако все они интересные и достойны внимания. Вы найдете ресурсы посвященные хоккею, лыжам, сноуборду и многое&amp;nbsp;другое.&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://lalignerouge.ca/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;lalignerouge.ca&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2342&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/14.png&quot; alt=&quot;1&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.dalbello.it/en/boots&quot; target=&quot;_blank&quot; rel=&quot;external nofollow&quot; style=&quot;&quot;&gt;dalbello.it&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2343&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/23.png&quot; alt=&quot;2&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.adidas.com/us/snowboarding&quot; target=&quot;_blank&quot; rel=&quot;external nofollow&quot; style=&quot;&quot;&gt;adidas.com&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2344&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/33.png&quot; alt=&quot;3&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.sochi2014.lifefitnessrussia.ru/?lang=en&quot; target=&quot;_blank&quot; rel=&quot;external nofollow&quot; style=&quot;&quot;&gt;lifefitnessrussia.ru&lt;/a&gt;&lt;/h3&gt;&lt;h2 class=&quot;moze-center&quot;&gt;&lt;a href=&quot;/galereja/&quot; target=&quot;_self&quot; class=&quot;moze-button&quot;&gt;Наши шаблоны позволят Вам создать вот такой сайт&amp;nbsp;&lt;/a&gt;&lt;/h2&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2345&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/43.png&quot; alt=&quot;4&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://brand.peakperformance.com/black_light/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;brand.peakperformance.com&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2346&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/53.png&quot; alt=&quot;5&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://tripplanner.travelalberta.com/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;tripplanner.travelalberta.com&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2347&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/62.png&quot; alt=&quot;6&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.gotatry.sk/ru/homepage/&quot; target=&quot;_blank&quot; rel=&quot;external nofollow&quot; style=&quot;&quot;&gt;gotatry.sk&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2348&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/73.png&quot; alt=&quot;7&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;https://everystep.citi.com/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;everystep.citi.com&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2349&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/83.png&quot; alt=&quot;8&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://paralympic.rt.ru/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;paralympic.rt.ru&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2350&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/93.png&quot; alt=&quot;9&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://10thwhiskey.com/#&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;10thwhiskey.com&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2351&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/103.png&quot; alt=&quot;10&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.kalliogladiators.fi/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;kalliogladiators.fi&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2352&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/112.png&quot; alt=&quot;11&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.nikevision.com/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;nikevision.com&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2353&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/122.png&quot; alt=&quot;12&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.protest.eu/en/&quot; target=&quot;_blank&quot; rel=&quot;external nofollow&quot; style=&quot;&quot;&gt;protest.eu&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2354&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/131.png&quot; alt=&quot;13&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.salomonsnowboard.com/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;salomonsnowboard.com&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2355&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/141.png&quot; alt=&quot;14&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.jonessnowboards.com/?lang=en&quot; target=&quot;_blank&quot; rel=&quot;external nofollow&quot; style=&quot;&quot;&gt;jonessnowboards.com&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2356&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/15.png&quot; alt=&quot;15&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://redcarpet.ch/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;redcarpet.ch&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2357&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/16.png&quot; alt=&quot;16&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.eska.at/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;eska.at&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2358&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/17.png&quot; alt=&quot;17&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://ines-papert.de/de/weblog/latest&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;ines-papert.de&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2359&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/18.png&quot; alt=&quot;18&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://blackdiamondequipment.com/&quot; target=&quot;_blank&quot; style=&quot;&quot;&gt;blackdiamondequipment.com&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2360&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/19.png&quot; alt=&quot;19&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;h3 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;a href=&quot;http://www.lowa.de/startseite.html&quot; target=&quot;_blank&quot; rel=&quot;external nofollow&quot; style=&quot;&quot;&gt;lowa.de&lt;/a&gt;&lt;/h3&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-2361&quot; src=&quot;http://lopart.by/wp-content/uploads/2014/12/20.png&quot; alt=&quot;20&quot; width=&quot;700&quot; height=&quot;358&quot; style=&quot;outline: 0px; vertical-align: bottom; height: auto; background: transparent;&quot;&gt;&lt;/p&gt;&lt;/div&gt;</description>
            </item>
                    <item>
                <title>7 трендов в веб-дизайне на 2015 год</title>
                <link>http://rus.mozello.com/blog/params/post/299375/</link>
                <pubDate>Sat, 20 Dec 2014 09:53:51 +0000</pubDate>
                <description>&lt;span style=&quot;letter-spacing: 0.300000011920929px;&quot;&gt;Оглядываясь на 2014 год, мы можем понять, какие тренды будут доминирующими в 2015 году, который уже не за горами. Так как количество девайсов, на которых пользователи просматривают сайты, постоянно растет и меняется, веб-дизайнер должен думать не только внешнем виде сайта на ПК, но и о том, насколько удобен он для мобильных устройств.&lt;img src=&quot;//site-102687.mozfiles.com/files/102687/Design-trends-article04.jpg&quot;&gt;&lt;/span&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Текст в веб дизайне очень сильно отличается от печатного, и в 2015 году мы наконец-то полностью избавимся от старомодных взглядов, которые делали текст очень мелким и сжатым на многих сайтах.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;В этом нет ничего нового, так как этот концепт обсуждался еще с 2006 года, но дизайнерское общество очень долго и медленно приспосабливалось и привыкало к нему. Очень сложно отпустить принципы, которыми руководствовался годами.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Вот три главных аспекта, которые влияют на читабельность текста в веб дизайне:&lt;/p&gt;&lt;ol style=&quot;margin-bottom: 25px; margin-left: 0px; outline: 0px; color: rgb(68, 68, 68); font-family: &#039;PT Sans&#039;, &#039;Trebuchet MS&#039;, &#039;Helvetica CY&#039;, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; letter-spacing: 0.300000011920929px; line-height: 24.8999996185303px; background: rgb(243, 243, 243);&quot;&gt;&lt;li style=&quot;margin-bottom: 5px; margin-left: 30px; outline: 0px; list-style-position: outside; list-style-image: initial; background: transparent;&quot;&gt;Размер шрифта&lt;/li&gt;&lt;li style=&quot;margin-bottom: 5px; margin-left: 30px; outline: 0px; list-style-position: outside; list-style-image: initial; background: transparent;&quot;&gt;Ширина столбцов&lt;/li&gt;&lt;li style=&quot;margin-bottom: 5px; margin-left: 30px; outline: 0px; list-style-position: outside; list-style-image: initial; background: transparent;&quot;&gt;Высота строки&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Исследования не устают повторять, что больший размер шрифта способствует более удобному чтению в вебе. Дизайнеры уже начали внедрять отзывчивую типографику наряду с отзывчивыми изображениями и интерфейсом. Очень важно, чтобы текст всегда выглядел хорошо, вне зависимости от платформы.&lt;/p&gt;&lt;h2 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot; class=&quot;moze-start&quot;&gt;2. Никакого веб-кодинга&lt;/h2&gt;&lt;p&gt;&lt;img src=&quot;//site-102687.mozfiles.com/files/102687/Design-trends-article02.jpg&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;В процессе веб-разработки всегда участвовало несколько человек: дизайнер создавал внешний вид и ощущения, а потом кодер брался за работу, чтобы превратить разработку в реальность. Этот процесс изменяется и инструменты для веб-дизайна становятся умнее, лучше и амбициознее.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Сегодня дизайнеры могут создавать сайт даже не притрагиваясь к коду, используя все преимущества сильного графического дизайна и чистого кода. Это переворачивает все с ног на голову и понижает барьер для тех дизайнеров, целью которых является создавать красивые и функциональные сайты для своих клиентов.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Но из-за того, что дизайнеры фокусируются на внешнем виде сайта, доработки алгоритмов и шлифовка кода все же имеют место быть. Так что здесь всегда будет место для веб-кодеров, правда доля их работы будет значительно меньше, чем было раньше.&lt;/p&gt;&lt;h2 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot; class=&quot;moze-start&quot;&gt;3. Эволюция отзывчивого дизайна&lt;/h2&gt;&lt;p&gt;&lt;img src=&quot;//site-102687.mozfiles.com/files/102687/Design-trends-article01.jpg&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Всего несколько лет назад создать отзывчивый сайт означало просто сделать его удобным для просмотра на компьютерах, планшетах и смартфонах. С «умными часами», телевизорами и огромным количеством технических новинок для дома значение «отзывчивого дизайна» начинает подразумевать все больше нюансов.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Так как у каждой платформы есть свои требования, главной задачей является сделать так, чтобы контент отображался корректно на любом устройстве. И если структура сайта для смартфона и планшета будет практически одинакова, то для «умных часов» она не подойдет. То же самое и со смарт ТВ, для которых не подойдет структура, предназначенная для ПК.&lt;/p&gt;&lt;h2 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot; class=&quot;moze-start&quot;&gt;4. Плоский дизайн покорит каждый пиксель&lt;img src=&quot;//site-102687.mozfiles.com/files/102687/Design-trends-article03.jpg&quot;&gt;&lt;/h2&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Пока некоторые спорят о проблемах плоского дизайна в сфере пользовательского интерфейса, остальные единогласно называют его своей любимой техникой в веб-дизайне.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Это во многом зависит от того, как мы воспринимаем контент, и как воспринимают его девайсы. &amp;nbsp;Плоский дизайн сам по себе ведет к минималистичными принципам, что в свою очередь приводит к чистым, легким и сфокусированным на контенте сайтам.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Плоский дизайн хорош не только из-за своих эстетических преимуществ. Он очень практичен и позволяет пользователям взаимодействовать с контентом, не отвлекаясь на сторонние факторы.&lt;/p&gt;&lt;h2 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot; class=&quot;moze-start&quot;&gt;5. Больше = лучше для изображений&lt;/h2&gt;&lt;p&gt;&lt;img src=&quot;//site-102687.mozfiles.com/files/102687/Design-trends-article05.jpg&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Не только текст увеличивается, но и изображения!&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Было очень много важных ограничений, которые нужно было держать в голове из-за ограниченной ширины сайта. Но это становится все меньшей проблемой с течением времени, и в результате большие изображения волной накрыли интернет.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;В 2015 изображения займут центральную позицию. Очаровательные техники будут требовать соответствующих изменений размеров, выделяя доминирующие цвета для фона и оптимизируя изображения для более быстрой загрузки.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Вдобавок главным трендом в 2015 году будет использование изображений вместо фона, а текст будет «плавать» на его поверхности без ущерба удобству.&lt;/p&gt;&lt;h2 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot; class=&quot;moze-start&quot;&gt;6. Обновленные анимации скроллинга, параллакс-эффект и микроинтеграции&lt;img src=&quot;//site-102687.mozfiles.com/files/102687/Design-trends-article06.jpg&quot;&gt;&lt;/h2&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Наверное, самый впечатляющий тренд — это параллакс-скроллинг.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Мы видим его повсюду и результат говорит сам за себя — вовлечение на сайте с параллакс-скроллингом может увеличиться до 70%! Использование скроллинга вместо кликов, как технику навигации, является отличным решением, которое требует меньшего времени для загрузки, а также позволяет сделать плавные переходы от точки к точке, избежав раздражающих загрузок. Информация продолжает просто плыть.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;В 2015 мы можем ожидать огромное количество веб-дизайнеров, использующих параллакс-эффект в своих работах.&lt;/p&gt;&lt;h2 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot; class=&quot;moze-start&quot;&gt;7. Рассвет веб-графики&lt;/h2&gt;&lt;p&gt;&lt;img src=&quot;//site-102687.mozfiles.com/files/102687/Design-trends-article07.jpg&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Как специалисты в визуальной сфере, мы стараемся сделать информацию проще для усваивания, что привело к появлению и популяризации инфографики. Она позволяет передавать большие количества информации, удерживая при этом внимание пользователя.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;И на основе этого появился новый тренд — веб-графика. Как и инфографика, веб-графика конвертирует большое количество информации, но кроме этого еще и содержит элементы, с помощью которых пользователь может взаимодействовать с информацией. Это более визуально привлекательно, чем инфографика, и удерживает больше внимания.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;В 2015 году веб-графика будет пользоваться огромной популярностью и зарекомендует себя, как основной компонент современного веб-дизайна.&lt;/p&gt;&lt;h2 style=&quot;outline: 0px; clear: both; letter-spacing: 0.300000011920929px;&quot; class=&quot;moze-start&quot;&gt;Взгляд в будущее&lt;/h2&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Тренды в веб-дизайне приходят и уходят, но творческая изобретательность дизайнеров приводит к изменениям в стандартах веб-дизайна. Дизайнеры преобразуют идеи в тенденции, а тенденции — в стандарты.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Тренды, перечисленные здесь, быстро становятся обычным явлением в веб-дизайне и найдут еще большее признание в наступающем году. Сайты, не использующие эти элементы, безусловно, будут медленно умирать в 2015 году.&lt;/p&gt;&lt;p style=&quot;outline: 0px; letter-spacing: 0.300000011920929px;&quot;&gt;Дайте нам знать в комментариях, какие еще дополнительные тенденции, по вашему мнению, должны быть включены в этот список и будут заметны в 2015 году!&lt;/p&gt;</description>
            </item>
                    <item>
                <title>7 тенденций для Веб-дизайна, которые нужно учитывать в 2015 году!</title>
                <link>http://rus.mozello.com/blog/params/post/299364/7-tendencij-dlja-veb-dizajna-kotorye-nuzhno-uchityvat-v-2015-godu</link>
                <pubDate>Sat, 20 Dec 2014 09:37:08 +0000</pubDate>
                <description>&lt;div class=&quot;discuss debate-page-show&quot; style=&quot;outline: 0px;&quot;&gt;&lt;div class=&quot;theme&quot; style=&quot;outline: 0px;&quot;&gt;&lt;div class=&quot;description content&quot; style=&quot;outline: 0px; min-height: 0px;&quot;&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;1. ДОСТУПНЫЙ, КАЧЕСТВЕННЫЙ КОНТЕНТ&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;br&gt;Прежде чем углубиться в тенденций дизайна, важно констатировать, что содержание — это всегда главное и содержание всегда «было царём», и на 2014 год так и остаётся основной задачей продукта (сайта).&lt;br&gt;Дизайнеры должны быть уверены, что они создают полезный, информативный и доступный контент, который достигает пользователя посредством лучшего интерактивного возможного опыта.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Твердый заголовок, несомненно, сделает сайт более открытым, но качественный контент в равной степени необходим для того чтобы остаться на месте в течение достаточного периода времени… а также вернуться вновь.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;2. ИЛЛЮСТРАЦИИ ПОД САЙТ&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://inserviowebsolutions.co.uk/&quot; style=&quot;outline: 0px;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/68c812f4ca5284ce126b0addb92e178e_crop.jpg&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Дизайнеры принимают этот подход с иллюстрациями очень серьезно, таким образом дизайнер действительно может отличить сайт от других. Иллюстрации, векторная графика и нарисованные от руки иллюстрации становятся популярными из-за «природной» эстетической красоты, энергии и уникальности. Они могут быть либо простые или сложные, но нет абсолютно никаких сомнений в том, что они делают дизайн более запоминающимся.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;В то время как большинство дизайнеров ограничивается детальными иллюстрациями на контент страницах, другие смело выставляют иллюстрации на полную станицу во всю ширь.&amp;nbsp;&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;«Месидж» дойдёт быстрее с помощью иллютрации нежели словестным объяснением.&amp;nbsp;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;3. БОЛЬШОЙ ТЕКСТ БОЛДОМ!&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://salleedesign.com/home/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/aa0ab7c7fa93f532697a7a36747aed65_crop.jpg&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Посетите сколько угодно современных&amp;nbsp;&lt;strong style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://www.cssdesignawards.com/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;новых сайтов&lt;/a&gt;&lt;/strong&gt;&amp;nbsp;и вы сами увидите, что приветствие (первая страница, можно назвать это шапкой сайта) написано всегда большими буквами в стиле болд.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Это текст является приветствием и краткой информацией о том что Ввы сможете получить на этой странице.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Тренд сезона — это уместить в одно предложение суть занятия компании, часто это предложение сопровождается фоновой огромной фотографией (не много не в фокусе, чтобы не «кричала»)&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Идея краткого большого текста болдом стала популярной так как она удабна в применении и отлично сдится по сути в юзабилити интерфеиса — легко быстро читается.&lt;br&gt;И на сайтах и на мобильных устроиствах пользователи любят нажимать именно на большие понятные и читабельные ссылки/слова.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;Большие слова действенные.&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://playgroundinc.com/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/9495a72631b96941ea0559e3db466303_crop.jpg&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Все больше и больше дизайнеры используют минимальные шрифты и делают их просто больше размером.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Если у вас есть всего одноин фоновое изображение используйте один шрифт и больший размер шрифта, это сделает ваше сообщение яснее.&amp;nbsp;&lt;br&gt;Кроме того, дайте своему сообщению возможность дышать, имея достаточно пустого пространства вокруг текста. И, наконец, фоновая фотография конечно же должна соответствовать вашему сообщению.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;4. ВИДЕО ЗАМЕНА ТЕКСТА И ГРАФИКИ&amp;nbsp;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Анимация(графика в движении) &amp;nbsp;всегда приветствовалась и существовала в веб дизайне, вспомните ФЛЕШ.&lt;br&gt;И сегодня это популярно только уже по новым технологиям с помощью&lt;strong style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;a title=&quot;Html Canvas&quot; href=&quot;http://html5doctor.com/video-canvas-magic/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;HTML5 Canvas Video&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://carrot.is/creative&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/e067074d73beaab4839f964129844675_crop.png&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Вот отличный пример (наверху) агентство CARROT, которые используют видео на многих дополнительных страницах своего сайта. Это помогает добавить динамики и понимание компании, и может только с фотографиями или иллюстрациями не было бы такого ясного понимания и эффекта как с видео. Если картинка стоит 1000 слов, сколького стоит видео?&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/2784a60723e3d2539f974755aaec69ef_crop.png&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Ещё один отличный пример это вомпания &amp;nbsp;Sony с видео от компании &amp;nbsp;&lt;a title=&quot;Be Moved&quot; href=&quot;http://discover.store.sony.com/be-moved/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;BeMoved&lt;/a&gt;&amp;nbsp;, это сайт&amp;nbsp;который использует прокрутку паралакса и mp4 видео очень хорошо. Вы можете видеть что происходит за кулисами сайта по ссылке :&amp;nbsp;&lt;a title=&quot;Behind Scenes of BeMoved&quot; href=&quot;http://ihatetomatoes.net/sonys-be-moved-website-deconstructed/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;behind the scenes&lt;/a&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;5. Подход — «МЕНЬШЕ, ЗНАЧИТ БОЛЬШЕ!»&amp;nbsp;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://plainmade.com/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/ff544653e2d9ca3c43dc41d67d4846c0_crop.jpg&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Меньше значит больше! Минимализм набирает обороты в мире веба. Никто не хочет смотреть на страницы, переполненые графикой, фотографиями, текстами и случайнымих летающимих объектами.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;На очищенной страницы легче ориентироваться и воспринимать информацию.&lt;/strong&gt;&amp;nbsp;&lt;br&gt;Дизайнеры быстро схватывают эту тенденцию и используют в своих работах.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Дизайнеры должны максимально прочистить ряды контента, вникнуть в суть конента чтобы оставить самое нужно.&lt;br&gt;Удаляя на повал всё до тех пор пока не убедитесь что удалять больше нельзя (максимально!).&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://www.interiors.davroc.co.uk/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/8acbdf5047cda8c482b59e39e61c6c95_crop.jpg&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;Меньше слов или изображений — является правилом!&lt;/strong&gt;&amp;nbsp;&lt;br&gt;Хороший точный глазомер нужен для размещения фотографий и текста, расстояние и пропорции приобретают решающее значение.&amp;nbsp;&lt;br&gt;Умный выбор шрифта и минимальный текст может творить чудеса при размещении контента в белом пространстве. Используйте сетку для размещения фотографии и текста для усиления эффекта (плюс тем самым вы упростите себе задачу).&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;6. ДИЗАЙН — ПЛОСКИЙ (Flat design)&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://www.apple.com/in/iphone-5c/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/8dc208e5a450fc0356b70cbb6b83e361_crop.jpg&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;Плоский дизайн&lt;/strong&gt;&amp;nbsp;является прямой связующей иллюстраций и инфографики, которое стремится к простоте, ясности и честности материалов в пользовательских интерфейсах.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Плоские страницы не подчёркивают глубину страниц, но зато при современной прокрутки паралакса такой дизайн более выгодный — яркие, чёткие иллюстрации и графические элементы более радуют глаз.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Они более точны и просты и понятны. (и не перегружают сам сервер).&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Тенденция плоского дизайна будет продолжать цвести до 2015 года.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://www.fitbit.com/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/7d99efa269de502c7e32066e0ab2f782_crop.jpg&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;Особености плоского дизайна :&lt;/strong&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;1.простота&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;2.Прямые линии, и квадратные углы&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;3.Нет эффектов на тексте&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;4.Всего несколько кнопок, «меньше элементов»&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;5.Типография &amp;amp; &amp;nbsp;лидирующий цвет в дизайне &amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;6.Уникальность, часто Яркие Цветовые сочетания&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;strong style=&quot;outline: 0px;&quot;&gt;7. АНИМАЦИОННЫЙ РАССКАЗ ИСТОРИИ&amp;nbsp;&lt;/strong&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Многие дизайнеры взяли на себя задачу — стать развлекательныМИ рассказчиками для того чтобы пользователям было интереснее прочитывать контент.&amp;nbsp;&lt;br&gt;Использование повествования в веб-дизайне часто показывает шаг за шагом сообщение (месидж сайта\компании).&amp;nbsp;&lt;br&gt;Дизайнеры используются различнымие элементамиы, чтобы рассказать свою историю марки путем сочетания слов, иллюстраций, типографики, видео, фотографии, цвета, иконок, значков и символов.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://www.zensorium.com/tinke/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/07f7c4c231f475a9aeb6a35bf466e3cf_crop.jpg&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Слова всегда были самым простым способом рассказать историю. Предложения должны быть краткими и по существу.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Видеоряд может быть более эффективным когда одно изображение может сказать много о вашем бренде. Чтобы пойти еще дальше, мы можем анимировать части страницы :&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;a href=&quot;http://www.dangersoffracking.com/&quot; style=&quot;outline: 0px; text-decoration: underline;&quot;&gt;&lt;img src=&quot;http://www.ilconte.ru/uploads/content/users_data/6961/images/3c720e186802d1f4ec3e0c747e578546_crop.jpg&quot; style=&quot;border: 1px solid rgb(129, 129, 131); outline: 0px; font-size: 14px; background: transparent;&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Простой, ориентированный контент вместе с вспомогательными элементами дизайна помогут сделать для пользователя бренд более эффектным и запоминающимся.&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;--------------------------------------------------------------------------------------------------------------------------------&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;Учитывая все эти тенденции вы сможете предоставить продукт в ином стиле более презентабельном.&lt;span style=&quot;font-size: 14px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;outline: 0px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;clear&quot; style=&quot;outline: 0px;&quot;&gt;&lt;/div&gt;&lt;div data-share-size=&quot;30&quot; data-like-text-enable=&quot;false&quot; data-background-alpha=&quot;0.0&quot; data-pid=&quot;1288853&quot; data-mode=&quot;share&quot; data-background-color=&quot;ededed&quot; data-share-shape=&quot;round-rectangle&quot; data-icon-color=&quot;ffffff&quot; data-share-counter-size=&quot;10&quot; data-text-color=&quot;000000&quot; data-buttons-color=&quot;ff9300&quot; data-counter-background-color=&quot;ffffff&quot; data-share-counter-type=&quot;common&quot; data-orientation=&quot;horizontal&quot; data-following-enable=&quot;false&quot; data-sn-ids=&quot;fb.tw.ok.vk.gp.mr.&quot; data-selection-enable=&quot;true&quot; data-share-style=&quot;1&quot; data-counter-background-alpha=&quot;1.0&quot; data-top-button=&quot;false&quot; class=&quot;uptolike-buttons innerHTML moze-center&quot; data-utl_buttons-installed=&quot;true&quot; id=&quot;__utl-buttons-1&quot; data-id=&quot;__uptolike_widgets_settings___utl-buttons-1&quot; style=&quot;outline: 0px;&quot;&gt;&lt;div class=&quot;uptl_container uptl_container-share uptlw-container uptl_container-horizontal uptlk_wdgt_3gQTC&quot; style=&quot;outline: 0px; z-index: 100500;&quot;&gt;&lt;div class=&quot;uptl_toolbar uptl_toolbar_simple __utl-reset uptl_toolbar_share&quot; style=&quot;outline: 0px; -webkit-user-select: none; box-sizing: content-box !important; text-shadow: none !important;&quot;&gt;&lt;ul class=&quot;horizontal style-1 size-30 horizontal&quot; style=&quot;margin-left: 0px; border-style: none; outline: 0px; font-size: 12px; font-style: normal; -webkit-user-select: none; line-height: normal; height: 30px; white-space: nowrap; padding: 3px !important; font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif !important; box-sizing: content-box !important; text-shadow: none !important; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; display: inline-block !important; background: transparent;&quot;&gt;&lt;li data-uptlwtype=&quot;share-button&quot; data-snid=&quot;fb&quot; data-clicks=&quot;1&quot; data-style=&quot;1&quot; data-size=&quot;30&quot; class=&quot;utl-icon-num-0 share-style-1 utl-icon-fb effect-0&quot; title=&quot;Поделиться Facebook&quot; style=&quot;border-style: none; outline: 0px; font-size: 12px; font-style: normal; -webkit-user-select: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-right: 3px !important; vertical-align: top !important; font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif !important; box-sizing: content-box !important; color: rgb(255, 255, 255) !important; line-height: 0 !important; text-shadow: none !important; list-style-type: none !important; display: inline-block !important; cursor: pointer !important; background-image: none !important; background-attachment: initial; background-color: transparent; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;&quot;&gt;&lt;/li&gt;&lt;li data-uptlwtype=&quot;share-button&quot; data-snid=&quot;tw&quot; data-clicks=&quot;0&quot; data-style=&quot;1&quot; data-size=&quot;30&quot; class=&quot;utl-icon-num-1 share-style-1 utl-icon-tw effect-0 __zero-count&quot; title=&quot;Поделиться Twitter&quot; style=&quot;border-style: none; outline: 0px; font-size: 12px; font-style: normal; -webkit-user-select: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-right: 3px !important; vertical-align: top !important; font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif !important; box-sizing: content-box !important; color: rgb(255, 255, 255) !important; line-height: 0 !important; text-shadow: none !important; list-style-type: none !important; display: inline-block !important; cursor: pointer !important; background-image: none !important; background-attachment: initial; background-color: transparent; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;&quot;&gt;&lt;/li&gt;&lt;li data-uptlwtype=&quot;share-button&quot; data-snid=&quot;ok&quot; data-clicks=&quot;0&quot; data-style=&quot;1&quot; data-size=&quot;30&quot; class=&quot;utl-icon-num-2 share-style-1 utl-icon-ok effect-0 __zero-count&quot; title=&quot;Поделиться Одноклассники&quot; style=&quot;border-style: none; outline: 0px; font-size: 12px; font-style: normal; -webkit-user-select: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-right: 3px !important; vertical-align: top !important; font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif !important; box-sizing: content-box !important; color: rgb(255, 255, 255) !important; line-height: 0 !important; text-shadow: none !important; list-style-type: none !important; display: inline-block !important; cursor: pointer !important; background-image: none !important; background-attachment: initial; background-color: transparent; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;&quot;&gt;&lt;/li&gt;&lt;li data-uptlwtype=&quot;share-button&quot; data-snid=&quot;vk&quot; data-clicks=&quot;0&quot; data-style=&quot;1&quot; data-size=&quot;30&quot; class=&quot;utl-icon-num-3 share-style-1 utl-icon-vk effect-0 __zero-count&quot; title=&quot;Поделиться ВКонтакте&quot; style=&quot;border-style: none; outline: 0px; font-size: 12px; font-style: normal; -webkit-user-select: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-right: 3px !important; vertical-align: top !important; font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif !important; box-sizing: content-box !important; color: rgb(255, 255, 255) !important; line-height: 0 !important; text-shadow: none !important; list-style-type: none !important; display: inline-block !important; cursor: pointer !important; background-image: none !important; background-attachment: initial; background-color: transparent; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;&quot;&gt;&lt;/li&gt;&lt;li data-uptlwtype=&quot;share-button&quot; data-snid=&quot;gp&quot; data-clicks=&quot;0&quot; data-style=&quot;1&quot; data-size=&quot;30&quot; class=&quot;utl-icon-num-4 share-style-1 utl-icon-gp effect-0 __zero-count&quot; title=&quot;Поделиться Google+&quot; style=&quot;border-style: none; outline: 0px; font-size: 12px; font-style: normal; -webkit-user-select: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-right: 3px !important; vertical-align: top !important; font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif !important; box-sizing: content-box !important; color: rgb(255, 255, 255) !important; line-height: 0 !important; text-shadow: none !important; list-style-type: none !important; display: inline-block !important; cursor: pointer !important; background-image: none !important; background-attachment: initial; background-color: transparent; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;&quot;&gt;&lt;/li&gt;&lt;li data-uptlwtype=&quot;share-button&quot; data-snid=&quot;mr&quot; data-clicks=&quot;0&quot; data-style=&quot;1&quot; data-size=&quot;30&quot; class=&quot;utl-icon-num-5 share-style-1 utl-icon-mr effect-0 __zero-count&quot; title=&quot;Поделиться Mail.ru&quot; style=&quot;border-style: none; outline: 0px; font-size: 12px; font-style: normal; -webkit-user-select: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-right: 3px !important; vertical-align: top !important; font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif !important; box-sizing: content-box !important; color: rgb(255, 255, 255) !important; line-height: 0 !important; text-shadow: none !important; list-style-type: none !important; display: inline-block !important; cursor: pointer !important; background-image: none !important; background-attachment: initial; background-color: transparent; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;&quot;&gt;&lt;/li&gt;&lt;li data-uptlwtype=&quot;share-button&quot; data-snid=&quot;uptolike2&quot; data-style=&quot;1&quot; data-size=&quot;30&quot; class=&quot;uptolike2 utl-icon-more uptolike-popup-trigger utl-icon-style-1&quot; style=&quot;border-style: none; outline: 0px; font-size: 12px; font-style: normal; -webkit-user-select: none; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-right: 3px !important; vertical-align: top !important; font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif !important; box-sizing: content-box !important; color: rgb(255, 255, 255) !important; line-height: 0 !important; text-shadow: none !important; list-style-type: none !important; display: inline-block !important; cursor: pointer !important; background-image: none !important; background-attachment: initial; background-color: transparent; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;&quot;&gt;&lt;/li&gt;&lt;li class=&quot;share-counter-container&quot; style=&quot;border-style: none; outline: 0px; font-size: 12px; font-style: normal; -webkit-user-select: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-left: 3px !important; vertical-align: top !important; font-family: Arial, &#039;Helvetica Neue&#039;, Helvetica, sans-serif !important; box-sizing: content-box !important; color: rgb(255, 255, 255) !important; line-height: 0 !important; text-shadow: none !important; list-style-type: none !important; display: inline-block !important; cursor: pointer !important; background-image: none !important; background-attachment: initial; background-color: transparent; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;&quot;&gt;&lt;span data-clicks=&quot;1&quot; class=&quot;share-counter-common&quot; style=&quot;outline: 0px; vertical-align: top; -webkit-user-select: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; display: inline-block; padding-right: 5px !important; padding-left: 5px !important; box-sizing: content-box !important; line-height: 28px !important; text-shadow: none !important; height: 28px !important;&quot;&gt;1&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;desc_pic&quot; style=&quot;outline: 0px;&quot;&gt;&lt;/div&gt;</description>
            </item>
                    <item>
                <title>Топ-10 тенденций веб-дизайна в 2015 году</title>
                <link>http://rus.mozello.com/blog/params/post/293085/pervaja-novost</link>
                <pubDate>Fri, 12 Dec 2014 22:24:32 +0000</pubDate>
                <description>&lt;p class=&quot;moze-justify&quot;&gt;Веб-дизайнеры неплохо провели время в прошлом году, обогатив сайты множеством новых интересных идей. Некоторые из них оказались провальными, зато другие “пошли на взлет” и стали весьма востребованными. Эти тренды наделали шуму в 2014 году и имеют все шансы стать доброй традицией в 2015 году, в то время как дизайнеры продолжают работать над различными идеями, выделяя их них лучшие и доводя до совершенства.&lt;/p&gt;&lt;h2 style=&quot;letter-spacing: normal;&quot; class=&quot;moze-justify&quot;&gt;Так какие же тенденции ожидают нас в 2015 году?&lt;/h2&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;“Плоские” дизайны процветают.&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Если вы думаете, что это очередная прихоть, то вы ошибаетесь. Плоские дизайны – это минималистичный дизайн на стероидах. Оно основывается на сохранении простоты, чистоты и современности, именно эти слова чаще всего говорят пользователи таких порталов.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;img class=&quot;alignnone wp-image-1745 size-large&quot; src=&quot;http://epicom.ru/wp-content/uploads/2014/09/%D0%BF%D0%BB%D0%BE%D1%81%D0%BA%D0%B8%D0%B9-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-1024x768.jpg&quot; alt=&quot;плоский дизайн&quot; width=&quot;584&quot; height=&quot;438&quot;&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Основная причина использования многими таких дизайнов – они действительно разумны. Портал становится менее запутанным, больше используется свободное пространство и в целом достигается максимальный комфорт пользователей. Он вынуждает дизайнеров достигать большего, используя в своей работе меньше и в связи с этим, как нам кажется, это будет тенденция номер один в 2015 году.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;Адаптивный дизайн, как должное&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Не возникает и сомнений в том, что&amp;nbsp;&lt;a title=&quot;адаптивный дизайн сайтов&quot; rel=&quot;nofollow&quot; href=&quot;http://epicom.ru/web-design-saitov/&quot; style=&quot;&quot;&gt;адаптивный дизайн сайтов&lt;/a&gt;&amp;nbsp;станет стандартом. Клиенты будут просить его, а разработчики научатся всем требуемым навыкам программирования и, следовательно, разовьют идею дальше. Причина проста – они востребованы. С тех пор, как смартфоны и планшеты распродаются как горячие пирожки, возник и не меньший маркетинговый потенциал. Даже владельцы малого бизнеса начинают задумываться о нем, так как они видят адаптацию на других сайтах в сети.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;img class=&quot;alignnone wp-image-1746 size-full&quot; src=&quot;http://epicom.ru/wp-content/uploads/2014/09/responsivedesign1.png&quot; alt=&quot;responsivedesign1&quot; width=&quot;900&quot; height=&quot;343&quot;&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;Сайты улучшают изображения&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Дизайнеры продвигали идею лучших изображений из возможных уже долгое время, но всегда сталкивались с проблемами на клиентской стороне. В 2015 году повысится их качество, креативность и уникальность, причиной послужит: приемлемая цена, более высокая скорость интернета, доступ к высококачественным изображениям имеется везде.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;Parallax-эффект&amp;nbsp;будет популярен&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Давным-давно прошли времена, когда сайт на 960 пикселей должен был отлично работать на IE6. Теперь все дело в необходимости толчка и действительно громкого заявления. Дизайны с параллаксом достигают этих двух требований к сайту, благодаря мощной визуальной составляющей, креативных шрифтов и возможности перемещения по изображению. Вы увидите больше таких сайтов в 2015 году, особенно от крупных брендов.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;Инфографика&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Инфографика позволяет представить много информации, заняв при этом мало места, и привлечь внимание пользователя, сохраняя привлекательную стоимость. Именно поэтому владельцы бизнеса постоянно спрашивают о них. Конечный пользователь любит инфографику за её уникальность – она немного необычная, совмещает оригинальные шрифты, цветовые схемы и различные размеры так, чтобы заинтриговать зрителя.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;img class=&quot;alignnone wp-image-1747 size-large&quot; src=&quot;http://epicom.ru/wp-content/uploads/2014/09/%D0%B8%D0%BD%D1%84%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0-1024x710.jpg&quot; alt=&quot;инфографика&quot; width=&quot;584&quot; height=&quot;404&quot;&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Творцы, которые рассматривают их как серьезный инструмент, всегда смогут создать вокруг инфографики особую атмосферу, сдобрив её фактами и цифрами. Возможно, такой способ подачи информации переносит пользователя в детство, поближе к комиксам. Или это просто своеобразная “конфетка” для глаз. Факт в том, что зритель поглощает огромное количество информации и ему это нравится. По этой причине инфографика становится эффективным способом представить большое количество информации, поэтому она будет использоваться чаще в 2014 году.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;Шрифты выходят на первый план&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Прощай Georgia, прощай Times New Roman, прощай Helvetica! Добро пожаловать в 2015 год, когда шрифты начинают восприниматься серьезно. В действительности, так было всегда, но только теперь такая ситуация получает развитие. Лавина мобильных приложений, в которые нырнули с головой пользователи, открыла им глаза на все возможные виды типографики, что и подтолкнуло к появлению новых ожиданий от используемых дизайнерами шрифтов.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Теперь Arial больше не универсальный шрифт для всех ситуаций, так как существует множество других отличных вариантов по привлекательным ценам. Пользователь привык к ним до такой степени, что ощущает легкий дискомфорт при их отсутствии, упираясь взглядом в Helvetica. С другой стороны владельцам бизнеса больше не приходится серьезно тратиться на приобретения полного семейства необходимых шрифтов.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;Упрощение сайтов и фокус на содержимом&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Не так давно The New York Times сделали редизайн своего портала, о чем громко заявили публике, и они попали в тренд, так как сделали его проще, эргономичнее, выставили вперед то, что они хотят предложить, обеспечив больший комфорт работы пользователям. В оформлении не появилось ничего нового, в плане дизайнерских трюков и возможностей, но мы думаем, что все больше и больше сайтов, особенно ориентированных на обилие содержимого, последуют этому примеру, предприняв такой логичный следующий шаг. Достаточно сбросить всю мишуру и содержимое засияет, позволяя дизайну портала выполнять его настоящую роль, а не перетягивать на себя внимание пользователя.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;Короткие видео-презентации вновь на сцене&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Мы думаем, что видео-презентации вновь выйдут на сцену в 2015 году. Ролики продолжительность в шесть секунд легко станут вирусными, их просто делать и, судя по всему, они всем нравятся. В прошедшие годы мы увидели постоянное уменьшение продолжительности видео, а потому в следующем году ожидается особая популярность клипов мене 30 секунд. И за такую тенденцию можно сказать спасибо Vine.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;Дизайн новостных писем будет улучшаться&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;img class=&quot;alignnone wp-image-1748 size-full&quot; src=&quot;http://epicom.ru/wp-content/uploads/2014/09/newsletter.jpg&quot; alt=&quot;newsletter&quot; width=&quot;929&quot; height=&quot;525&quot;&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;a title=&quot;интернет маркетинг&quot; rel=&quot;nofollow&quot; href=&quot;http://epicom.ru/web-marketing-internet-marketing/&quot; style=&quot;&quot;&gt;Интернет-маркетинг&lt;/a&gt;&amp;nbsp;с использованием электронной почты больше не единственный способ достучаться до собственной целевой аудитории, но он еще является хорошим инструментом поддерживания интереса среди пользователей. В 2014 году рекламные рассылки все еще будут “на плаву”, а все благодаря креативному и интригующему дизайну. Хоть это более и не самый предпочтительный канал распространения информации, но умирать в ближайшее время он не собирается – умные владельцы бизнеса уже распознали изменения, происходящие в нем.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;strong&gt;Фиксированная навигация – её любят все&lt;/strong&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;Было время, когда дизайнеры ощущали потребность сменить на странице все, в том числе и основное меню. К счастью, оно давно прошло и пользователям больше не надо выискивать постоянно пропадающее анимированное меню, скрытое в самом дальнем углу сбоку экрана за каким-нибудь украшением.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;В 2015 году навигационные панели стали видимыми в любое время. Так что, если вы собираетесь&lt;a title=&quot;создать сайт&quot; rel=&quot;nofollow&quot; href=&quot;http://epicom.ru/sozdanie-saitov-pod-kluch/&quot; style=&quot;&quot;&gt;создавать сайт&lt;/a&gt;&amp;nbsp;с огромным количеством содержимого, то стоит создать фиксированное в верхней части экрана меню, где пользователи будут ожидать увидеть его.&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;А какие, по вашему мнению, будут новые тенденции в дизайне сайтов 2015 года?&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;a rel=&quot;nofollow&quot; href=&quot;http://epicom.ru/1-tendenciy-web-designa-v-2015-godu/&quot; style=&quot;&quot;&gt;Топ-10 тенденций веб-дизайна в 2015 году&lt;/a&gt;&amp;nbsp;оригинальный материал на сайте:&amp;nbsp;&lt;a rel=&quot;nofollow&quot; href=&quot;http://epicom.ru/&quot; style=&quot;&quot;&gt;EPICOM&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;noindex style=&quot;color: rgb(51, 51, 51); font-family: Arial, Verdana; font-size: 12px; line-height: normal; text-align: justify;&quot;&gt;&lt;nofollow&gt;&lt;br&gt;&lt;br&gt;&lt;/nofollow&gt;&lt;/noindex&gt;&lt;/p&gt;&lt;p class=&quot;moze-justify&quot;&gt;&lt;i&gt;Источник:&amp;nbsp;&lt;a rel=&quot;nofollow&quot; href=&quot;http://epicom.ru/1-tendenciy-web-designa-v-2015-godu/?utm_source=rss&amp;amp;utm_medium=rss&amp;amp;utm_campaign=1-tendenciy-web-designa-v-2015-godu&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none;&quot;&gt;http://epicom.ru/1-tendenciy-web-designa-v-2015-godu/?utm source=rss&amp;amp;utm medium=rss&amp;amp;utm campaign=1-tendenciy-web-designa-v-2015-godu&lt;/a&gt;&lt;/i&gt;&lt;/p&gt;</description>
            </item>
            </channel>
</rss>