Новые функции Wix для оформления сайта: вектор, иллюстрации, шаблоны

Разработчики популярного онлайн конструктора Wix.com активно развивают не только функции системы, но и достаточно много внимания уделяют внешнему виду веб-проектов. Регулярно пополнятся раздел шаблонов, добавляются шрифты/графика, а также внедряются новые приложения и возможности, связанные с дизайном…

И это правильно. Когда вы решите создать свой сайт поймете, что данный аспект также очень важен, а в некоторых ситуациях он даже играет первостепенную роль. Сегодня рассмотрим парочку интересных фишек, которые появились в Wix с начала года и позволяют поработать над визуальным оформлением веб-страниц.

Для тех, кто не в курсе, пару слов о самом сервисе. Wix начал работать в далеком 2006 году и за это время стал одним из самых востребованных и топовых онлайн конструкторов на рынке.

• Здесь есть все необходимые инструменты для создания веб-проектов с нуля, их наполнения и продвижения. Множество встроенных функций дополняются сторонними приложениями.
• Он одинаково хорошо подходит любым типам ресурсов: портфолио, корпоративным, лендингам, блогам, магазинам. Позволяет реализовать любые задачи.
• Плюс максимально доступен и понятен пользователям, которые никогда не занимались веб-разработкой. Есть тех.поддержка и подсказки, но даже без них разобраться не сложнее чем с Word’ом.

Новые функции оформления Wix

Векторная графика

Как многие из вас знают, основное ее преимущество в том, что при изменении размеров качество изображения не теряется. Кроме того, в Wix вы сможете менять цветовую палитру объектов и задавать им прозрачность.

Красочные иллюстрации сделают ваш сайт более ярким и необычным — отлично подойдут для портфолио, рисованных дизайнов, молодежных направлений и т.п.

Чтобы вставить вектор на страницу кликаете в редакторе по кнопке «Добавить» — и затем переходите в раздел «Графика». По умолчанию там представлено несколько основных наборов: избранное, иконки, животные, логотипы/значки, персонажи. Под избранными картинками есть ссылка «Вся графика», которая откроет куда больше вариантов для выбора.

Слева находится список категорий доступных векторных изображений: начиная от спорта, здоровья, промышленности и заканчивая модой, транспортом, искусством. В каждой из них десятки разных картинок (всего около 3000). В этом же окне можно работать со своими загруженными файлами в Wix.

Выбираете одно или несколько изображений и кликаете по кнопке «Добавить на сайт», после чего соответствующие элементы появятся на странице.

Для них предусмотрено несколько полезных функций, вы можете:

• добавить внешнюю ссылку на картинку;
• указать Alt тег;
• вращать объект;
• изменить цвета, используемые в векторе;
• задать прозрачность;
• добавить анимацию;

Иллюстрации и другая графика

Вместо старой функции клипартов разработчики запустили коллекции иллюстраций. Найдете их в разделе «Фото» — «Бесплатные иллюстрации Wix». Как и в предыдущем обновлении, основной акцент здесь сделан на яркую, оригинальную, красочную графику, которая должна отличным образом дополнить/украсить ваш проект.

Пункт меню «Фото», как видите, содержит сразу несколько функций:

• загрузку собственных картинок на сайт;
• использование готовых коллекций — кроме новых иллюстраций тут есть обычные бесплатные и стоковые фотки;
• импорт фотографий из своих соц.сетей (Facebook, Инстаграм, Flickr, Picasa);
• полезные приложения для работы с графикой.

Выбираете раздел с «Бесплатными иллюстрациями», после чего снова увидите специальное всплывающее окно с соответствующими картинками.

Категории изображений весьма разнообразные: природа, музыка, праздники, флаги, магазин, люди, еда, абстрактные и т.п. Качество графики очень хорошее, причем она также допускает изменение размера без потери качества.

Если сравнивать иллюстрации по числу настроек с вектором, то тут их немного больше.

Здесь есть:

• Alt текст, внешняя ссылка, а также всплывающая подсказка на фото;
• разные рамки: круглые, квадратные, с тенью и т.п.;
• фильтры: сепия, темный, 3D, размытие, неон и десятки других;
• анимация появления.

В целом, иллюстрации, как и вектор, могут здорово оживить ваш сайт и добавить ему определенную изюминку. В некоторых видах дизайнов они смотрятся весьма органично.

Если вам не хватает бесплатных картинок, вы можете докупить изображения через фотосток. Соответствующая функция встроена в админку Wix.

Новые шаблоны

Каждый месяц в Wix сервисе делают пополнение архива макетов для пользователей. Сейчас в каталоге более 500 уникальных и оригинальных вариантов. Из последних новинок наиболее интересные следующие несколько работ:

Веганское кафе/ресторан

Легкий светлый приятный дизайн с блоками фотографий на главной.

Веб-страница рекордингового лейбла

Список артистов отображается с помощью обложек альбомов — при клике попадаете на страницу с описанием музыканта и некоторыми его аудио работами. По функциональности все просто, и это здорово.

Персональный видео-блог

Очень яркий современный дизайн для блоггера с видеокаталогом, информацией об авторе, обратной связью и другими необходимыми функциями.

Онлайн магазин мобильных телефонов

Традиционный макет с каталогом продукции, корзиной и описанием товаров.

Персональный сайт режиссера видеоклипов

В принципе, этот вариант подойдет и для других творческих профессий, выглядит стильно и современно. Есть крутой фоновый эффект.

Магазин товаров на дни рождения и праздники

Понравилась цветовая гамма шаблона, логотип, картинка в шапке. Во всем остальном возможности макета традиционные для сферы онлайн продаж. Кстати, по стилистике ему хорошо подходят иллюстрации и вектор из бесплатного набора Wix, о котором рассказывали выше.

Сайт/форум рыболовов

На главной увидите нестандартное расположение информационных блоков с описанием основных разделов проекта. Есть форум, блог, фото из Инстаграма.

Все новые шаблоны ищите здесь. Нравится, что каждая тема имеет свою направленность, то есть вы можете сразу найти дизайн под свою нишу.

В целом с начала 2018 года у Wix появились много интересных фишек. К упомянутым выше добавим еще парочку: внедрение 20-ти профессиональных шрифтов, отображение ваших фото/видео из Инстарама, обновление функции вставки видео Wix Video (импорт из внешних сервисов, полноэкранный режим), опция закрепления текста на странице и др. Будем следить за дальнейшим развитием сервиса и по возможности делиться описанием новинок. Если вы планируете создавать свой сайт с помощью онлайн конструктора, то Wix — отличное решение.