Отчетный пост про дизайн

[expellearmus002]

С середины ноября я играла в кубики. Началось с ерунды, но теперь чую, виражи все круче. Список идет от последних (которые получше) к первым (которые попроще) игрушкам. Чем дальше я долблю html, тем прекраснее выходит! Конечно, я что-то переделаю в первых дизайнах, потому что наконец знаю, как. Все, кто дал мне ключи от тайных дверей и ничего не дождался - радуйтесь, у вас все будет в шоколаде.

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

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

В нижеследующем списке примерно 2/3 красот. Смотреть это и пользоваться этим надо на разрешении экрана 1280 х 1024

Мечтаю наваять Японию, но не знаю, кому.

http://anatolle.livejournal.com/389201.html

http://exercitator-s.livejournal.com/446.html

http://astoria-g.livejournal.com/83232.html

http://severussnape002.livejournal.com/116463.html

http://domenika-salis.livejournal.com/25366.html

http://foenix777.livejournal.com/2308.html

http://community.livejournal.com/hp_ekb/ - Это результат ошибки. Какие-то паттинги не туда зашли. Мне кажется, она была гениальна. Повторить не в состоянии.

http://hp-lev-zimoj.livejournal.com/

http://hp-concert.livejournal.com/12258.html

http://jerome-avery.livejournal.com/428.html

http://fiabilandia-d.livejournal.com/9534.html

http://kementary.livejournal.com/670389.html

http://sent-mungo.livejournal.com/19679.html

http://genrih-faust.livejournal.com/294768.html

http://bances.livejournal.com/110295.html

http://alex-cheshir.livejournal.com/5046.html

http://yanka777.livejournal.com/37812.html

http://severina-sg.livejournal.com/ - не знает ли кто, отчего тут не работают комменты в стиле журнала? (Код точно верный, работает у других пользователей)

http://ringl.livejournal.com/ считаю, шедевр)

Comments

Продолжение Продолжения

[expellearmus.livejournal.com]

Боль.

С этого простого слова я начну последнюю подачу:-) Боль состоит в том, что переходя с платформы S1 на S2, вы там не обнаружите НИЧЕГО похожего на ваш прежний дизайн. Сам принцип программирования немного иной,и никакой преемственности в визуальном решении не прослеживается.

Количество предложенных дизайном уродливы по цветому решению либо по шаблону. Все возможности "внести изменения" лживы. Что надо - цвет и размер текста, несущее поле жж (контент), содержимое ВНУТРИ блоков не меняется.

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

Чтобы сделать дизайн надо поступать так:

1. Сходить в специальные сообщества по оформлению жж (у меня на морде жж указаны два, найдите. Еще тут был пост про дизайн не так давно - там есть ссылки). Там надо проанализировать готовые авторские дизайны и понять, из каких блоков они состоят, и какое расположение этих частей для вас привлекательно. То есть вы выбираете ТИП шаблона. Чаще всего используется Unstyled --> Expressiv, у него есть разновидности (слева-справа планка меню, слитно-раздельно поданы блоки, на какой высоте идет боковое меню, сколько площади ГОРИЗОНТАЛЬНО ест шапка, ширина блока с основным текстом (контент). Цвет и финтифлюшки - это шопинг! Гляди на скелет!

2. Найдя свой скелет, присоединяйтесь к данному сообществу (они там без этого даром ничего не дают!) - откроется окошко с кодом и с правилами его установки. Это три шага, все написано. Соотвественно устанавливаете. Код устанавливается в окошке вашего жж после нажатия ссылки Custom CSS (вам расскажут, как до нее добраться).

3. После получения кода и пробной его установки можно начать ковырять код! И менять готовую сборку на свою, китайскую.
Изменять при таком подходе можно все - картинки, кегль/цвет текста, фон, цвет контента, рамки, то се. Что-то можно снести (методом покраски этого в тот же цвет, что и другого, чтоб было не видно. Суслика какбэ нет). Другое дело - как понят что есть что в коде?

Начните с длинных ссылок: это изображения. Самое простое - поменять их на другие.
Потом шестизначные числа с диезом впереди. Это цвет, колор.
Потом размеры. Они в px. Высота и ширина (вес) написаны по англ. Я не знаю английского, поэтому не могу написать и сказать эти слова.) Огромную шапку в заглавии жж можно снести, уменьшив выделенную ей высоту. Это самый верхний блок body, с которого все начинается в коде.

Трахайтесь вместе с нами, и диплом Чародея будет у вас в кармене!

Re: Продолжение Продолжения

[doctornovikov.livejournal.com]

Спасибо за развернутый ответ! :))
С общими принципами веб-дизайна я знаком. Как никак свой сайт (http://www.novikov-foto.com) я делал сам на 99%
Там как раз проблема в том, что макеты типа Expressive ко мне в журнал не хотят вставать: сайдбар уходит под ленту записей, несмотря на то, что места под него достаточно. В Опере все выглядит лучше, чем в Фоксе, но стоит залогиниться, как сразу все сползает под ленту. :( Разрешение экрана - 1280*1024, аккаунт - улучшенный, платформа - S2 - т.ч. условия соблюдены. В итоге чуть голову не сломал с ними... В sparrow_design  вступил, мануалы оттуда курил.