Перейти к содержимому



Сравнить макет с вёрсткой

#1

Поделиться сообщением #1



myrka

myrka
  • Неактивные
  • 22 сообщений
  • Репутация: 10
0

Отправлено 27 Январь 2012 - 12:02

Здравствуйте.
Подскажите пожалуйста хороший способ, как сравнить макет дизайнера с навёрстанной страницей, дабы не было разницы даже в нескольких пикселей.

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Макеты для верстки
  2. [Урок 1] Выбор макета и инструментов для верстки.
  3. [Урок 2] Разметка макета по блокам и определение необходимых тегов.
  4. Верстка макетов
  5. Создание макетов, Адаптивная верстка

#2

Поделиться сообщением #2



yury

yury
  • Пользователь
  • 632 сообщений
  • Репутация: 181

Отправлено 27 Январь 2012 - 13:09

* Открываем в фотошопе картинку с макетом
* делаем снимок экрана окна браузера с сайтом
* вставляем этот снимок в фотошоп слоем поверх макета
* устанавливаем прозрачность слою со снимком процентов 30-50, совмещаем изображения и сравниваем
(при желании можно масштаб увеличить и рассматривать интересующие места крупнее)

А это вообще так критично, чтобы было попиксельное совпадение?
Главное, чтобы сайт сам по себе смотрелся и функционировал, как задумывалось.
Сайт ведь для посетителей сделан, а никто из них пиксели считать не будет.
А еще бывает резиновая верстка, контент может разное место занимать, и т.п.


  • 0

#3

Поделиться сообщением #3



myrka

myrka
    Topic Starter
  • Неактивные
  • 22 сообщений
  • Репутация: 10

Отправлено 27 Январь 2012 - 13:53

Спасибо вам огромное


  • 0

#4

Поделиться сообщением #4



surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 27 Январь 2012 - 19:52

еще есть плагин к firebug который предназначен для этого, к сожалению не помню названия

кажется вот этот https://addons.mozil.../pixel-perfect/
  • -1


Оформление форума – IPBSkins.ru