CSS3-анимации CSS3-параметр transition и все соответствующие браузерные префиксы предлагают вам динамические CSS-эффекты, похожие на javascript. Дизайнеры теперь могут создавать эффекты анимации на странице при помощи различных CSS-параметров. Мы встречали множество эффектов при наведении и на полях ввода, разработанные при помощи этих параметров. Еще один замечательный и очень вдохновляющий эффект взят из руководства о CSS-оповещениях от Codrops. Это действительно тот тренд, который предполагает дальнейшее развитие в уже в ближайшие месяцы, а потом – годы! Здесь есть куда развиваться. 18. Вертикальная навигация За последний год этот тренд каким-то образом обыграли так, что теперь его можно вполне профессионально и очень привлекательно применять в дизайнах. Если использовать эту технику правильно, то вертикальные шаблоны могут получиться очень даже ничего. Портфолио Riot Industries – отличный пример для новоиспеченных веб-дизайнеров. Посмотрите, как ведут себя ссылки навигации, и как динамично реагируют пункты портфолио на курсор вашей мыши. К тому же, текстуры границ отлично отделяют правые колонки от левых. Этот текстурный эффект также можно встретить и в других вертикальных шаблонах, как например, в CSS-галерее Design Bombs. 19. Одностраничный веб-дизайн Одностраничный дизайн – это огромная тема, которую можно разделить на разные категории. Конечно же, в самом начале развития WWW, у нас были одностраничные веб-сайты. Но в последнее время мы видим, что этот тренд снова в ходу. Нам кажется, что дизайн Cage App – это отличный пример многих трендов, приведенных в сегодняшней подборке. Они используют одностраничный шаблон, в котором контент разделен на горизонтальные контейнеры. Но здесь вы также можете видеть размытый эффект на фоновом изображении, и различные элементы поверх него. К тому же, если вы прокрутите страницу, но панель навигации будет «преследовать» вас в самом верху страницы. Интеграция других популярных дизайн-трендов в одностраничный веб-сайт – это отличный способ привлечь внимание посетителей. 20. Округлые элементы дизайна Тренд округлых элементов в шаблонах сайта – это нечто новое, и в последнее время ему уделяют довольно много внимания. Дизайнеры любят окружности, так как они опрятны, элегантны и подходят любому блоку шаблона. Вы можете создавать текстуры или даже уместить все элементы страницы в округлый дизайн (например, аватары, кнопки обмена в социальных сетях, дату публикации и так далее). Портфолио Lucia Soto представляет нам отличный пример округлого веб-дизайна. Сайт разработан динамически, поэтому вы можете перемещаться к другим отделениям страницы. Обратите внимание на привлекательные векторные графические элементы. Веб-дизайнеры частенько создают дополнительные графические элементы в шаблонах, так как они помогают придать дизайну уникальность. Вы можете видеть схожий пример и на главной странице Site Optimizer, где используются округлые элементы страницы, в которых представлены ключевые аспекты услуг. Подытожим Дизайн пользовательского интерфейса – это одна из сложнейших тем при разработке цифровых продуктов. Это особенно подходит для шаблонов сайтов, потому что очень сложно совместить стили контента и навигации так, чтобы пользователю было удобно пользоваться этим результатом. Все эти дизайн-тренды направлены как раз на повышения уровня удобства взаимодействия. Мы надеемся, что некоторые из приведенных выше трендов действительно положительным образом поспособствуют развитию современных сайтов. Вы можете видеть примеры приведенных пунктов практически везде, на сайтах маленьких фирм или международных корпораций и так далее. Если вы хотите поделиться еще какими-нибудь идеями, пожалуйста, напишите в комментариях!
Lincor -- помощь в разработке и сопровождении сайт
17.
CSS3-анимации
CSS3-параметр transition и все соответствующие браузерные префиксы предлагают вам динамические CSS-эффекты, похожие на javascript. Дизайнеры теперь могут создавать эффекты анимации на странице при помощи различных CSS-параметров. Мы встречали множество эффектов при наведении и на полях ввода, разработанные при помощи этих параметров.
Еще один замечательный и очень вдохновляющий эффект взят из руководства о CSS-оповещениях от Codrops.
Это действительно тот тренд, который предполагает дальнейшее развитие в уже в ближайшие месяцы, а потом – годы! Здесь есть куда развиваться.
18. Вертикальная навигация
За последний год этот тренд каким-то образом обыграли так, что теперь его можно вполне профессионально и очень привлекательно применять в дизайнах. Если использовать эту технику правильно, то вертикальные шаблоны могут получиться очень даже ничего.
Портфолио Riot Industries – отличный пример для новоиспеченных веб-дизайнеров. Посмотрите, как ведут себя ссылки навигации, и как динамично реагируют пункты портфолио на курсор вашей мыши. К тому же, текстуры границ отлично отделяют правые колонки от левых.
Этот текстурный эффект также можно встретить и в других вертикальных шаблонах, как например, в CSS-галерее Design Bombs.
19. Одностраничный веб-дизайн
Одностраничный дизайн – это огромная тема, которую можно разделить на разные категории. Конечно же, в самом начале развития WWW, у нас были одностраничные веб-сайты. Но в последнее время мы видим, что этот тренд снова в ходу.
Нам кажется, что дизайн Cage App – это отличный пример многих трендов, приведенных в сегодняшней подборке. Они используют одностраничный шаблон, в котором контент разделен на горизонтальные контейнеры. Но здесь вы также можете видеть размытый эффект на фоновом изображении, и различные элементы поверх него.
К тому же, если вы прокрутите страницу, но панель навигации будет «преследовать» вас в самом верху страницы. Интеграция других популярных дизайн-трендов в одностраничный веб-сайт – это отличный способ привлечь внимание посетителей.
20. Округлые элементы дизайна
Тренд округлых элементов в шаблонах сайта – это нечто новое, и в последнее время ему уделяют довольно много внимания. Дизайнеры любят окружности, так как они опрятны, элегантны и подходят любому блоку шаблона. Вы можете создавать текстуры или даже уместить все элементы страницы в округлый дизайн (например, аватары, кнопки обмена в социальных сетях, дату публикации и так далее).
Портфолио Lucia Soto представляет нам отличный пример округлого веб-дизайна. Сайт разработан динамически, поэтому вы можете перемещаться к другим отделениям страницы. Обратите внимание на привлекательные векторные графические элементы. Веб-дизайнеры частенько создают дополнительные графические элементы в шаблонах, так как они помогают придать дизайну уникальность.
Вы можете видеть схожий пример и на главной странице Site Optimizer, где используются округлые элементы страницы, в которых представлены ключевые аспекты услуг.
Подытожим
Дизайн пользовательского интерфейса – это одна из сложнейших тем при разработке цифровых продуктов. Это особенно подходит для шаблонов сайтов, потому что очень сложно совместить стили контента и навигации так, чтобы пользователю было удобно пользоваться этим результатом. Все эти дизайн-тренды направлены как раз на повышения уровня удобства взаимодействия.
Мы надеемся, что некоторые из приведенных выше трендов действительно положительным образом поспособствуют развитию современных сайтов. Вы можете видеть примеры приведенных пунктов практически везде, на сайтах маленьких фирм или международных корпораций и так далее. Если вы хотите поделиться еще какими-нибудь идеями, пожалуйста, напишите в комментариях!