poison_glen (poison_glen) wrote,
poison_glen
poison_glen

Category:

Дизайнер! С цветами можешь не дружить, но вёрстку знать ты, блин, обязан!

Взяла заказ на вёрстку сайта с прицелом на кикстарт.

Пока верстала, прокляла создателя этого грешного дизайна. Руки бы ему пооборвала. А, впрочем, лучше не членовредительствовать и обучить его верстать. Больше толку будет.

Вроде на первый взгляд симпатичный дизайн, элементы относительно друг друга выровнены:

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

Шапка.

Нижняя часть вроде как выровнена – логотип, меню «Личный кабинет», корзина, блок «Позвоните мне». Но чтобы это выравнивание адекватно сверстать, хошь-не хошь, а ежа родить придётся.  Единственный способ, какой я нашла – для блока с корзиной и списка «позвоните мне» задать конкретный отступ сверху. Иначе никак, пиксель-дрочерство форменное. Именно то, от чего мы в сайтах «Агилиса» стараемся уходить.

Баннеры

4 разных по размеру баннеров. Картинками запись перегружать не хочу, посему привожу здесь баннеры только одного уровня.

Надпись должна быть текстом поверх картинки.  Вроде не так сложно: текст позиционируем абсолютом, указываем точный отступ сверху и слева. Но для каждого вида баннеров по нескольку типов отступов. Создавала три класса - райт, лефт и центер. И для каждого прописывала свои значения отступов. Хоть и сокращала стили по максимуму, всё равно на одни только баннеры ушло около 150 строк css.

Если дизайнер умеет верстать, он сразу видит, как какой элемент куда ставится. И ещё три раза подумает, когда элементы будет двигать. 

Tags: вёрстка
Subscribe
  • 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 

  • 35 comments