Нет комментариев 17.05.2007

Примерно месяц назад замечательный сайт Smashing Magazine опубликовал отличный материал «35 Designers x 5 Questions». Заметку частично перевели на Хабре (часть 1, часть 2, часть 3).

В заметке авторы сайта задали 35-ти известным дизайнерам 5 вопросов. В итоге получилось 175 очень хороших, нужных и важных профессиональных советов дизайнерам.

Я тоже решил поучаствовать в таком опросе и вот мои ответы на вопросы.

1 aspect of design you give the highest priority to. (самый приоритетный аспект дизайна)

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

Можно говорить о юзабилити, но тут не так просто.

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

Во-вторых, юзабилити — довольно трудо-время-затратная операция, если все правильно делать. И стоит дополнительных денег. Я и так по полторы-две недели темы делаю из-за загрузки. А блоггеры — народ горячий, им побыстрее бы.

А в-третьих, для работы с юзабилити надо уметь обосновывать свои действия и решения. А у меня как бы информативная база есть, а вот доказательная — не очень. А кому интересно, что кнопка будет крупной, потому что «так сказал дядя Нильсен»?

Но «простота» не всегда удовлетворяет заказчиков. И самое сложное (скорее даже невозможное) предусмотреть как будет развиваться сайт, а особенно блог (при наличии и постоянно растущем количестве различных плагинов). Небольшой пример: был хороший дизайн, от которого заказчик просто обалдевал. Потом на сайте появился огромный информер из какого-то сервиса. Минус впечатление от дизайна. Были красиво оформленные комменты. Появились LJ-like лестницы. Минус. И вроде как отдавал идеальный дизайн, а сейчас — как бы и не очень…

Задача блога — давать информацию. И подавать ее можно просто и «под разными соусами». Обратите внимание, что у меня на блоге нет архивов и списка категорий (в явном виде), нет календаря, нет тегов, нет последних комментов, нет «закладурок» в разные сервисы и прочего-прочего. Меня всегда умиляли записи типа «сегодня проспал в универ» с гордой кнопкой «добавить в digg» рядом.

Всё просто. Вот запись, вот комменты. Информация и ничего лишнего.

Но я отвлекся, извините. Продолжая о простоте, можно вторым важным аспектом назвать веб-стандарты. Эти два аспекта взаимосвязаны. Верстая по стандартам вы упрощаете себе жизнь (не надо делать отдельно печатную и\или мобильную версию) и упрощаете доступ к блогу «печатным и мобильным» читателям.

1 most useful CSS-technique you use very often (самый полезный и часто используемый CSS-«хак»)

Здесь всё просто. Самый первый — сброс всех отступов (кстати есть расширенная версия такого сброса)

* {margin:0; padding:0;}

А второй — CSS Image Replacement. Я чисто по-детски радуюсь, когда мегадизайн в браузере при нажатии SHIFT+CTRL+S превращается в чистый код без единой картинки… (SHIFT+CTRL+S отключает CSS в FireFox при установленном расширении WebDeveloper). Кстати, этот же Image Replacement я использую для hover-эффекта в навигации без использования javascript.

Также можно отметить упомянутые в оригинальной заметке два «хака». Это микширование классов (<p class="highlight yellow">) и быстрое выделение элемента для разбора проблемных мест. Просто к любому элементу пишем {border: 1px solid red;} и смотришь, в чем дело и что не так.

1 font you use in your projects very often (часто используемый шрифт)

Если говорить о несглаженных контентных шрифтах, то тут расклад такой. Для основного контента нет ничего лучше Tahoma (которая очень хорошо смотрится в очень мелких размерах). В других случаях в контент идет Georgia. Тахома хороша для технического чтива, а Джорджия — для креативного и вдумчивого.

А вот для заголовков нет ничего лучше Georgia (в больших-огромных размерах). Или Arial. Но в любом случае надо обязательно делать font-weight:normal (мы же заголовки делаем как H1-H2, а они в больших размерах сильно жирные) и letter-spacing: -1px (чтобы сжать буквы).

Я вообще обожаю Georgia, особенно из-за «свисающих» цифр.

А если говорить о дизайнерских (сглаженных) шрифтах, то тут особых предпочтений нет. Да, нравятся и Helvetica, и Myriad, и Century Gothic, и другие. Шрифтов много, и я стараюсь не повторяться…

1 design-related book you highly recommend to read (рекомендуемая книга)

Сложно это — выбрать одну самую-самую книгу. Скорее всего это будет или «Defensive Design For The Web» (37 Signals) или «Getting Real» (37 Signals) (обзор). Остальные книги как бы специальные, да и если честно по веб-дизайну (рисованию) я книг особо не читал. Тут онлайн и пробовать-пробовать-пробовать…

1 design magazine you read on a daily/weekly basis (периодический журнал о дизайне).

Оффлайн журналы дизайнерские не читаю. А в интернете это Smashing Magazine и Design Melt Down. И огромное количество различных CSS-галерей — просто смотреть, как другие умеют делать.

Если вам интересно еще что-то из моей «профессиональной» деятельности — задавайте вопросы…