Максим Покровский

— Привет, меня зовут Максим Покровский. Вы находитесь в моем рабочем кабинете. Поскольку я фрилансер, будем считать, что именно так он и выглядит. Здесь я пишу много интересных вещей, и если вы почувствовали, что я именно тот человек, который вам нужен, то я всегда открыт для контакта.

Сейчас работаю над:


  • Разработка одного стартапа

    Текущий статус - делаем функционал.

  • Смена функционала на popsop.com

Заказать мне работу
28.07

Пиксельмания. Ату его, ату!

Комментарии (19) Design

По рунету ураганом пронеслась новость о новом дополнении к FireBag Pixel Perfect. Оное дополнение позволяет накладывать для сравнения полупрозрачный макет на верстку прямо в окне браузера, неся всем нам счастье и радость соответствия макета верстке. Ага, щаз…

Лично мне данная ситуация напоминает мартышку с пистолетом. Я нисколько не беспокоюсь за судьбу этого инструмента, попади он в руки технического директора или какого-нибудь специалиста по верстке. Но я вижу и других людей. Вижу директоров всяких закусочных, юр.фирм, магазинов шин, строительных компаний и прочих людей по неизвестным мне причинам возжелавшим себе сайт, которые «сам себе Бог и судья». Вижу, как они довольно хмыкая, тыкают носом бедного верстальщика в двухпиксельный отступ. Вижу менеджеров студий, испытывающие чувство самоудовлетворения от сознания собственного профессионализма. Они тоже сейчас «сам себе Бог и судья».

Мои постоянные заказчики делятся в основном на тех, кто разбирается в теме и тех, кто предоставляет разбираться мне. Но как быть с остальным сомном? И я не хочу объявить Pixel Perfect вне закона. Из технологии расщепления атома было создано много хороших открытий, а не только атомная бомба.

Суть данного зла строиться в непонимании разницы между изображением макета и его идеей. Как правильно понять задумку дизайнера?

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

Надеюсь, данный пример поможет вам, будь вы заказчиком, менеджером или верстальщиком.

P.S.
На примере мой макет, поэтому гневные филиппики «откуда тебе знать как думал дизайнер» можно оставить при себе.

Метки:, , ,

Комментарии

  1. 1
    Dimon (29.07.2008) #

    Согласен. Вещь и вправду полезная. Но, я все таки думаю, что те кто не в теме вряд ли используют Firefox и уж тем более многие из них наверняка не знают что такое Firebug. Хотя вы правы, обязательно найдутся люди которые это дополнение будут использую во вред (во вред нарезчику разумеется). Поэтому, если что буду рекомендовать им к прочтению ваш пост, может они узнают себя между строк и одумаются :)

  2. 2
    Воробьев Олег (29.07.2008) #

    Спасибо за инфу

  3. 3
    Станислав Малкин (30.07.2008) #

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

  4. 4
    Максим Покровский (30.07.2008) #

    Подумаю. Но уж больно муторно объяснять все это на примере. В голове то все само складывается.

  5. 5
    cukerman (05.08.2008) #

    Хм… даже такое бывает.

  6. 6
    Киря Робски (06.08.2008) #

    А есть, какая нибудь альтернатива? ;)

  7. 7
    Жанна (06.08.2008) #

    Что вы все время за других переживаете?

  8. 8
    Максим Покровский (07.08.2008) #

    Я просто очень душевный человек )

  9. 9
    Юльча (07.08.2008) #

    Спасибо за пост. Позновательно.

  10. 10
    Jman (09.08.2008) #

    Не пикселмания — однозначное зло. Я не доверяю человеку, который не доверяет мне. одно дело проверить на глаз (ну каждый может, что-то упустить) а другое накладывать рисунок и придираться к пикселям. Хотя я работал раз с таким дизайнером который придирался, но работали мы не долго. Не пойму, как можно придираться к несущественному, когда сам дизайнер, не придерживается собственных пропорций и направляющих. (например если макет на 5 колонок, то извините какого х делать 3 колонки по 198px а 2 по 203px + оно както должно тянутся, ведь вывод сам собой напрашивается 20%, а ннет картинка не помещается, и дизайнер не хочет обрезать 3 пикселя.)

  11. 11
    Jman (09.08.2008) #

    А вообще… я шлёпаю на глаз, и часто люблю округлять, если конечно это не сильно нарушает дизайн.
    (со шрифтами конечно иногда ошибаюсь ;) , но отступы почти всегда получаются, как того задумал дизигнер)

  12. 12
    Друг (10.08.2008) #

    Вы правы, творчество нельзя так упрощать.

  13. 13
    Trita (11.08.2008) #

    Огромное спасибо за инфу. Автору респект и уважуха.

  14. 14
    Макс (13.08.2008) #

    Действительно очень интересная софтина…надо будет поюзать
    Друг о творчесте в большинстве случаев ведь речи то и не идет…

  15. 15
    Natali (14.08.2008) #

    Интересно, я даже и недумала об этом…

  16. 16
    Андрей (15.08.2008) #

    это точно, не всегда плохое может делать зло!бывает что и пользу приносит

  17. 17
    XanDer (19.08.2008) #

    Спасибо за Ваш труд!!

  18. 18
    Княгиня (14.09.2008) #

    Какая досада… Версия по ссылке требует третьего Файерфокса, а я пока на него не перешла. Но думаю, что мне этот плагин пригодится как вспомогательный инструмент - чтобы бороться с привередливыми дизайнерами их же оружием. :D Впрочем, с пикселепомешанными лучше дела не иметь вовсе, тем более что размеры зачастую полезно задавать не в пикселях, а в относительых единицах (процентах и em’ах) - это ни в какие пиксели не пересчитаешь.

  19. 19
    jenys79 (14.09.2008) #

    Буквально нечаянно зашла и… Классная статья - спасибо!

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

Вы можете использовать простые теги форматирования HTML (вроде <a>, <ul> and others). Чтобы вставить пример код, используйте
<code lang="php">$a = "hello";</code> (поддерживаемые языки: ruby, php, yaml, html, css, csharp, javascript). Также Вы можете использовать <code>$a = "hello";</code>, синтаксис не будет подсвечен. Если вы не хотите использовать тег <code>, замените символ < на &lt;



— Люди делятся на заказчиков и тех, кто может ими стать.
(девиз успешного фрилансера)

Rambler's Top100