Дизайн сайта. Общие настройки

Немного странно выглядят интернет-магазины, будто под копирку срисованные друг с друга. Индивидуальность — наше все! Важно выделиться среди конкурентов, запомниться. Тем более что подавляющее большинство людей принимает решение о покупке через зрительные образы. Даже такие, казалось бы, незначительные детали, как форма кнопки «КУПИТЬ» или оттенок фона могут сыграть весьма существенную роль.

Давайте же сделаем ваш сайт непохожим ни на какой другой! Конструктор 1os предоставляет для этого массу возможностей.

Как попасть в раздел изменения дизайна

Стартуем со входа в биллинг-панель. На конструкторе 1os.ru именно здесь сосредоточены все возможности работы с интернет-магазинами. После регистрации в системе вы получили на электронную почту письмо для входа. Можно войти через него или воспользоваться следующей ссылкой:

https://billing.1os.ru/auth/login

Корректно введите адрес своей почты, указанный при регистрации. Заполните поле «пароль». Для начала работы в конструкторе нажмите «ВХОД»:

Перед вами открылась биллинг-панель. Находим на ней левое вертикальное меню, вбираем пункт «МОИ САЙТЫ» и нажимаем на него:

Открывается страница, на которой вы видите перечень всех сайтов, созданных в этом профиле. Вам нужно выбрать тот из них, с которым вы планируете в данный момент поработать. Нажмите на имя сайта, оно активно:

Вы видите перед собой экран административной части своего-интернет-магазина — главную ее страницу со всеми доступными функциями. На верхней панели справа найдите иконку «глаз» и нажмите на нее:

Теперь вы находитесь на странице, которая дает доступ к управлению выбранным вами интернет-магазином. Далее нам нужно попасть на страницу настроек. Для этого нажмите на синюю кнопку с шестеренками в левом верхнем углу:

Вы вошли в «БЫСТРЫЕ НАСТРОЙКИ». Если хотите скрыть открывшуюся панель, снова нажмите на эту же кнопку:

В левом вертикальном меню мы видим перечень различных возможностей для настройки сайта. Сейчас нам нужен первый пункт сверху — «ОБЩИЕ»:

Рассмотрим подробнее возможности, которые нам предоставляет эта панель.

Выбор цветовой схемы

В интернете встречается много сайтов со стандартным бело-серо-голубым оформлением. Будьте оригинальнее, выберите свой цвет. Они выделит вас из огромного количества интернет-магазинов. Например, мы стартуем с голубой схемы (принятой по умолчанию), и все плашки выглядят голубыми:

Выберем оранжевый цвет и нажмем «ПРИМЕНИТЬ»:

Ух ты! Случилось волшебство, и все они стали жизнерадостно апельсиновыми:

Поэкспериментируйте и обязательно найдете тот цвет, который больше всего подойдет к вашему ассортименту и за который деньгами проголосует аудитория вашего сайта.

Подбор оптимального фона

Для работы с фоном нам потребуются функции, объединенные в этом блоке:

Чтобы ваш сайт смотрелся эффектнее, вы можете самостоятельно установить фон, на котором он будет отображаться. Обратите внимание на регулятор слева «ОТОБРАЖАТЬ ФОН». У него всего 2 положения, по умолчанию фон отключен и сайт выглядит «белым по белому». Чтобы включить функцию переведите регулятор в крайнее правое положение:

Используем опцию «ЗАГРУЗИТЬ ФОН». Она позволяет выбрать нужную картинку из галереи конструктора или из вашей собственной коллекции изображений. Например, мы хотим установить свой эксклюзивный фон. Для этого нажимаем кнопку «ЗАГРУЗИТЬ», а в открывшемся окне нажимаем на стрелку:

Далее открывается проводник для выбора файла с вашего компьютера. Найдите нужную картинку и нажмите «ОТКРЫТЬ», после чего «ПРИМЕНИТЬ». Результат может быть, например, таким:

Если хотите вернуться в исходное состояние, нажмите значок корзины:

Следующая функция — «ЦВЕТ ФОНА». По умолчанию он установлен белым. Вы можете сделать его, например, светло-серым. Для этого нажмите второй кружочек и кнопку «ПРИМЕНИТЬ»:

Вы также можете выбрать свой уникальный оттенок. Конструктор 1os предоставляет для этого целую палитру:

После того как выберите свой цвет, не забудьте нажать «ПРИМЕНИТЬ».

Тип дизайна

Функция позволяет менять степень «воздушности» изображения за счет наложения теней на элементы сайта. Поэкспериментируйте и найдите оптимальный для себя вариант:

Шрифт

Попробуйте изменить шрифт, которым оформлен ваш интернет-магазин. Возможно, вы подберете более удачный, чем тот, что выбран по умолчанию. Наиболее ярко различия проявляются в написании цифр. Выберите один из предложенных вариантов и нажмите «ПРИМЕНИТЬ»:

Размер заголовков

Следующий блок позволяет менять размер заголовков (в определенных пределах). Чем больше число, тем больший размер на выходе вы получите:

Выравнивание заголовков

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

Размер текста

Вы можете изменить размер букв, которыми написан основной текст. Большие объемы информации целесообразно представлять более мелким текстом. Если вы сторонник кратких описаний, крупные буквы будут предпочтительнее. Попробуйте различные варианты, не забывайте о кнопке «ПРИМЕНИТЬ»:

Ширина сайта

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

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

Виды кнопок

Конструктор предлагает вам 3 вида кнопок — обычные, круглые и прямоугольные. Сравните, все они выглядят интересно. Если остановились на каком-то варианте, нажмите соответствующую кнопку и «ПРИМЕНИТЬ»:

Вот, например, как выглядят круглые кнопки:

А вот прямоугольные:

Отображать предзагрузку страницы

Эта функция определяет, как для пользователя сайта будет выглядеть процесс перехода с одой страницы на другую. Если переключатель находится в левом положении (выключено), то вместо одной страницы моментально будет появляться следующая. Если же перевести его в правое положение (включено), между предыдущей и следующей страницей на короткий момент будет появляться некий «туман». Попробуйте, выглядит интересно:

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