Вёрстка из PSD

1. Станислав (01.11.2011 / 16:56)
Не знал, куда будет правильней эту тему втиснуть, но, на мой взгляд, тут ей место.
Собственно, что интересует:
Кто занимается вёрсткой страниц из PSD-макета? Я раньше этим никогда не занимался, но, скоро придётся, чую, ибо работёнкой подзавалят немного.
Я не понимаю логику всех этих действий.
Как правильно нужно создавать это макет (порядок блоков, к примеру)? В каком порядке и какие действия необходимы?
Пока эта пара вопросов. Потом, в процессе пробы я ещё буду задавать некоторые вопросы.

2. ктулху (01.11.2011 / 17:47)
Так хотелось бы помочь хорошему человеку, но увы... не шарю абсолютно. Может верстальщики подтянутся

3. Алексей (01.11.2011 / 18:19)
У нас к макетам прикладывается дополнительно нарезка, плюс все комментарии, цвета, отступы и прочее прочее

требуй аналогичного

Добавлено через 06:37 сек.
ну а так нужны хотя бы какие ли бо знания по верстке, например нужно знать как "порезать" кнопку чтобы она была "эластичная", ну и.т.п
много нюансов и зависит от случая

4. Станислав (02.11.2011 / 05:09)

ShiftBHT (1 Ноября 2011 / 19:47)
Так хотелось бы помочь хорошему человеку, но увы... не шарю абсолютно. Может верстальщики подтянутся

Спасибо и на этом =)

Добавлено через 02:58 сек.
3. megabit, тут дело немного другое. Мне придётся самому это всё делать.
Знание html/css есть, но их недостаточно. Нифига я не дизайнер по природе своей. Что-то на php сделать и прочее - легко, а вот в вёрстке не шарю особо.
Мне надо какие-то общие принципы по созданию макета. На какие слои делить и тп. В общем, всего по мелочи.

5. Алексей (02.11.2011 / 06:05)
4. SNELS, удобнее если в psd всё по папка разделено, а так смотри отделеяешь background он либо резиновый либо нет, если фон какимто цветом задан то ясно что пишем в css, дальше на примере header, нарезаеш на левый край правый край и центральная часть если опять же резина а не фиксированный, ну и по аналогии дальше во всем так

Добавлено через 01:33 сек.
4. SNELS, могу на каком нибудь примере тебе прокомментировать

6. Vizor (02.11.2011 / 07:18)
мне и с картинок верстать приходилось. psd та же картинка только все элементы на ней разделены по группам и слоям. начинай с фона, дальше те обьекты что покрупнее менюшки заголовки шапка ноги и заканчивай мелкими деталями иконками градиентами и прочим.
если сам делаешь psd просто рисуй, под каждый элемент новый слой не лепи всё на один.

7. Вадим (02.11.2011 / 14:11)
Ну для начала нужно правильно нарисовать макет. По папкам разложить хедер, боди, футер. В боди сделать подпапки если имеются блоки слева или справа. Каждый элемент нужно рисовать на отдельном слое, что-бы не запутаться и проще было при верстке. Фон можно сделать просто слоем, без папок. После создания любого слоя, закрепи его (проще будет, если вдруг что-то перепутаешь). После создания макета создаешь обычный индекс.хтмл (с просто структурой дизайна, просто расположения блоков и так далее), следующим шагом идет ксс. Далее ты должен разрезать весь макет на составляющие, на детали макета, кнопки, шапки, футеры и все остальное. Ну и в конце в хтмл и ксс добавляешь графические элементы с ссылками на саму графику.
Дерзай

8. Станислав (02.11.2011 / 14:29)
7. Рон, спасибо, то, что надо. Осталось кривость своих рук в вёрстке поправить

URL: https://visavi.net/topics/26155