ДомойДизайнВеб-дизайнГостевая страница для сайта

Гостевая страница для сайта

Общение с посетителями сайта может быть весьма полезным и потому можно сделать на сайте страницу «Гостевая».

Так как мы применяем в качестве примера макет кулинарного сайта, то открываем уже имеющийся рабочий файл и оставляем его в таком виде.

Макет сайта. Гостевая страница

Создаем поле под диалог. Заходим во вкладку «Просмотр» нажимаем «Вспомогательные элементы». Инструментом «Прямоугольная область» выделяем область, которую заливаем «Градиентом» тип «От основного к фоновому». На панели инструментов устанавливаем в верхнем квадрате цвет #40142e и #eac4dd в нижнем. Это будет с точностью до наоборот в отношении «Градиента», которым залит рекламный блок.

guest-page-02

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

guest-page-03

Создаем новый слой. Включаем «Вспомогательные элементы». Рисуем фигуру.

guest-page-04

Делаем дубликат слоя с фигурой, чтобы получить три фигуры. Инструментом «Перемещение» распределяем их на поле.

guest-page-05

Заходим во вкладку «Слои» – «Стиль слоя» – «Параметры наложения», в открывшемся окошке устанавливаем галочку возле параметра «Наложение градиента». Устанавливаем тона, соответствующие общей тональности сайта, но чтобы слои не сливались.

guest-page-06

Устанавливаем галочку возле параметра «Обводка» и делаем её тип «Градиент», размер 4 пикселя. Чтобы получилась рамочка.

guest-page-07

Также нужно продумать наличие аватарок, которые пользователи могут выбрать для себя.

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

Аватарки можно сделать в отдельном файле. Вставляем их в поле диалога.

guest-page-08

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

Сделаем едва заметные разделители между диалогами.

Включаем «Вспомогательные элементы» и инструментом «Карандаш» рисуем полосы.

guest-page-09

Инструментом «Ластик» большого диаметра, непрозрачностью 80% стираем края. Изменяем режим наложения слоя на «Мягкий свет».

guest-page-10

Дополняем страницу надписью «Гостевая».

guest-page-11

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

Гостевая страница. Макет

Источникfotokomok.ru

ОСТАВЬТЕ КОММЕНТАРИЙ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

ПОХОЖИЕ СТАТЬИ