moscowfix (moscowfix) wrote,
moscowfix
moscowfix

Как сделать свой дизайн ЖЖ

Все пользователи ЖЖ замечали, наверное, что у одних дневники оформлены стандартно, а у других - красота! Заглавные картинки, передающие суть и настроение, разные дизайны... Как это делается? Оказалось, все очень просто. Буквально 5 минут - и ваш унылый жж превращается в неповторимый! (Все бесплатно, без реклам и знания кода).  Лично я уже оформил таким образом сообщество.
Как сделать неповторимый дизайн - описано в цитируемом посте ПОД КАТОМ, там пошаговая инструкция.


Оригинал взят у sova_aleksa в Как сделать свой дизайн ЖЖ

Было много вопросов насчет этой ссылки Генератор дизайнов для ЖЖ
Многие уже воспользовались , еще раз спасибо СОЗДАТЕЛЮ , за такую возможность !
Классно получилось у девочек, кто уже сдизайнировал )))
Напишу по-этапно как я делала , в принципе все просто, но по-началу не очень получалось
Для тех кто хочет "круто" научиться делать дизайн для жж, там есть курс уроков
ЖЖ-дизайн за 10 дней
http://journals-covers.livejournal.com/78018.html

Но так как я абсолютный "чайник"
ДЕЛАЛА ТАК:



1. Первое с чем нужно определиться - с заглавной картинкой, соответствующей тематики вашего ЖЖ и плясать от нее

Я выбрала две , выравняла их по цвету и яркости в Лайтрум ( lightroom )

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

2. Составила коллаж из двух картинок в элементарном Paint , задав ширину в пикселях

по горизонтали 1000 ( т.к стандартная заданная ширина ленты 1000 )
по вертикали 520 ( произвольная )

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

*Картинки в коллаже должны как-то тематически и по цвету перекликаться , у меня платье на девушке как звездное небо и картина рядом "Звездное небо" , бокал, звезды и основной тон ЖЖ - одного цвета
Звезды круглые - широкими мазками и на обоях цветочный рисунок с круглыми элементами , и монохромными лепестками схожими с мазками ВанГога - для динамики

3. Коллаж сохранила в Фотоальбоме ЖЖ ,т.к мои фото хранятся именно там, но вы можете использовать свой фотобанк

Далее , создала новую запись в своем ЖЖ
вставила картинку ( коллаж )
кликнула на нее два раза
появилась табличка свойства изображения
нам нужна строка - URL изображения ( грубо говоря , адрес картинки, копируем его полностью )
выглядит это как-то так
http://ic.pics.livejournal.com/sova_aleksa/52437915/307057/307057_1000.jpg

4. Заходим по ссылке Генератор дизайнов для ЖЖ

Выбираем макет с наиболее подходящим нам расположением элементов.
Например 033, кликаем на него и оказываемся внутри

*Обращайте внимание при выборе макета , где у вас будет находится заголовок журнала, если заглавная картинка такая яркая и пестрая как у меня, какой бы цвет шрифта я не взяла, он будет не читабельный , так что я выбрала макет с названием журнала на обоях (фоне ) 033

Что классно, все интерактивно и все ваши изменения в макете дизайна должны быть сразу видны

5. Над нашим макетом висит маленькая табличка с закладками Фоны, Ширина, Шрифты

Начинаем с закладки Фон
В строку заглавная картинка вставляем адрес нашей картинки http://ic.pics.livejournal.com/sova_aleksa/52437915/307057/307057_1000.jpg
Через несколько секунд она должна появиться в макете дизайна

6. В следующей строке высота заглавной картинке выставляем заданную нами высоту коллажа, в моем случае 520,
сразу видим результат

7. Тут же работаем с фоном, обоями ЖЖ

Нам нужна строка картинка фона

Для начала воспользуемся ссылкой выбрать картинку
входим в каталог фонов ( их там великое множество ) выбираем понравившийся
кликаем на него и тут же наш макет меняет свои обои ( фон )

Как правильно подобрать соответствие цветов своего журнала смотри внизу *

8. Тут же в строке цвет фона ленты, можно выбрать любой цвет, кликнув на окошко, затем на цвет шкалы и ок

Я оставила заданный белый, т.к фотографии на фоне любого другого могут смотреться не выиграшно, белый-для фото журналов самое оно, если у вас в основном текст - то пожалуйста, развлекайтесь )

9. Далее заходим в закладку Ширина, что тут можно сделать

Строка ширина ленты , заданная 1000, но как я говорила можно задать свою , но она должна соответствовать ширине заглавной картинки

Строка ширина боковой колонки ( у кого она есть ) заданная 200, я так и оставила

Строка скругление блоков , можно задать любую , мне 15 оказалось оптимальным

10. Шрифты

Здесь думаю все понятно

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

У меня , заголовки, название журнала и ссылки , SigoeScript - очень по французски
Основной текст оставила стандартный и черный , печатный и привычный

Не забываем о соответствие цветов* у меня все кроме основного текста фиолетовое - соответствует одному из основных цветов дизайна

11. Все , дизайн готов, он нам очень нравиться )))

Тут же , над нашей маленькой табличкой есть сноска - получить код- кликаем - копируем код нашего дизайна.

Там же ссылка как установить - кликаем, внимательно читаем , очень все понятно описано , устанавливаем и наслаждаемся лучшим своим дизайном в мире


Удачи, если что спрашивайте,чем смогу помогу, хотя сама еще полный чайник.

Обязательно потом зайду гляну, что получилось

А у самой руки чешутся еще поиграться )))



* соответствие цветов

int2(2)[1]
Все наверно знают , но на всякий случай шкала соответствия цветов, мы же хотим , чтобы наш журнал был хорош
Цвета выбираем находящиееся напротив друг друга
В моем случае , два основных цвета в журнале, холодный фиолетовый и холодный желтый ( достаточно ярко и жестко - но мне нравится )

Либо можно работать в одном цвете, но в разных оттенках

Tags: свой стиль журнала
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 1 comment