Ручка-шпингалет
[info]synchro
Закрываешь дверь на шпингалет, и внешняя ручка исчезает.

Ручка-шпингалет в действии

Теперь никто не будет дёргать дверь, когда вы заняты важным делом.

Памятник ядерному взрыву
[info]synchro
Идея реконструкции недостроенной телебашни в Екатеринбурге.

Памятник ядерному взрыву

Будет хорошо смотреться на закате и привлечёт толпы туристов.

Идея для рекламы тягача
[info]synchro
Слон, бегущий как гепард.

Слон-гепард


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

Идея для сервиса: новость дня
[info]synchro

Большинство новостей — шлак, не достойный внимания. Сколько я ни подписывался на новости, всё время отписывался под напором их количества.

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

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

Вот такое я бы, пожалуй, читал.


Идея оформления троллейбуса
[info]synchro
Троллейбус с подробным маршрутом

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

Идея для сервиса
[info]synchro
Заливаешь фотку, а сервис ставит на неё водяные знаки Геометрии.

Очки-капли

Почувствуй себя тусовщиком.

Прогрессивное сжатие видео
[info]synchro
JPEG может храниться двумя способами — линейно и прогрессивно. Прогрессивно сжатые картинки хороши тем, что понятны ещё до того, как целиком загрузились.

Пример загрузки прогрессивно сжатой картинки


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

Схематичный прогрессивный видеоплеер

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

UPD: Что-то подобное пытается сделать Рутуб

Идея: портфолио-карта
[info]synchro


UPD: Давно реализовано Стасом Кулешом

Идея для оформления вакансии
[info]synchro


UPD: http://nl.livejournal.com/818764.html

Каталог спама
[info]synchro
Весь приходящий в почту спам публикуется на сайте. Письма можно оценивать и пересылать друзьям. Лучшие из них попадают в РСС.

Социальная сеть «Ненависть»
[info]synchro
Социальная сеть. Можно искать людей по общим объектам ненависти. Фотки и другие материалы можно только минусовать.

«Твёрдый знак»
[info]synchro
Название для студии иконщиков

Новый дизайн СМС3
[info]synchro
Наконец-то сменили дизайн на СМС3. Предыдущая версия содержала в себе несколько дизайнерских ошибок.

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

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

И в-третьих, реклама была в самом низу и не работала. После того, как я поместил её справа от формы, CTR увеличился в несколько раз.

Что мне не нравится во Флеше
[info]synchro
1. Издаёт внезапные звуки
2. Перехватывает горячие клавиши браузера, когда флеш-объект в фокусе
3. Не даёт открыть ссылку в новой вкладке

Цитата про число знаков в строке
[info]synchro
Обычно считается, что при одноколонном наборе мелким кеглем текстовой антиквой в строке должно быть от 45 до 75 знаков. Строка из 66 знаков (считая и буквы, и пробелы), как правило, считается идеальной. Для многоколонного набора оптимальное значение — 40–50 знаков.

Р. Брингхерст. Основы стиля в типографике.


Соразмерные миниатюры
[info]synchro

Чаще всего картинки для галерей обрезают до центрального квадрата или масштабируют по большей стороне. Я хочу рассказать ещё об одном способе, основная идея которого — миниатюры с одинаковой площадью. Сразу оговорюсь, что есть одно ограничение: сильно вытянутые картинки всё-таки придётся масштабировать по большей стороне, и их площадь будет меньше остальных.

Демо: http://skripnik.com/gallery/

Итак, допустим, что:

  • w_src и h_src — ширина и высота исходной картинки
  • square — сторона квадрата, в который нужно её вписать
  • ratio — пропорции картинки, то есть w_src / h_src
  • ratio_max — максимальные пропорции, после которых картинка масштабируется по большей стороне (я беру 1,6)
  • w_thumb и h_thumb — ширина и высота миниатюры

Алгоритм в этом случае таков:

if (ratio > ratio_max) {
	w_thumb = square
	h_thumb = w_thumb / ratio
}
elseif (ratio < 1 / ratio_max) {
	h_thumb = square
	w_thumb = h_thumb * ratio
}
else {
	w_thumb = sqrt(square * square / ratio_max * ratio))
	h_thumb = w_thumb / ratio
}

Хочу обратить внимание на две вещи:

  1. Масштабирование теряет смысл, когда площадь миниатюры получается больше площади исходной картинки.
  2. Получившиеся значения w_thumb и h_thumb будут, скорее всего, дробными.

Реклама в капче
[info]synchro
Хорошо, что маркетологи не додумались вставлять рекламу в капчу. Вот был бы номер.

UPD: додумались-таки

Логика формирования пагинатора
[info]synchro
Всегда отображаются номера первой и последней, выбранной и четырёх ближайших к ней страниц. Остальные промежутки заменяются на «…» за исключением случая, когда в промежутке одна страница. На примерах )

Что мне не нравится в Фотошопе
[info]synchro
  1. Слетают настройки при некорректном завершении работы.
  2. Нет поддержки ClearType.
  3. Неудобно изменять форму текстовых блоков.
  4. Текст, не влезший в один текстовый блок, нельзя автоматически отображать в другом.
  5. Нельзя встраивать стандартные контроллеры форм и элементы интерфейса ОС.
  6. Нельзя создавать более 5 вложенных групп слоёв
  7. Нельзя перемещать область выделения, когда выделено несколько слоёв

В основном я работаю с текстом, а не с графикой. Может, пора сменить инструмент?


«Просто работает»
[info]synchro
Слоган для студии проектировщиков

Home