Так вот, мне позвонил мой персональный «черный заказчик».

Иногда он внезапно вспоминает, что сайт нужен ему срочно, выходит на контакт, ставит задачи, назначает новых ответственных (старые так долго не живут) и... опять исчезает на долгие месяцы. Мы делаем этот сайт уже 2 года, обычный маленький корпоративный сайтик со статическими страничками и блоком новостей.

Честно говоря, я не уверен, что ему нужен сайт вообще. Фирма многие годы успешно выполняет свои функции, хозяин (aka «Черный заказчик») катается с семьей по заграницам, ни на что не жалуется; о корпоративных сайтах, зачем они нужны и как работают малейшего понятия не имеет, но «Здесь я новости читаю, мне нравится — хочу так же», из чего и делаю выводы. А сайт, собственно, 2 года как готов. Осталось вписать пару текстов, вдохнуть в него жизни и — ву-а-ля, но нет же...

Почему я, как любой нормальный человек, не послал такого заказчика давно далеко и сердечно? Потому что лучший друг тестя и, как следствие, семьи. Все. Точка. Никогда не работайте со знакомыми средней паршивости — они для вас слишком близки, чтоб им отказать, а вы для них — недостаточно близки, чтоб у вас на шее не ездить.

Так вот, значит, позвонил вчера. Опять срочно, кровь из носу, надо доделать сайт, назначаем людей, надо встретиться (есть такие люди, которым надо визуальный контакт установить, чтоб нагрузить, и больше ничего на встречах не происходит фактически). Я съехал — знаю же, что встречаться не обязательно. Там дальше много букав еще, а потом страшно так: «Так ты мне скажи, будем дальше работать или придется другого человека искать?» А у меня как бы работа новая, учеба — мне его сайт (спустя 2 года) вообще нафиг не сдался, пусть и работы там на день-два осталось — пусть ищет, может, с чужими людьми и ему работать легче.

Теперь выспался, успокоился и полегчало. Вот как Китич победил кошмар — избавился от «черного заказчика» :)

Что имеем на текущий момент: поступление в аспирантуру, работа в Киевском политехническом институте, преподавательские часы там же. Есть перспектива параллельно с написанием диссертации «подымать» отечественную науку. Все это пока не улеглось и сложно говорить, что будет дальше.

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

Завтра пара в контрактной группе, стереотипы не ошибаются — мои контрактники за исключением единиц действительно ни черта не учат, не сдают, и толку от пары — чуть более чем ноль. После — 1-й вступительный экзамен, прогнозы передавали шару, но «пятая точка» всегда чувствует обратное.

Просматриваю открытые вакансии в ИТ/полиграфии. Чувствую, что постоянную работу дизайнера не потяну — выдохнусь, поэтому высматриваю место верстальщика. Нужно изучать jQuery. И еще, почему-то большинство работодателей ищут специалистов на полный рабочий день, что для меня неприемлемо; хотя зачем верстальщику пахать в офисе с 9 до 18 — для меня является загадкой, так как реальная нагрузка в большинстве случаев будет в разы ниже (а чай с печеньками у меня есть и дома). С моей же стороны требовать гибкий график, удаленную работу и т.д. при четком указании «полная занятость» — вроде как неэтично.

Актуальный вопрос №2 — съем квартиры. После поверхностного изучения могу сказать: киевский рынок аренды недвижимости печален чуть менее чем полностью. Доски и агрегаторы объявлений тоже малоюзабельны. Так что, если кто-то может хотя бы посоветовать действительно адекватное риелторское агенство — буду признателен.

За сим прощаюсь. Иду сортировать шпоры и спать — вставать рано.

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

1. Олимпиадное движение в этом году (наконец-то) проходит без меня. Так что буду отдыхать. Уехать куда-то далеко (как планировалось) скорее всего не удастся, поэтому необходимо обзавестись каким-то беспроводным интернетом и уехать с ним на дачу (под Киевом) на месяц.

2. Надо подготовить пакет документов для поступления в аспирантуру и (где-то в августе) подготовиться к вступительным экзаменам.

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

4. Помимо работы можно заняться и своим, родным. Этот объем работы откладывается уже год или два, но в этот раз необходимо себя заставить.

5. (что-нибудь еще)

Вот такое насыщенное планируется лето. Как будет на самом деле — время покажет. Но писать я, скорее всего, не буду, разве что случится что-то ну очень интересное.

Увидимся в сентябре. Всем приятного отдыха и полной релаксации!

Идея дизайна: «Радио винтаж». Стиль — смешение современных цифровых технологий и «теплого лампового звука» — попытка перенести пользователя в золотую эпоху радио.

Технические особенности: платформа Wordpress, резиновый шаблон с выделенной отдельно настраиваемой главной страницей, блочная верстка. Для удобства пользователя основное информационной окно легко сворачивается, делая доступными все элементы управления и список радиопередач, как на главной странице. Шаблон содержит встроенный плеер радио, для которого реализовано дистанционное управление и вывод информации о треке при помощи Java Script.

Вот так оно выглядит:

По ходу пришлось разбираться в принципах работы интернет радио, flash-плееров, освоить java script и немного AJAX. Наверное, потому так долго: страшно браться за «непочатый край» работы. Сайт на стадии бета-тестирования, скрипты и стили пока не пожаты, несколько страниц не дорисованы, могут вылазить небольшие косяки, но в целом все готово :)

...

А «крупнейший технический вуз Европы» тем временем готовится к вступительной кампании 2011. Впервые за историю университета введена электронная регистрация абитуриентов (чтоб в очередях не стояли). На этом «няки» заканчиваются, потому что близкое знакомство с «регистрационной страницей» и прочими новыми сайтами КПИ преимущественно навевает вротмненоги! уныние :(

Вернусь О_О

У вас в голове родилась гениальная идея, вы перенесли ее «на бумагу», кто-то ее реализовал. Но, согласитесь, реализация — совсем не то же самое, что первоначальная задумка.

Сколько людей — столько мнений. Вы как автор увидите в реализации то, что в нее вложили. Тот, кто реализовывал ваш проект, увидит то, как он понял вашу задумку. Абсолютно посторонний человек увидит что-то свое, в зависимости от контекста, мировоззрения и собственного уровня распущенности. Вот тут и вступает в силу великий закон Мэрфи.

Для дизайнера важно подать свою идею так, чтобы она была воспринята правильно как можно большим количеством зрителей. Если дизайн допускает двузначное толкование, аудитория истолкует его как минимум (!) двумя образами. Если дизайн допускает толкование, прямо противоположное задуманному, это тоже обязательно произойдет.

Если ваша игра слов похожа на типографскую опечатку...
Если в трещинках вашей текстуры можно прочитать нецензурное слово...
Если ваш рекламный слоган может кого-то оскорбить...

Как этого избежать? — очень просто: делитесь своими «гениальными» идеями с друзьями, родственниками, заказчиком. Просто показывайте им черновые макеты и вы будете удивлены, насколько по-разному люди видят ваш дизайн. И пусть все возможные «если» откроются раньше, чем окончательный макет уйдет в печать или куда-то там еще.

Ужас. И мы же знали, что так будет; что так бывает каждый раз; и продолжаем наступать на те же самые грабли. Но хватит, наш следующий дизайн должен быть готов ко всему!

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

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

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

Стили ссылок

Банально, да, но все псевдостили для гиперссылок должны быть продуманы дизайнером и, желательно, отражены в макете дизайна. И все 4 должны быть прописаны в таблице стилей для каждого вида ссылок, чтобы потом на сайте внезапно не всплыли более общие стили или (упаси, Господи) стандартные стили браузера.

Заголовки, списки, таблицы

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

Формы

Даже если на сайте нет ни одной формы, это не значит, что они там никогда не появятся. Хорошо было бы нарисовать сразу какую-нибудь форму регистрации: показать на ней текстовые поля, кнопки, чекбоксы, взаимное расположение и отступы между элементами (хотя, конечно, не обязательно — потом сами как-нибудь разберутся, пусть криво, но, работать-то будет. наверное).

Flash и неформатные изображения

Если дизайн форм — работа на далекую перспективу, то медиа-контент на сайте появится с очень высокой вероятностью. Видео с «Ютуба», звукозаписи, презентации или буклеты в соответствующей flash-обертке. Лично я считаю, что подобные элементы должны включаться в текст так же, как изображения; но стили для них тоже должны быть прописаны обязательно.

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

Расширение меню

Вообще больная тема и «закон подлости». Заказчик может сколько угодно стучать кулаком в грудь, что вот она, структура сайта, и будет такой всегда; но через год, может, через 2, в главное меню обязательно придется добавить еще один раздел. Просто смиритесь с этим :) И можно, конечно, поверить заказчику, и через 2 года вас не вспомнят, но в душе будут благодарны, что новый пункт меню удалось добавить красиво, аккуратно и без особых потерь.

Счетчики и баннера

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

Дополнительные блоки

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

...

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

1. Kitich

— это я. А еще он, тоже Китич. В интернетах первым был он, а, кто был первым in real life, история умалчивает. Потому во многих социальных штуках меня зовут theKitich. JustKitich, Kitich_Uire. Официальным является последний, но попереименовывать все старые аккаунты не представляется возможным =(

2. mind maps для программиста

Как и для любого другого человека, это хороший способ упорядочить мысли. Также это способ представления сложных древовидных структур: можно удобно представить архитектуру сайта, программы, модуля. Конечно, для этого существуют и более специфический софт, но Mind Maps проще и поэтому с ним приятнее работать.

3. карта студгородка кпи

Классическая — тут, новенькая, еще не раскрученная, — тут.

4. кликабельный логотип

— одна из первых статей на блоге. До сих пор актуальна :)

5. wordpress тема не поддерживает виджеты

Хоть я и не большой гуру вордпресса, но вот, читайте — пусть поддерживает.

6. как собрать мысли

И все же почитайте про Mind Map. Даже в этот самый момент у меня открыты 2 (правда, очень глобальные) «карты мыслей», куда я по ходу дела вписываю интересные задумки. Когда «интересные» закончатся, я их структурирую и мы захватим мир мысли соберутся вместе.

7. адовые дизайнеры

...существуют. Причем процент «адовых» среди дизайнеров по моим предварительным подсчетам несколько превышает процент таковых среди заказчиков, так как солидным процент «смехуечков» в самом деле основан на некомпетентности исполнителя (и его быдло-коллег), а не клиента.

8. модульные сетки для верстальщика

Я сам лишь только познаю Дзен и собрал для себя все необходимые материалы тут. Хотя, кажется я таки знаю, в чем Суть модульных сеток и напишу об этом на следующей неделе.

9. память человека

...бездонна, необъятна и никто не знает, как она устроена. Современная инженерия знаний рассматривает несколько подходов к представлению знаний (фреймовый, ассоциативный и т.д.), но не ясно точно, какое из этих представлений используется нашей памятью и, тем более, как все это связано с физиологическим устройством человеческого мозга. Пожалуй, память человека остается пока одним из чудес, наравне со способностью человека мыслить.

10. поддержка fireworks png

Отлично поддерживает. Я бы даже сказал, лучше этих ваших фотошопов, поскольку настроек больше, сжимает лучше, а что нам еще надо?

11. сайт за 100

— отстой по определению.

12. обратная связь в интерфейсе

...необходима! Иначе пользователь никогда не узнает: он сделал что-то не то, разработчик сделал что-то не то или просто подвис компьютер? О_О

13. человеко понятные урлы

— это такие урлы (адреса, URL), которые не стыдно показать человеку, а он, в свою очередь, поймет что там написано. Т.е. не http://site.com?p=12&pp=1&key=0132763157080001, а, например, http://site.com/about/page1.

14. png формат чего

Формат изображений. Т.е. картинок. Преимущественно используется в Интернете.

15. png-8 png-24 сравнение

Это в принципе разные вещи. png-8 подобен гифу: для хранения информации о цвете области/пикселя в нем используется 8 бит (1 байт), таким образом в изображении используется 256 заданных цветов, 1 из которых может быть помечен как прозрачный. В png-24 цвета кодируются 24 битами (3 байта), что, как и в джипеге, соответствует 3 составляющим цвета в RGB, по 1 байту на каждую составляющую, что позволяет получить полноцветную картинку (те самые 16 млн. цветов). К этим 24 битам могут добавляться еще 8, хранящие «прозрачность», и таким образом получается уже не png-24, а png-32, но мало какие редакторы заморачиваются терминологией: галочка «прозрачность» включена/выключена и все.

16. velkoobchod domácích spotřebičů

Чиво? О_О

Гугл подсказывает, что это на чешском, «оптовая торговля бытовой техникой»... но нет, я таким не занимаюсь -_-

17. андеграундный портал

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

18. верстальщик что должен уметь

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

19. диаграмма мысли разветвляются

Мысли, они такие. И снова Mind Map вам в помощь.

20. должен ли дизайнер уметь верстать?

Должен, но не обязан, эпический вопрос уровня «быть или не быть». Лично я считаю, что, как минимум, дизайнер должен иметь понятие (и весьма основательное) о верстке, чтобы не пороть чушь. Но собственноручно верстать и/или быть гуру семантической верстки не обязан — для этого в принципе есть специально обученные люди. Хотя, если очень хочется...

21. как заработать деньги в детстве

*Слезы умиления* Даже не знаю. Лично я торговал газетами, вместе с младшим братом, года 2 или 3 — это и были наши первые кровно заработанные деньги. Я был классе в 7-м, а он, соответственно, где-то в 3-м; и в то время гривен 30-50 (рублей 150-250), честно заработанные на карманные расходы, это было весьма неплохо :)

По телевизору нам показывают американских детей, торгующих лимонадом перед домом; кому как, но мне кажется непрактичным в нашей стране. Хотя в жаркую погоду видел ребят с сумками-холодильниками, предлагающих соки/мороженное — но и задумка, и формат принципиально отличаются от американских. Можно машины мыть, но это гораздо опаснее. Действительно хороший вопрос, некоторым будет над чем задуматься.

22. как сделать коллаж из цветной бумаги

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

23. как убрать подчеркивание ссылки

за подчеркивание текста отвечает CSS-свойство элемента text-decoration, по-умолчанию имеющее значение underline. Чтобы убрать подчеркивание, к вашей ссылке необходимо применить стиль text-decoration:none;

24. коллажи из ткани

Да, коллажи можно делать и из ткани (кстати, занимался таким, когда был э-э-э помладше). Это похоже на аппликацию из цветной бумаги, но основным выразительным средством помимо цвета становится фактура. Ведь ткани бывают самые разные: прозрачные шелка, цветной ситец, тяжелые пальтовые, сетки, мех, кружева — все это можно и нужно использовать для достижения необходимого художественного эффекта.

25. когда сделал больно дорогому человеку

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

26-27. коллаж из фотографий использование и применение | коллаж как арт объект

Эти 2 вопроса я решил объединить, потому что коллаж из фотографий ничем принципиально не отличается от любого другого. Коллаж — это изобразительная техника, но произведение, выполненное в этой технике, также называется коллажем.

Хороший коллаж сам по себе — произведение искусства, как картина. Коллаж как часть чего-то большего может быть, например, элементом дизайна. Но в любом случае, используя достаточно специфические изобразительные средства, автор вкладывает в него какую-то идею и, надеюсь, частичку своей души. Здесь можно было бы привести обширную теоретическую лекцию по истории искусств, но безусловно, коллаж — это арт-объект со всеми вытекающими последствиями.

28. миниатюры гиф или пнг что лучше

Я уже давно писал о формате PNG и это, несомненно, отсылка к той статье; хотя, с тех пор мои знания о графических форматах значительно расширились. По сути же, алгоритм сжатия PNG особенно эффективен для простых четких изображений с отсутствием большого количества мелких деталей. Фотографии же изначально не подходят под такое определение, а, если речь идет о миниатюрах, то уровень детализации и размытия сильно увеличивается даже для изображений, изначально оптимальных для PNG. Таким образом, для миниатюр GIF или JPEG будут лучшим выбором в подавляющем большинстве случаев.

29. почему мои png большие

См. пункт предыдущий. Скорее всего PNG-файлы имеют неадекватно большой вес именно из-за того, что в них хранятся изображения, изначально для этого не предназначенные. Поэтому лучше пересохранить изображение в другой формат или, если вопрос принципиальный (например, я пересылаю макеты дизайна только в PNG для сохранения цветопередачи и четкости), попробовать прогнать файл через какие-нибудь PNG-оптимизаторы. Сам использую Adobe Fireworks и PNG Monster.

30. расчёт стоимости проекта

Приятно: только написал, а уже находят :) 3 части: общая теория, оценка себя любимого для новичков и как рассчитать реальную стоимость реального заказа.

31. чертёж табуреток

Интересный факт: когда я в прошлый раз отвечал на поисковые запросы, про табуретки уже спрашивали. Видимо, до сих пор актуально :)

32. что такое png чересстрочно

Вообще чересстрочное сохранение изображения означает, что строки картинки (см. «растр») сохраняются не подряд а по более сложному алгоритму: каждая 8-я, каждая 4-я (из оставшихся), каждая 2-я и т.д. Это приводит к тому, что в процессе загрузки браузер может сразу отобразить изображение и пользователь с медленным интернетом может примерно понять, что изображено, хотя загружена еще только часть файла; браузер продолжит догружать картинку дальше и она будет прорисовываться четче с таким себе «эффектом жалюзи».

Такой подход точно используется для GIF. В PNG и JPEG сама картинка хранится по-другому и алгоритм «постепенной прорисовки» там более сложный (и не помню, как правильно называется), но в принципе подобная фишка есть во всех 3 графических форматах.

33. что должно входить в портфолио

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