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 

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

Спасибо

elka_palka

9 years ago

renidens

9 years ago

elka_palka

9 years ago

incanto_dreams

9 years ago

elka_palka

9 years ago

mixtora

9 years ago

Deleted comment

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

mixtora

9 years ago

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

mind_one

9 years ago

yoksel

9 years ago

juchkov

9 years ago

mind_one

9 years ago

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

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

zorrina

9 years ago

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

fideus

8 years ago

yoksel

8 years ago

fideus

8 years ago

yoksel

8 years ago

fideus

8 years ago

Deleted comment

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

punk_lady

9 years ago

yoksel

9 years ago

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

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

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

Deleted comment

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

lidok_nyan

9 years ago

Previous
← Ctrl ← Alt
Next
Ctrl → Alt →