Обзор новых трендов в веб-дизайне в 2017 г.

Здравствуйте, коллеги! Поздравляю с первым днем весны, пусть она будет для вас радостной и прибыльной!
 
Меня зовут Станислав Тактаев, я – основатель компании «Сумма технологий».
Я хочу представить вам еженедельный канал новостей в веб-разработке, в котором буду описывать всякие полезные для вас новости, тенденции и обзоры в веб- и мобильных технологиях (сейчас это почти одно и тоже, вы знали? – вот видите, уже полезно ), в основном зарубежных, мировых, ну и ненавязчиво предлагать услуги по поддержке вашего сайта.
Я занимаюсь веб-разработкой с 1999 года. За это время мы сделали, наверное, более 200 проектов. Последние годы мы работали в основном в крупных проектах, частью под NDA (соглашение о неразглашении), а так портфолио здесь.
Это емейл мы нахально спарсили с вашего сайта, он был в открытом доступе. ¯_(°˔͜͜°)_/¯. Вы можете отписаться в любой момент, и мы больше не будем вас беспокоить, но сначала прочитайте эту рассылку :)
Итак, что нового? Мы будем рассматривать тенденции, которые выходят в мейнстрим в веб-дизайне. (перевод)
 
 
Открытая композиция
До недавнего времени в мире дизайна доминировали композиции , которые были закрыты, симметричны и статичны. В 2016 году появилось множество сайтов , которые отбились от этого стиля. Открытые композиции свободно подвешенных элементов, бегущих куда - то за пределы экрана набирают популярность - примеры такой работы можно увидеть на romainpsd.com , durimel.io или booneselections.com . Распределение элементов на этих сайтах создает впечатление , что они "существуют" и за краем монитора.
 
 
Асимметрия
2016 также нарушил принцип симметрии , который доминировал в веб-промышленности в течение довольно длительного времени. Многие разработчики создали асимметричные макеты , которые не идеально сбалансированы с левой и правой сторон. В качестве примеров я хотел бы показать вам большой сайт culture.pl , хаотический dada-data.net и ранее упомянутый durimel.io .
 
 
Разнообразие
Дизайнеры создали более динамичные композиции , которые имеют большее количество пересекающихся диагональных линий poigneedemainvirile.com vanderlanth.io ), или которые были основаны на более сложных ( residente.com/en~~pobj ) / органических формах ( helloheco.com predictiveworld.watchdogs.com ).
Сетка

Одним из первых сайтов , которые использовали образец сетки был werkstatt.fr , который не использовал характерный табличный или блочный стиль.
Несколько иной способ использования рисунка сетки предъявляется на klimov.agency , brand.uber.com и maisonullens.com . В этих случаях имеет очень специфическую функцию - сделать все перемещения элементов логичными . Это позволяет рационализировать нестандартные решения и дает ответы на такие вопросы , как "почему край иллюстрации не в полной гармонии с краю кнопки?" , Это создает ритм , и в то же время оправдывает свои нарушения .
На freebies.lorenzobocchi.com содержание уже слабо организованы , когда речь идет о сетке, аналогично ранее упомянутой E03.
 
 
Оставайтесь с нами в подписке и на следующей неделе мы продолжим разбираться в трендах веб-дизайна 2017 года. Да, мы также можем сделать для вас редизайн, у нас в команде стильные питерские дизайнеры.
Архив рассылки будет доступен на нашей странице на Facebook: https://www.facebook.com/summatech/
С уважением, С. Тактаев