Решил я тут попробовать CMS Блоголет. Система вроде как легкая, быстрая. На мой взгляд, она могла бы стать той, искомой «системой для сайтов-визиток».

В плане установки и работы никаких проблем не возникло. Все работало шустро и красиво. Однако мне стал интересен еще один аспект. А именно сторона создания шаблонов для этого движка. И для этой цели я решил переделать тему WordPress.

Моей подопытной стала тема PocketT.

Что можно сказать о процессе переделывания? Большая часть работы проходит легко и быстро. Однако есть пару неприятностей.

(далее…)

Думаю все вы знаете об интернет-журнале «БлогоNews». Если раньше не знали, знайте. И читайте. Я и сам являюсь читателем этого журнала. Именно поэтому мне пришла в голову мысль о небольшом редизайне сайта БлогоNews. Я взял за основу уже существующий дизайн от Raptor-a и немного его изменил.

Вот что получилось:

Теперь остается отправить макет руководству БлогоNews

Сегодня наткнулся на сайт statejki.ru, на котором обнаружил свои старые посты с blogerstyle.com. С учетом того, что до этого момента о «статейках» я не знал, то каким образом мои посты туда затесались остается для меня загадкой. Ну да ладно, оставим это. Важно сейчас то, что перечитав свои старые посты, я решил опубликовать их еще раз.

Итак, несколько рекомендаций дизайнерам, которые отправляют свой макет на верстку. Вряд ли открою Америку, но для некоторых надеюсь это будет полезной информацией и позволит сохранить нервы и время как дизайнеру, так и верстальщику. Ориентироваться буду на Photoshop, хотя для остальных программ смысл поста не меняется.

1. Называйте слои нормальными именами

Например, navigation, logo, sidebar-top-line (и т.д.), вместо стандартного нумерования layer 1, 2 и т.д.

2. Группируйте элементы в папки

Пусть у вас получится четко разграниченная структура — тут папка header, а тут sidebar.

3. Используйте цвета

Раскрашивайте слои и папки в различные цвета. Так вам будет легче ориентироваться и сложнее запутаться в слоях.

4. Растрируйте шрифты

Посмотрите на список стандартных шрифтов в Windows. Вы использовали другой? Растирируйте его!

5. Пишите заметки

Нафига в ФШ есть такая функция? Она сделана как раз для этого. Напишите в заметках, а не в отдельном слое. Функция особенно полезна, если вы в силу каких-то причин не собираетесь писать ТЗ. Укажите в заметках цвет ссылок, размер блоков и прочую техническую информацию.

7. Всегда держите в голове «эта картинка будет страницей»

Запомните, не все можно сверстать так как вы нарисовали. Когда-то давным-давно я нарисовал дизайн (для блога), в котором дата выводилась под прямым углом (да, представьте себе строку.  А теперь переверните ее на 90 градусов) Смешно? Да! Это теперь я смеюсь, но раньше я об этом не знал.

Так вот, чтобы не было таких казусов, выучите основы верстки. Если вы дизайнер, вам не обязательно быть профессиональным верстальщиком. Но вы должны представлять каким образом будет верстаться ваш макет.

6. Архивируйте .psd-файл

PSD-шник ужимается zip-ом почти в три раза.

Конечно это имхо и у каждого верстальщика могут быть свои требования. Так что, дополняйте. Буду рад ))