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

Такая вот ситуация: дизайнер присылает макет, а у верстальщика открывается какая то лабуда светлая, или темная (если верстальщик испольует МасOS, а дизайнер Win.). Или же верстальщик сохраняет картинку, а там цвета другие стали.
Разберемся почему так и как с этим жить.
Небольшой экскурс в теорию. Для отображения цвета на наших мониторах используется цветовая модель RGB, но поскольку но, поскольку, мониторы разных моделей и производителей различаются, были предложены несколько альтернативных цветовых пространств, соответствующих «усредненному» монитору. Нам интересно пространство sRGB.
sRGB – это цветовая модель использование которой будет одинаково отображать графику как на навороченном так и на допотопном ноутбуке.
sRGB это пространство используемое по умолчанию для отображение графики в интернете.
У правильного верстальщика профиль стоит North America Web/Internet. Проследите чтобы в Working Spaces было именно sRGB.

У правильного дизайнера тоже должен стоять такой профиль при создание макета сайта. Тогда ни у кого не будет проблем.
Помимо этого ваш Photoshop должен не только работать с нужным профилем, но и отображать вам истинный вид макета. А поскольку навороченные мониторы вряд ли используют усредненный sRGB, то необходимо чтобы стояла галочка на Proof Colors. Этим вы заставляете Photoshop отображать изображения согласно профилю.

В Win по умолчанию на картинки накладывается профиль sRGB, то есть даже если вы не выбрали вышеуказанный профиль, у вас все равно будет sRGB. Однако в MacOs на картинки по умолчанию накладывается профиль монитора, что плохо. Однако решающее значение будет играть тот факт, какой профиль вы используете в граф. редакторе.
Есть еще одно различие: в Win гамма по умолчанию 2.2, а в Мас 1.8 (по крайней мере в последней ОС). Из за этого картинки с Мака выглядят темнее в Винде, и наоборот. Если дизайнер хочет постичь Дао, то нужно на Маке поднять гамму до 2.2 (кто скажет как это сделать, тому спасибо и ссылка Настройки -> Мониторы -> Цвет -> Калибровать -> Продолжить -> 2.2 Телевизионная гамма… Прокликать дальше, как-нибудь назвать и использовать.
Спасибо Вадиму Макееву). Почему поднять на Маке, а не опустить на Вин? Потому что в Linux тоже 2.2, да и новая версия МаcOS выйдет с гаммой 2.2 (слухи ходят).
Это самое интересное.
Так бывает. Стоит у дизайнера какой-нибудь “Cinema HD_BQB01072007” и дизайнер знать об этом не знает. Мол, наше дело нарисовать, художника всякий обидеть может и тэдэ.
Вряд ли сможете убедить дизайнера перевести макет в sRGB и перерисовать все цвета. Разве что при совсем уж отчаянной харизме (впрочем топор тоже может помочь). Не страшно.
Для начала необходимо убедится, что у нас стоят вот эти галки.

Теперь при получении некошерного профиля нам будет выдаваться вот такое окошко.

Что мы тут можем сделать.
Многие начинающие верстальщики перебирают все три способа, пока картинка не будет идентична той что отображается в просмотрщик(ACDSee или Irfan и примеру). И останавливаются на третем. Это НЕ ПРАВИЛЬНО, потому что вас просмотрщик тоже отображает не правильно.
И так допустим вы выбрали первый вариант. В этом случае при сохранении картинок нужно обязательно при сохранении картинки через Save for Web & Devices… убрать галку с Convert sRGB. Иначе у нас сохранится совсем не то что нам надо.

Внимание. В Photoshop CS3 она прячется здесь.

Я же настоятельно рекомендую выбирать второй пункт — конвертацию. Но перед этим зайдите в Convert to Profile и снимите вот эту галочку

Потому что в случае если в присланном вам профиле используется большее кол-во цветов чем в sRGB, то Photoshop будет пытаться заменить отсутствующие цвета комбинацией своих. Правда я не знаю как это будет выглядеть, ибо не сталкивался никогда. Скорее всего будет частичное цветовое несоответствие.
На этом все. Жду ваших вопросов.
| 08.07 | Горизонтали в дизайне и верстке |
Макет выверенный не только по вертикальной, но и горизонтальной сетке смотрится строже и солиднее. Но у веба есть свои законы и ограничения.
Взглянем на пример. Так по мнению дизайнера должен выглядеть макет.
А вот так он будет выглядеть по желанию копирайтеров, сеошников и других недизайнеров.
Что вызывает негодование в дизайнерской душе. Однако у сеошников и других “противников эстетики” своя работа, а у вас своя. И жертвовать кол-вом текста, высотой картинки и лишним баннером они не будут.
Посему выход для вас один — не привязывать горизонтали к динамическому контенту. Это как правило перечни товаров, менюшки, всевозможные текста. Другой вариант — это посветить в ваши сомнения верстальщика, возможно в ходе беседы вы сможете найти компромисс между возможностями браузеров и изысками дизайна.
Разумеется если вы хорошо верстаете или верстали когда-то, подобные проблемы отпадают за несостоятельностью.
| 05.10 | Внимательность к деталям |
Всегда уделяйте внимание несущественным на первый взгляд деталям.
Во-первых, так мало кто делает, что автоматом дает вам бонусную изюминку.
Во-вторых, взгляду свойственно затираться и он пропускает привычные нам мелочи. И когда мы показываем на них, то люди обычно восклицают:
— Точно! На скотче остается отпечаток пальца!
Наше мнение совпадает с мнением наблюдателя, и это очень круто.
В-третьих, следователь дал бы вам краба, за этот отпечаток, ведь спецы точно знают, что он там есть. Учитовать взгляд специалистов, очень помогает в тематических рисунках. Попробуйте, как-нибудь, для сайта клана по Quake, вместо от**доренной клавы, поместить клаву с затертыми буквами “W”‘, “S”, “A”, “D”.
Деталь не обязательно должна быть овеществленной. Человеческие чувства, пороки, привычки то же важные мелочи.
Как по вашему, почему это лист смят?

| 02.10 | Вот вам истина |
В 90% случаев контент верстать сложнее, дольше и дороже, чем промо.
Это догма.
| 27.08 | Сделать лучше |
Чтобы сделать хороший стартап, нужно взять какой-нибудь похожий на ваш проект и просто его улучшить. Так, по крайней мере думает большинство. И это же самое большинство думает, что “сделать лучше” — это довернуть сервисов, модулей и рюшечек.
Нет. Сделать лучше – это просто выкинуть то что сейчас плохо. И все. А, заливая в испорченный дегтем мед, еще меда, ты его не исправишь.
| 17.08 | Цветастая несправедливость |
Человек, фигня несовершенная. Подвержен слухо-глухо и другим люцинациям. Например, один и тот же цвет на разном фоне мы видим по разному.
Вывод — надо делать, так, как кажется правильным, а не так как нам говорят всякие пипетки
| 28.07 | Пиксельмания. Ату его, ату! |
По рунету ураганом пронеслась новость о новом дополнении к FireBag Pixel Perfect. Оное дополнение позволяет накладывать для сравнения полупрозрачный макет на верстку прямо в окне браузера, неся всем нам счастье и радость соответствия макета верстке. Ага, щаз…
| 17.05 | Веб-дизайнер. Кто такой? |

Миром правят недоразумения и шаблоны. Люди, например, хрен его знает, сколько лет считали, что солнце вращается вокруг земли, потому что всякие важные личности говорили, что так правильно, а остальным было лень разбираться.
Многие пали жертвой шаблона. Например, устоявшееся понятие «веб-дизайнер» — особь (как правило, мужская) делающая HTML-странички. Уныло как-то.
Порой дизайнеры даже стесняются назвать свою профессию — знают ведь, что не поймут их. Вернее поймут, но так, что хоть в морду давай.
Кстати, шаблон веб-дизайна, именно тот редкий случай, когда обратная сторона медали выглядит еще хуже. Любая особь (как правило, мужская) сделавшая пару страничек и выложившая их в сеть, считает себя веб-дизайнером (некоторые, к счастью начинающими). Совсем недавно моя знакомая гордо заявила, что ее мама тоже (!!!) делает сайты. А ведь еще вчера не умела. Вона какой талант!
А ведь в моем понимании это такая профессия, освоив которую человек уже может не опасаться за кусок хлеба. Ну, сами посудите.
— Графика. Я не веду речь о таких гуру как феррарист или фригер. Они иллюстраторы – люди умеющие рисовать красивые картинки. Однако веб-дизайнер рисовать тоже должен уметь в рамках способностей любого человека. Должен уметь видеть баланс композиции, чувствовать пространственные отношения, и понимать, что типографика тоже может быть красивой.
— Верстка. Она неотрывно связана, с веб-дизайном. Кто из моих читателей верстальшиков не мечтает, чтобы их следующий макет был бы создан, человеком, пусть не специалистом, но хотя бы близко знакомым с версткой? А сколько дизайнов было загублено только потому, что их создатель не учел очевидных для любого верстальщика истин. Я уж и не говорю, что соблюсти семантику в таких макетах, порой попросту невозможно.
— Юзабилити. Ты можешь совершенно не знать, как рисовать тени и отражения, но знать, где лучше расположить форму регистрации просто обязан. К сожалению, многие подходят к вопросу юзабилити, основываясь на обычном житейском опыте и интуиции. А ведь за этой наукой стоит огромное кол-во исследований и опытов. Тем не менее, это неотъемлемая характеристика дизайнера. Если у нас, в рунете, люди готовы пускать слюни на сайт с красивой картинкой, то в стране «забугряндии», человек не нашедший в течение 20 секунд кнопку «оплатить» или «регистрация», уходит и больше не возвращается.
— Кодинг. Не, я не призываю засесть всем за учебники по php. Просто таже самая верстка, сильно связана с программированием. Если вы работали в офисе, то не раз и не два слышали матюки программистов в сторону верстальщика. То есть веб-дизайнер может и не уметь кодировать, но уж точно программинг для него не пустой звук.
Итого неслабый наборчик скилов выходит. Согласитесь, что, потратив на освоение всего этого добра не один год, обидно услышать, что вас сравнивают, с человеком только что научившемся создавать home-pages.
Весьма примечателен комментарий моего знакомого ролевика:
— Мегамачкинский персонаж получается — играть сложно, развивать долго, но уж если раскачаешь…
| 13.03 | Инструменты блогера |
Дизайнер возделывает изобразительную нишу вооружившись фотошопом и планшетом.
Верстальщик обрабатывает труды дизайнера с помощью тестового редактора и браузера.
А что есть у блогера? Большинство считают, что написание статей происходит в три этапа:
Что упущено? Упущены некоторые инструменты позволяющие облегчить трудовые будни. Поговорим о них.
Данная программа позволяет создавать небольшие окошки-стикеры, в которых можно вписать какой либо текст, и поместить на рабочий стол Вашего компьютера. Вид каждого стикера можно настроить индивидуально: выбрать один из восемнадцати стилей отрисовки стикера, добавить заголовок и выбрать иконку (в программе доступно на выбор 32 различные иконки и можно подключить дополнительные), выбрать особенный шрифт текста. Одним кликом стикер можно закрепить на переднем плане, и он не “потеряется” за другими окнами.
Практически каждая идея у меня записывается в стикер. Так как только у меня выдается свободное время для блога, я не мучаюсь, что же мне туда написать.
Omea Reader позволяет читать помимо лент новостей еще и телеконференции, электронную почту, сообщения интернет-пейджеров. Программа позволяет создавать папки для тематической группировки RSS-потоков, причем, нет ограничения на их вложенность. Пользователь может просматривать только непрочитанные сообщения или только те, что получены за определенный промежуток времени (сегодня, вчера, на этой неделе, на прошлой неделе, в этом месяце, в прошлом месяце). Отдельно отображаются новости, которые пользователь отметил флагом (семь вариантов). К каждому сообщению можно написать краткую аннотацию.
Что меня в ней подкупило, так это возможность создавать виртуальные папки. Я, вообще, сторонник информационного порядка. Из недостатков – требует .NET Framework. Хотя это с тем же успехом можно считать и достоинством.
Если кто-то пользуется чем-то еще, отпишитесь. Буду рад попробовать.
| 30.01 | Если б я менял работу |
Верно говорят, не важно как высоко ты залез, всегда хочется выше. Мое мнение, что работу менять надо на более выгодное предложение (вообще, все надо менять на более выгодное. Рост должен быть).
[Далее...]
| ! | Самое обсуждаемое |
— Мало родить идею, надо еще найти в себе силы для ее реализации
Они читают меня, я читаю их