26апреля,
2010
Обновился

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

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

Но кое-что ещё осталось, напишу пачку полезных вещей по ModX-у, потому что давно собирался.

А так, просто нарезка из последнего:

narezka

10января,
2009
Дядя Браун и надкушенное яблоко

Попалась на глаза интересная ссылка, как дизайн предметов с середины века перекочевал в наше время. Обвинять в плагиате просто несерьёзно, но общее считывается невооружённым глазом и первая реакция, конечно, удивление:

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

И это хорошо, потому что тут есть чему подражать. Если восторгает дизайн продукции Apple, знайте, Braun, можно сказать, стали их идеологами.

Источник: http://gizmodo.com/343641/1960s-braun-products-hold-the-secrets-to-apples-future

6января,
2009
Несуществующий скотч

scotch

В общем, то, что проскочило в посте о логотипе несуществующей компании по производству клейкой ленты, имеет финальную версию. Это доделывалось девушкой в последние дни практики, в принципе, результат вполне себе приличный.

3января,
2009
Шаг за шагом

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

3января,
2009
Шрифты и веб

Подтолкнул меня написать об этом поиск полезной информации по теме системных шрифтов.
Попытка найти некую общность между операционными системами и отображением текста на веб-страницах, особым успехом не увенчалась. Каждая ОС отображает шрифты, как разработчики «положили», к тому же ещё и браузеры на свой лад любят менять вид.
Если, скажем, Макинтоши и Windows-платформы отличает сглаженные-несглаженные, то с Линуксами всё гораздо хуже. В Linux даже и близко нет таких шрифтов, к которым привыкли все, просматривая веб-страницы на Windows-платформах и Macintosh-ах. Устанавливать их будут специально только те, кому это действительно нужно. Можно, конечно, сказать, что пользователей nix-не так много, зачем, мол, из-за них ещё голову ломать. Проблема возникает в том, что большинство шрифтов там довольно размашистые, если подгонялся текст в какие-то рамки, то в большинстве случаев он просто вылезает за границы блока. Konqueror адекватно и прилично отображает весь текст, за исключением того, что он просто заменяет все шрифты на жёстко заданные в настройках.
Выбирая подходящие шрифты, набрал совсем немного тех, которые, в принципе, на большинстве компьютеров будут отображаться, и будут отображаться нормально.

  • Tahoma font
  • Verdana font
  • Arial font
  • Times font
  • Courier font
  • Georgia font

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

  • serif — для шрифтов с засечками.
  • sans-serif — для рубленых шрифтов.
27декабря,
2008
Погладьте надпись, пожалуйста

Я противник сглаженных шрифтов на сайтах. По ряду причин, которые опишу ниже:

Отталкиваясь от того, что задача сайта — преподнести пользователю информацию — это первостепенно. А мелкие надписи, которые подверглись сглаживанию, выглядят, как мутное пятно.

Да, ничто не мешает увеличить шрифт, но, если заходишь на сайт, в первую очередь бросаешь взгляд на то, как там уже по умолчанию есть, где и что искать, куда кликать, что читать. И только потом уже, если нашёл то, что нужно, начинаешь что-то подстраивать под себя.

Крупным заголовкам хуже не станет, если их сгладить, это факт, но дефолтовое сглаживание присутствует только в Mac OS и Linux-ах. Подавляющее большинство пользователей на данный момент — это пользователи Windows OS. А у них системные шрифты несглаженные. IE7 уже по умолчанию сглаживает шрифты, но это отдельный разговор, так как этот браузер отображает вообще иначе текст. Однако, на картинке видно, что без сглаживания надпись читается легче, резкие границы, глазу легче зацепиться. Сглаживание выглядит, как размытие.

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

Если есть такое уж неимоверное желание сглаживать текст на странице, есть разные скрипты, как sIFR, но насильно ломать глаза пользователю — это не самое верное решение. Проблема, в принципе, проистекает от производителей ОS или браузеров, но Опера и Firefox пока дают возможность читать текст в нормальном виде, не ломая глаза о размытые края букв.

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

24декабря,
2008
«Read more», «Читать дальше» или даже «Подробнее»

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

24ноября,
2008
Из подручных средств

sctch

Делаем с практиканткой логотип несуществующей компании по производству клейкой ленты. :)

23ноября,
2008
White-space eliminator

Перепубликация статьи с предыдущего блога:

Видеоролик на наболевшую тему: http://whoneedsdesigners.com/

Столкнулся на днях в очередной раз с тем, что человеку не объяснить причин создания «воздуха вокруг элементов на сайте».
Любой объект оформления, будь то макет журнальный, сайт, визитка или же открытка держится за счёт грамотного и аккуратного использования пространства, отведённого под работу.
Но вот невозможно людям объяснить, что свобода элементов и есть залог того, что результат будет выглядеть хорошо. Пусть это будет даже без графики — лого и кусок текста.
Услышал я фразу: «Много пустого места». Ещё страшнее, если это пустое место не замазюкано какими-нибудь цветными пятнами или хотя бы-то цветом любым (!!!) главное, чтоб не белым.
До сих пор не могу понять проблемы белого цвета, почему от него все норовят избавиться, задавить, замазать, загадить, заложить и спрятать.
Я ни разу не видел книг, которые печатают не на белых страницах (детские не в счёт, там для развития надо буйство красок).
Во-первых: белый — это основа основ, во вторых: это классика жанра, чёрный текст на белом фоне, это, как дважды два — четыре.
Белый фон в оформлении придаёт работе, ну, скажем, некую чистоту и аккуратность, а не пустоту, за которую принимают его постоянно.
В целом, я не совсем могу понять, почему глаз вообще должен цепляться за фон, ведь фон служит не более, чем подложкой для того, что подаётся человеку, если он менее заметен, значит, акцентирование внимания идёт на объекты отличные от этого фона, если же на фоне изображены половина Европы и ещё Азия в довесок, какую роль может играть такой фон, кроме отвлекающего фактора.
В этом плане очень радуют японцы, они делают строгие чистые вещи, используя всего три цвета — красный, чёрный, белый. Не делают огромные логотипы, занимающие 90% полотнища (а шоб издалека лучше видна было, да).
Я не хочу сказать, что надо свести теперь всё к трём цветам и оперировать только ими. Помимо минимализма есть ещё множество стилей и направлений.
Но достаточно просто не пугаться отступов, отступов, а не пустоты.
Ради пропорции, композиции и гармоничности.