В связи с открытием раздела дизайнов для liveinternet.ru, я , как поставщик идеи выкладываю урок по созданию таких дизайнов. Надеюсь, что он будет понятным для вас.
Итак.. Начнем с разборки полетов. То есть выясним какая кнопочка за что отвечает.
(все картинки кликабельны)


Расползаемся на циферки.
1- Общий фон.
2- Фон панели навигации.
3- Фон остальных блоков.
4- Фон сообщений.

1)Надеюсь, всем понятно, что фон должен быть красивым, не резать глаза, как и вся цветовая схема дневника. противопоказаны фоны-глиттеры, анимашки, ядрено-яркие фоны. Надеюсь, что вы понимаете, что они просто отпугнут читателя.) Если кто ещё не умеет делать фоны, то вот ссылочка оО.. Я лично предпочитаю делать фон цветом. На Ли.Ру очень мало места для отображения картинки из-за блоков.

2) Фон панели навигации- очень хитрая и коварная вещь. Вам его нужно сделать так, чтобы картинка аккуратно смотрелась и на вашей главной странице и странице дневника. Размер на главной странице составляет около 339х392 пикс. Но это на главной. В вашем дневнике этот размер будет "скакать" в зависимости от количества информации в блоке.
Вот несколько примеров создания блока, самых оптимальных и хорошо смотрящихся в дневнике:
1) Картинка слева.
Один из самых выгодных вариантов, т.к. блоки урезаются справа и часть вашей картинки может просто кануть в лету.
Открываем нашу картинку. Я выбрала эту.

Удаляем фон у картинки.
Моя картинка смотрит влево. Мне это в дальнейшем будет плохо, поэтому применяю трансформирование-отразить по горизонтали.
Теперь, определимся с цветом нашего фона. Он должен гармонировать с главным фоном. Я выберу блекло-оранжевый цвет. Кстати, это очень хороший дизайнерский ход: чтобы картинка чем-то была схожа с фоном, т.е. цветом.
Для фона создаю слой 339х392 пикселя и заливаю цветом. Теперь, помещаем нашу картинку. Аккуратно, вбок. Уменьшаем до нужного размера. Правда, скорее всего аватар будет заезжать на фон, но не беда оО. Текстуры лучше не применять. Позже объясню почему.
У меня это выглядит так:

Оставим этот фон таким.
2) Повторяющийся узор слева.
Тоже один из самых выгодных способов. Помним, как создавали общий фон? Здесь где-то такая же техника.
Заливаем наш фон цветом (339х392).
По такому же принципу как и с главным фоном ставим нашу клонированную картиночку. Только в левую сторону. Выглядеть это должно примерно так:

3)Картинка справа.
Менее удачный способ, т.к. нужно угадать с размером. Делается по принципу первого варианта, только влево. Но плюс определённый есть: картинку не закроет аватар. Чтоб было более понятно: как это выглядит у меня.

4) Картинка-фон.
Делается по принципу главного фона. Не забываем, что она должна сочитаться с фоном.

3) Фон остальных блоков. Проще залить цветом.
4) Фон сообщений. Это лично ваше мнение. Кто-то любит залить цветом, кто-то любит применять прозрачность, кто-то текстуры. Я, например, больше люблю линованную текстуру.

С фонами мы разобрались. Теперь разбираемся как, куда их ставить.

У всех картинок общее свойство: выбор заливки: всё пространство, по горизонтали, по вертикали и не заполнять.
1) Главный фон. Чаще всего здесь надо выбирать все пространство. Исключения: картинка "точечная", т.е. не должна быть на весь экран, а лишь в какой-либо его части. Тогда, выбираем не заполнять. Не забудем указать фоновый цвет.
2) Фон панели навигации. Зависимо от фона выбираем опцию. Также указываем фоновый цвет, который совпадает с фоном вашей картинки.
3) Выбираем цвет
4)Ваша текстура-выбираем опцию( чаще всего заполнить все).

Подбираем к дизайну цвет текста.
И шрифты).

Вроде всё).

Статья принадлежит сайту banana-art.ru. Полное или частичное копирование запрещено.
 За более подробной информацией обращаться к администрации.