Все чаще и чаще дизайнеры-фрилансеры, да и многие веб-студии переходят на создание сайтов в различных визуальных редакторах. Эта тенденция пошла еще с прошлого 2014 года, когда программа Adobe Мuse начала завоевывать рынок. Но время идет и появляются новые программы и сервисы для визуального создания веб-страниц и сайтов.
Теперь у многих есть возможность делать сайты не изучая языки программирования, верстку, стили и прочее. При этом создавать очень качественные, красивые, современные сайты на профессиональном уровне, а не только на любительском «для себя».
Буквально совсем недавно на русскоязычный рынок прорвался один замечательный сервис, который вполне способен дать фору уже любимому нами Adobe Muse.
Система называется Webflow. Она имеет ряд преимуществ и отличных дополнений, что ставит ее на первое место среди всех так называемых Веб-билдеров.
Вот об этих преимуществах, нововведений и фишках будет этот пост.
1. Webflow – он-лайн сервис.
Это первое что бросается в глаза при знакомстве с Webflow. Это НЕ системная программа, которую нужно устанавливать на компьютер. Вся система Webflow построена на облачном сервисе, а это значит, что все ваши проекты, файлы, картинки, различные наброски, наработки и идеи – все будет хранится на облачном сервисе. Теперь нет необходимости переносить Ваши папки и файлы с одного компьютера на другой или хранить все на съемном жестком диске.
Еще один плюс такой организации работы — Вы всегда будете иметь доступ к Вашим файлам и сайтам. Вы в любой момент, в любом месте сможете что-то подправить в вашем проекте, войдя в систему с планшета, смартфона или ноутбука.
Здесь есть только один минус – для работы в Webflow необходим постоянный выход в интернет.
2. Чистый код верстки
Я думаю для многих не секрет, что программисты и верстальщики сайтов всегда «ругаются» на код страницы, которая была собрана в визуальном редакторе. Там было много ошибок и порой приходилось вручную править коды.
Webflow отлично справились с этой задачей, внедря в систему валидный код стандарта W3C. На донный момент этот код является эталоном для верстки сайтов. А это значит, что Ваш сайт будут любить поисковые роботы и различные социальные сети. За счет такого чистого кода, сайт легко поддается сео оптимизации, а значит и продвижению.
3. Адаптация нового поколения
Еще одна потрясающая фишка этого сервиса – это возможность создавать полностью адаптированные сайты, то есть Ваш сайт будет подстраиваться под любую ширину экрана, под любой планшет, смартфон или какой-либо другой гаджет.
Посмотрите сайт, сделанный в Webflow, или , потяните за край окна браузера и посмотрите как перестраивается страница.
Все картинки, блоки, текст — все подстраиваются под ширину экрана. Ничего не уменьшается, не появляется горизонтальная линейка прокрутки, ничего не выходит за край. При любой ширине сайт выглядит отлично!
4. Разный стиль для одного сайта
И еще один интересный эффект, который можно реализовать только в Webflow – это настроить разные стили и цветовые гаммы для одного сайта, которые будут меняться в зависимости от того, с какого устройства Вы этот сайт смотрите.
Представьте страничку в интернете, например продающий лендинг, который на компьютере выглядит в сине-зеленой гамме, а на планшете этот же сайт, но уже в красно-оранжевой палитре, ну а на смартфоне так вообще в цветах бразильского флага ))
Согласитесь, такие сайты запомнятся многим!
5. Разнообразие шрифтов
Поехали дальше – шрифты. В Adobe Muse шрифты встраивались очень сложно – мало того, что русскоязычных шрифтов в коллекции «днем с огнем не сыщешь», так они еще и пиксилизировались или вообще превращались в графическое изображение.
В Webflow у вас есть возможность использовать абсолютно любой шрифт из библиотеки на вашем компьютере, шрифты Google Webfonts, набор шрифтов Adobe Typekit, ну и у самой системы Webflow тоже есть коллекция шрифтов, которая полностью в вашем распоряжении.
Все использованные вами шрифты на готовой странице будут выглядеть четко, без размытости и пиксельности.
И что еще немаловажно для дизайнеров – это возможность применить к любому шрифту эффекты тени или свечения. Без установки дополнительных плагинов.
6. Невероятная анимация
Ну, и, конечно же, стоит поговорить об анимации, которая отлично реализована в Webflow. У этой анимации очень гибкие настройки, есть различные эффекты анимации и нет проблем, когда один виджет анимации конфликтует с другой анимацией.
Также реализована отличная для творческих полетов возможность задать момент появления Вашей анимации, то есть настроить на какое-то определенное действие на странице. Это может быть загрузка страницы, выбор меню, клик мышки на баннер или кнопку или, например, при скроллинге.
Говоря о самих эффектах анимации можно отдельно выделить временную задержку, которую можно задать параметрами в миллисекундах. А также перемещение в сторону на любой градус, изменение размера при наведении на элемент, изменение угла поворота, скрытие и появление элементов, что можно применить к лайтбоксам и другие.
Конечно же это далеко не все плюсы этой системы. Сайты Webflow можно адаптировать под cms системы, можно создавать многостраничные сайты, интернет-магазины и порталы, есть возможность создавать различные сложные формы без применения дополнительных виджетов и многое-многое другое.
С пожеланиями Вам творческих успехов! =)
Это интересно
0
|
|||
Последние откомментированные темы:
-
Музей впечатлений в Нячанге, или без фотоаппарата не приходить.
(2)
yarovaya-travel.ru
,
11.07.2017
-
Добавляем вкус жизни!
(4)
Павленко Ольга
,
17.12.2016
-
Пятый дом в астрологии - это свобода
(1)
Юрий Иванович
,
23.10.2015
-
Грязь Мертвого моря – секретное оружие королевы красоты!
(1)
Юрий Иванович
,
22.10.2015
-
Секрет счастья — в перемене мест
(1)
Юрий Иванович
,
22.06.2015
20250205002140