yoksel : ) (yoksel) wrote in journals_covers,
yoksel : )
yoksel
journals_covers

Category:

ЖЖ-дизайн за 10 дней

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

Убьёте сразу двух зайцев: познакомитесь поближе с кодами и сделаете себе авторский дизайн : )

В течение 10-ти дней я буду выкладывать по одному уроку посвящённому определённой теме: например, фону журнала или оформлению поста.

Если вы не будете тормозить и пропускать занятия, через 10 дней у вас будет дизайн вашей мечты

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

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

Внимание: если собираетесь использовать графику, необходимо хотя бы минимальное знакомство с графическими редакторами. Например, нужно уметь уменьшить картинку и сохранить её для публикации в веб.
Если вы не знаете как это делать, но очень хотите узнать - яндекс вам в помощь. В сети туча информации по этому поводу и здесь мы эти вопросы рассматривать не будем.

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

kuler
http://kuler.adobe.com/

Чтобы сохранить понравившийся сет, я обычно делаю скриншот.

Теперь рассмотрим два сакральных вопроса:

1. Где брать картинки?

Можете поискать их на бесплатных стоках (по этой теме хороший пост на Хабре) или в яндексе с гуглом.
Так как вы не собираетесь использовать картинки в коммерческих целях, вобщем-то пофиг где их брать.

Единственное что: если вам известен автор изображения - укажите его в профиле. Хотя бы затем, чтобы люди смогли увидеть другие работы этого автора, если им понравилась картинка, которую выбрали вы.

Ещё хороший сайт по теме: http://www.lenagold.ru/. Там очень много фонов.

Так же можно поискать иконки и кисти. Кисти - если захотите сами что-то нарисовать.

Можно использовать свои фотографии или рисунки.

2. Где хранить картинки?

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

Так же у них есть программа для обработки фоток. Сама не пробовала, но думаю что яндекс фигни не предложит. Кто потестит - скажите как оно.

Так же есть:

http://www.radikal.ru/
http://tinypic.com/

и множество других фотосервисов.

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

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

Как брать картинку с яндекса:


Внимание: если яндекс отдаёт картинку меньшего чем нужно размера, берите последний из списка - по ссылке Оригинал

Ещё полезное: Как скруглить углы? Урок более недоступен в связи с закрытием Я.ру

И последнее: требования к картинкам.

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

ЖЖ-дизайн за 10 дней

Второй вариант - наложить вашу картинку поверх скриншота журнала и уменьшить до нужного размера.

Фон может повторяться, занимая собой всё пространство под записями или может быть одиночной картинкой.

Картинка для первого варианта должна хорошо стыковаться сама с собой, проще поискать готовое.

Вес одиночной картинки не должен превышать 100-150 кб, иначе никто не дождётся её загрузки.

Важная деталь: универсального размера фона не существует, потому что у всех разное разрешение экрана, и подогнать под все не получится.
Если у кого-то экран больше чем ваша картинка, из-под неё будет торчать фон.
Продумайте этот момент.

На сегодня всё : )

Задание:
1. Подумайте над оформлением вашего журнала, можете сделать наброски (любым удобным способом).
2. Подберите и сохраните себе подходящие картинки, можно несколько.
3. Обрежьте или уменьшите их до нужного размера и сохраните с оптимизацией для веб (File > Save for Web)


UPD: Сколько времени займёт выполнение задания?

Ориентировочно - от 10 до 30 минут на каждый урок. Иногда больше, иногда меньше, смотря что вы задумали : )
Никаких подвигов при этом от вас не потребуется, только самые простые действия.


UPD2: На основе системы стилей S2!

UPD3: Для всех аккаунтов, кроме спонсируемых


Если есть вопросы по теме - спрашивайте

Баннер акции





Распространение информации крайне приветствуется
Чем больше людей узнает об акции, тем красивее будут журналы, по которым мы ходим : )


Навигация по урокам
larr noactive День 1. Поиск картинок
День 2. Стиль и фон
День 3. Ширина журнала
День 4. Фон ленты
День 5. Шапка журнала
День 6. Сайдбар
День 7. Посты
День 8. Страницы комментариев
День 9. Метки и календарь
День 10. Хозяйке на заметку
 rarr


 


Курс окончен, что дальше?

1. Уроки никуда не денутся, и все могут пользоваться ими и дальше.

2. Я буду продолжать отвечать на вопросы к урокам, но при одном условии: вы пробуете делать сами и просите помощи только если не получается.
Если вы раскрыли клювик и ждёте готовые коды - вы не по адресу.
Напротив - если вы думаете, действуете, экспериментируете - я всегда рада помочь.
Задавайте вопросы строго по теме поста

ВНИМАНИЕ: сейчас у меня нет возможности отвечать на все вопросы.
В уроках есть практически всё необходимое чтобы справиться самостоятельно.
Крайне рекомендую зайти в последний урок и установить упомянутые там плагины - они помогут вам решить ваши проблемы, в том числе если я не смогу вам ответить.
Или же сразу перейдите в Генератор дизайнов и не ломайте голову : )

3. Если вы производите стилей больше, чем успеваете носить - добро пожаловать в layouts_ru : )

4. Если вам лень всё это читать или коды оказались вам не по зубам, воспользуйтесь вот этим
Генератор дизайнов для ЖЖ
и бесплатно сделайте себе дизайн вашей мечты.
Специальных знаний не требуется : )



Tags: useful: уроки по оформлению ЖЖ, ЖЖ-дизайн за 10 дней
Subscribe

promo journals_covers august 1, 2013 11:15 62
Buy for 200 tokens
У меня сегодня прекрасная новость: длинные инструкции по настройкам оформления больше не нужны, потому что теперь настройки на русском! : ) '​*':'*'тут салютики'*':'*' Сначала это было сделано для Хамелеона, теперь настройки переведены для Minimalism и Expressive. Помимо перевода, настройки…
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 703 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
я себе недавно сделала дизайн (по Вашим же урокам) новый.
Но с удовольствием дам ссылку на Вас!
Хорошо вышло : )

Спасибо

elka_palka

11 years ago

renidens

11 years ago

elka_palka

11 years ago

incanto_dreams

11 years ago

elka_palka

11 years ago

mixtora

11 years ago

Deleted comment

я тож так мечтала, взялась, всё поняла, попробовала и.. меня теперь тошнит от мысли-сделаю-ка дизайн, ибо это оказалось искусством..
Размещу банер у себя.
Боже мой!!! У меня просто нет слов!!! Огромное спасибо, я с удовольствием и нетерпением буду ждать ваших дальнейших уроков. Из просмотренных дизайнов ни один не запал в душу настолько, чтобы с криком: МОЕ!!! - тут же поставить его :)) Решила попробовать сделать свой. Несколько дней назад наискала картинок и собиралась в ближайшем будущем вплотную заняться исследованием кодов)))) И тут Ваш пост!!! Моему восторгу нет предела))))))
Должно быть, вы слишком громко думали : )

mixtora

11 years ago

+1! спасибо
Классная идея, буду следить за уроками :) Своих френдов призвал присоединиться: http://z-alexey.livejournal.com/27523.html :)
Спасибо : )
А я пару дней назад сделал дизайн себе, но, ничего, потренируюсь на своей старой ЖЖешечке.
Спасибо за урок!
У картинки с лыжником левый край не совсем белый, видна граница. А так хорошо вышло : )

mind_one

11 years ago

yoksel

11 years ago

juchkov

11 years ago

mind_one

11 years ago

Идея просто чумовая! Насчёт себя не знаю - много всего навалилось, но еси чё - буду просто активным наблюдателем : )

Пошла постить анонс у себя )
На задания не потребуется много времени, хотя бы потому что мне будет лень столько писать : )

zorrina

11 years ago

скажите а если у меня аккаунт не платный я тоже могу сделать или нет?
Любой кроме спонсируемого

fideus

10 years ago

yoksel

10 years ago

fideus

10 years ago

yoksel

10 years ago

fideus

10 years ago

Deleted comment

Спасибо
Хорошая идея! Послежу.
: )
отличная идея. а вы успеете за десять раз рассказать все, что нужно?
А вы думаете что всё так страшно и сложно? : )

punk_lady

11 years ago

yoksel

11 years ago

Йоксель, вы чудо!)

Я только не поняла, как это http://kuler.adobe.com/ использовать. Не могли бы в двух словах объяснить, чего там надо нажимать *стыдно*
тыкаете по полосочкам в столбце, внизу листалка набора полосок. Листайте пока не найдёте нужное

А вообще можете кликать на всё подряд и смотреть что получится, вы же там ничего не поломаете : )

Deleted comment

Спросите у хозяина журнала, может тоже где-то взял
А мои "маки" можно будет сверстать за эти 10 уроков, или там сложно?
Кстати, можно : )

lidok_nyan

11 years ago

Previous
← Ctrl ← Alt
Next
Ctrl → Alt →