<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0"
  xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
  xmlns:atom="http://www.w3.org/2005/Atom">

<channel>

<title>Кирилл Беляев: заметки с тегом идея</title>
<link>https://www.kirillbelyaev.com/ru/blog/?go=tags/idea/</link>
<description>о подаче информации, айдентике, интерфейсах и жизненной среде</description>
<author>Кирилл Беляев</author>
<language>ru</language>
<generator>E2 (v3572; Aegea)</generator>

<itunes:owner>
<itunes:name>Кирилл Беляев</itunes:name>
<itunes:email></itunes:email>
</itunes:owner>
<itunes:subtitle>о подаче информации, айдентике, интерфейсах и жизненной среде</itunes:subtitle>
<itunes:image href="" />
<itunes:explicit></itunes:explicit>

<item>
<title>Комплиментарные цвета носков</title>
<guid isPermaLink="true">https://www.kirillbelyaev.com/ru/blog/?go=all/complementary-socks-color/</guid>
<link>https://www.kirillbelyaev.com/ru/blog/?go=all/complementary-socks-color/</link>
<pubDate>Thu, 13 Apr 2017 21:50:30 +0300</pubDate>
<author>Кирилл Беляев</author>
<comments>https://www.kirillbelyaev.com/ru/blog/?go=all/complementary-socks-color/</comments>
<description>
&lt;p&gt;Мне нравятся разноцветные носки.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/socks.jpg" width="1280" height="853" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Ношу Хепи-соксы с таким узором и другие с другими&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;У таких носков часто цветом выделяют пятку и пальцы. Эти части видно, если надеть носки с сандалиями, но кто так делает?&lt;/p&gt;
&lt;p&gt;Пятку и пальцы можно красить в любой цвет. Можно пальцем в небо. А можно добавить пользы и показать к одежде, каких цветов, эти носки подойдут.&lt;/p&gt;
&lt;p&gt;Не влияет, какие триады и квадриады цветов нравятся. Удобство в том, что носки до покупки помогают представить, как они будут сочетаться с одеждой.&lt;/p&gt;
</description>
</item>

<item>
<title>Шрифтовые логотипы в вебе</title>
<guid isPermaLink="true">https://www.kirillbelyaev.com/ru/blog/?go=all/webfonts-logos/</guid>
<link>https://www.kirillbelyaev.com/ru/blog/?go=all/webfonts-logos/</link>
<pubDate>Wed, 29 Jan 2014 15:37:55 +0300</pubDate>
<author>Кирилл Беляев</author>
<comments>https://www.kirillbelyaev.com/ru/blog/?go=all/webfonts-logos/</comments>
<description>
&lt;p&gt;На Ретине хорошо выглядит вектор, фотографии и графика, увеличенная в три раза. Готовя графику для сайта, рассчитанного под Ретину, чаще все элементы просто сохраняют в растре с высоким разрешением.&lt;/p&gt;
&lt;p&gt;Считаю, что векторные логотипы, с посильными для ЦСС заливками, лучше оставлять в векторе, например в шрифте. Можно весь лого одним элементом или побуквенно, если он как у Гугла текстовый.&lt;/p&gt;
&lt;p&gt;Яндекс может просто впечатывать названия продуктов &lt;a href="http://www.artlebedev.ru/everything/yandex/type/"&gt;фирменным шрифтом&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://ilyabirman.ru/meanwhile/all/underlining-logos/"&gt;Смельчаки, подчёркивающие логотипы&lt;/a&gt; на внутренних страницах сайта, могут не грузит вторую картинку, обёрнутый ссылкой лого подчеркнётся и перекрасится сам.&lt;/p&gt;
&lt;p&gt;В целом всё по стандартам триза «сделать статическое динамическим» (или постоянное — переменным) и «сделать неуправляемое управляемым» (&lt;a href="http://artgorbunov.ru/bb/soviet/20091008/"&gt;другой пример применения стандарта&lt;/a&gt;). Кернить, менять цвет, подчёркивание, кегль и интерлиньяж — одно удовольствие.&lt;/p&gt;
&lt;p&gt;Для примера наш логотип:&lt;/p&gt;
&lt;div style="margin: 30px 0"&gt;&lt;p&gt;&lt;span style="font-family: 'kipo_logo', sans-serif; font-size: 96px; letter-spacing: 0.7em"&gt;&lt;a style="padding-bottom: 0.1em" href="http://kipo.name/"&gt; KIP&lt;span style="letter-spacing: -0.7em"&gt;O&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Процедура в три шага:&lt;/p&gt;
&lt;ol start="1"&gt;
&lt;li&gt;&lt;a href="http://ru.wikipedia.org/wiki/OpenType"&gt;Оупен-тайп&lt;/a&gt; собрал в приложении &lt;a href="http://www.glyphsapp.com/"&gt;Glyphs&lt;/a&gt; (кстати, поделитесь простыми шрифтовыми редакторами в комментариях). Скопировал и вставил объекты из Иллюстратора плюс минимально настроил.&lt;/li&gt;
&lt;li&gt;Из полученного Оупен‑тайпа сгенерировал набор шрифтов для веба на &lt;a href="http://www.fontsquirrel.com/tools/webfont-generator"&gt;Font Squirrel&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Добавил набор на сайт.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Что скажете? :-)&lt;/p&gt;
</description>
</item>

<item>
<title>Абсолютные единицы измерения объёма текста</title>
<guid isPermaLink="true">https://www.kirillbelyaev.com/ru/blog/?go=all/absolute-text-units/</guid>
<link>https://www.kirillbelyaev.com/ru/blog/?go=all/absolute-text-units/</link>
<pubDate>Tue, 27 Aug 2013 12:31:04 +0300</pubDate>
<author>Кирилл Беляев</author>
<comments>https://www.kirillbelyaev.com/ru/blog/?go=all/absolute-text-units/</comments>
<description>
&lt;p&gt;У бумажных книг есть страницы. Большинство книг эргономичного формата, и объём страниц у них более или менее совпадает, благодаря чему мы можем сравнивать текст по объёму. Если я скажу, что прочёл повесть в 300 страниц, собеседник скорее всего представит книгу формата А5 толщиной в 2 см.&lt;/p&gt;
&lt;p&gt;С электронными книгами такое не прокатывает. У них есть функции выбора шрифта, его кегля, выравнивания и режима отображения, благодаря которым электронные версии конкурируют с бумажными. Побочный эффект этих прекрасных функций — переменное количество страниц, которое порой меняется в разы.&lt;/p&gt;
&lt;p&gt;В связи с непостоянством объёма страниц, их в электронных книгах считаю костылём, который решает вопрос только локальной навигации, да, и то неполноценно.&lt;/p&gt;
&lt;p&gt;Страницы следует заменить на абсолютные величины — на уже используемые в издательствах и известные почти всем &lt;a href="http://slovari.yandex.ru/~%D0%BA%D0%BD%D0%B8%D0%B3%D0%B8/%D0%98%D0%B7%D0%B4%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D0%B9%20%D1%81%D0%BB%D0%BE%D0%B2%D0%B0%D1%80%D1%8C/%D0%9F%D0%B5%D1%87%D0%B0%D1%82%D0%BD%D1%8B%D0%B9%20%D0%B7%D0%BD%D0%B0%D0%BA/?ncrnd=6955"&gt;печатные знаки&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Для удобства использования подойдут &lt;a href="http://ru.wikipedia.org/wiki/%D0%9F%D1%80%D0%B8%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B8_%D0%A1%D0%98"&gt;десятичные приставки системы СИ&lt;/a&gt;. Например, в «Капитанской дочке» около 200 килознаков (кз).&lt;/p&gt;
&lt;p&gt;И совсем будет круто, если в печатных книгах будут дублировать страницы печатными знаками и указывать последние в содержании. Так же для простоты счёта и нумерации страницы могут быть кратны числу знаков, например, 1 стр. = 1 кз.&lt;/p&gt;
&lt;p&gt;Для многих величин приняты общие и абсолютные единицы измерения, потому что это удобно. Пора и объёму текста вступить в ряды абсолютных.&lt;/p&gt;
</description>
</item>

<item>
<title>Время работы с файлом</title>
<guid isPermaLink="true">https://www.kirillbelyaev.com/ru/blog/?go=all/worktime/</guid>
<link>https://www.kirillbelyaev.com/ru/blog/?go=all/worktime/</link>
<pubDate>Sat, 20 Jul 2013 12:29:04 +0300</pubDate>
<author>Кирилл Беляев</author>
<comments>https://www.kirillbelyaev.com/ru/blog/?go=all/worktime/</comments>
<description>
&lt;p&gt;Мне видится удобным отображение времени работы с файлом в шапке программы, рядом с заголовком, например.&lt;/p&gt;
&lt;p&gt;Оно давно должно задаваться на уровне ОС для всех программ и файлов. Что сильно упростило бы подсчёт трудочасов. Учитывать, конечно, стоит только «активное» время, пока программа в фоне её работа не в счёт.&lt;/p&gt;
&lt;p&gt;Из этой идеи может получится классное приложение для Мак ОС (и любой другой десктопной ОС) в духе Бирмановского &lt;a href="http://ilyabirman.ru/meanwhile/tags/emcee/"&gt;Эмси&lt;/a&gt;. Мы будем рады найти мастера, способного написать такое приложение.&lt;/p&gt;
&lt;p&gt;Пишите на &lt;a href="mail"&gt;hi@kipo.name&lt;/a&gt;&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/worktime.jpg" width="768" height="877" alt="" /&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Ремень, который покупают чаще благодаря дизайну</title>
<guid isPermaLink="true">https://www.kirillbelyaev.com/ru/blog/?go=all/belt-sale-design/</guid>
<link>https://www.kirillbelyaev.com/ru/blog/?go=all/belt-sale-design/</link>
<pubDate>Fri, 19 Jul 2013 13:40:36 +0300</pubDate>
<author>Кирилл Беляев</author>
<comments>https://www.kirillbelyaev.com/ru/blog/?go=all/belt-sale-design/</comments>
<description>
&lt;p&gt;Примеры работающих решений окружают нас.&lt;/p&gt;
&lt;p&gt;Ремни подбирают к обуви, сумкам и одежде. Такой ремень покупают чаще других, потому что он ловко и элегантно сочетает сразу три цвета и подходит к большему числу вещей:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/belt.jpg" width="768" height="512" alt="" /&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>В магазинах Берлина или всякая всячина II</title>
<guid isPermaLink="true">https://www.kirillbelyaev.com/ru/blog/?go=2012/04/14/3/</guid>
<link>https://www.kirillbelyaev.com/ru/blog/?go=2012/04/14/3/</link>
<pubDate>Sat, 14 Apr 2012 12:56:52 +0300</pubDate>
<author>Кирилл Беляев</author>
<comments>https://www.kirillbelyaev.com/ru/blog/?go=2012/04/14/3/</comments>
<description>
&lt;div class="e2-text-calliope-formatted"&gt;В ближайшем к нашему берлинскому дому супермаркете дают попробовать дыню, как на хорошем рынке, чем повышают интерес и число конечных покупателей:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/melon.jpg" alt="Берлин: в магазине или всякая всячина II" width="574" height="768" /&gt;&lt;br /&gt;&lt;br /&gt;Там же перед кассой вместо марсо-сникерсов висят карты «Айтюнса»:&lt;br /&gt; &lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/itunes.jpg" alt="Берлин: в магазине или всякая всячина II" width="574" height="768" /&gt;&lt;br /&gt;&lt;br /&gt;Эта находка из очередной сувенирной лавки:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/squirrel.jpg" alt="Берлин: в магазине или всякая всячина II" width="768" height="512" /&gt;&lt;br /&gt; &lt;br /&gt;Пол из магазина шведской марки «КОС» (&lt;a href="http://www.cosstores.com"&gt;COS&lt;/a&gt;) — это элегантное решение с любовью к материалу:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/floor.jpg" alt="Берлин: в магазине или всякая всячина II" width="768" height="512" /&gt;&lt;br /&gt;&lt;br /&gt;Одежда, кстати, фишечная.&lt;/div&gt;</description>
</item>

<item>
<title>Берлин: фишечки</title>
<guid isPermaLink="true">https://www.kirillbelyaev.com/ru/blog/?go=2012/03/21/1/</guid>
<link>https://www.kirillbelyaev.com/ru/blog/?go=2012/03/21/1/</link>
<pubDate>Wed, 21 Mar 2012 21:29:28 +0300</pubDate>
<author>Кирилл Беляев</author>
<comments>https://www.kirillbelyaev.com/ru/blog/?go=2012/03/21/1/</comments>
<description>
&lt;div class="e2-text-calliope-formatted"&gt;На улицах немецкой столицы можно найти примеры эффективности приёма, который часто называют «изюминкой». По мне «фишечка» вкуснее, но это просто слова, суть при этом меняется мало.&lt;br /&gt; &lt;br /&gt;Итак, экспонат номер один — оформление экстерьера ресторана в 1 шаг: бац — поставили кричащие горшки с цветами и всё готово:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/pink-pots.jpg" alt="Берлин: фишечки" width="768" height="393" /&gt;&lt;br /&gt;&lt;br /&gt;Конечно, нужно написать на двери название и часы работы, но с такими горшками об этом можно думать недолго.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Экспонат номер два. Как из обычного здания сделать мини шедевр дизайнерской мысли — с помощью напечатанной на стеклянных панелях иллюзии: &lt;br /&gt; &lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/illusion-1.jpg" alt="Берлин: фишечки" width="768" height="512" /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/illusion-2.jpg" alt="Берлин: фишечки" width="768" height="512" /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/illusion-3.jpg" alt="Берлин: фишечки" width="400" height="544" /&gt;&lt;br /&gt;&lt;br /&gt;Жаль, что ремонт дороги рядом помешал съёмке.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;А вот экспонат номер три. Решение для не приглядного &lt;a href="http://ru.wikipedia.org/wiki/%D0%91%D1%80%D0%B0%D0%BD%D0%B4%D0%BC%D0%B0%D1%83%D1%8D%D1%80_(%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F)"&gt;брандмауэра&lt;/a&gt; — остроумная надпись на контрастном фоне, объясняющая (в том числе) наличие подобных архитектурных решений:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/mauer.jpg" alt="Берлин: фишечки" width="768" height="512" /&gt;&lt;br /&gt;&lt;br /&gt;Перевод её примерно таков: «Это только вопрос времени». Обратите внимание на шрифт — это готическое письмо, характерное для германских народов средневековья.&lt;br /&gt; &lt;br /&gt;&lt;br /&gt;Вот четвёртая фишечка — форма клумб вдоль железной дороги:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/flowerbed.jpg" alt="Берлин: фишечки" width="768" height="512" /&gt;&lt;br /&gt;&lt;br /&gt;Они сделаны в форме листочков и разбросаны хаотично с разным наклоном, как упавшие листья. В марте здесь ещё не достаточно тепло для цветения и выглядит это немного сухо, но идея отличная.&lt;/div&gt;</description>
</item>

<item>
<title>Берлин: вывески</title>
<guid isPermaLink="true">https://www.kirillbelyaev.com/ru/blog/?go=2012/03/19/1/</guid>
<link>https://www.kirillbelyaev.com/ru/blog/?go=2012/03/19/1/</link>
<pubDate>Mon, 19 Mar 2012 23:25:03 +0300</pubDate>
<author>Кирилл Беляев</author>
<comments>https://www.kirillbelyaev.com/ru/blog/?go=2012/03/19/1/</comments>
<description>
&lt;div class="e2-text-calliope-formatted"&gt;На улицах Берлина не редкость вывески кафешек и магазинов, нарисованные краской на стене. Они бывают разных стилей, но выглядит это преимущественно здорово:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/schild_1.jpg" alt="Берлин: вывески" width="768" height="512" /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/schild_2.jpg" alt="Берлин: вывески" width="768" height="512" /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/schild_3.jpg" alt="Берлин: вывески" width="768" height="512" /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/schild_4+.jpg" alt="Берлин: вывески" width="768" height="512" /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/schild_6.jpg" alt="Берлин: вывески" width="768" height="512" /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/schild_5_1.jpg" alt="Берлин: вывески" width="768" height="768" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;i&gt;Последняя надпись мне особенно нравится — это «Магазин для детей и школьников».&lt;/i&gt;&lt;br /&gt; &lt;br /&gt;У такого решения есть два больших плюса: скорость изготовления и экономия средств. Индустрия общественного питания (за исключением сетей) ориентированна на частые перемены, так как потребители быстро пресыщаются меню, интерьером, локацией, концепцией. При частой смене места и названия, нарисованные вывески — это отличное решение.  &lt;br /&gt; &lt;br /&gt;Возникает вопрос: почему, например, в Петербурге нет подобных образчиков? В зимнее время, когда на улицах недостаточно света, можно направить на надпись самый простой осветитель, как, например, на второй фотографии, и будет ок. Что мешает кафешкам в городе на Неве делать так же: грязные стены зданий, закон об охране исторического облика или недостаточная крутизна решения?&lt;/div&gt;</description>
</item>

<item>
<title>Информационный дизайн в берлинском метро</title>
<guid isPermaLink="true">https://www.kirillbelyaev.com/ru/blog/?go=2012/03/12/2/</guid>
<link>https://www.kirillbelyaev.com/ru/blog/?go=2012/03/12/2/</link>
<pubDate>Mon, 12 Mar 2012 16:37:37 +0300</pubDate>
<author>Кирилл Беляев</author>
<comments>https://www.kirillbelyaev.com/ru/blog/?go=2012/03/12/2/</comments>
<description>
&lt;div class="e2-text-calliope-formatted"&gt;&lt;i&gt;Эта заметка про «находоки» столицы Германии. Пробудем здесь пару месяцев и надеемся собрать и опубликовать побольше интересного.&lt;/i&gt;&lt;br /&gt;  &lt;br /&gt;Отечественным носителям даже и не снились такие шедевры рекламной инфографики: сразу видно где, что и по чём дают плюс цепляющее оформление:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/ad_01.jpg" alt="" width="768" height="566" /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/ad_02.jpg" alt="" width="768" height="550" /&gt;&lt;br /&gt; &lt;br /&gt;Вторая идея тоже из метро: на карте города (с нанесённым слоем схемы метрополитена) местоположение смотрящего отмечено очень удобным способом:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/map_medium.jpg" alt="" width="768" height="516" /&gt;&lt;br /&gt; &lt;br /&gt;Большое, яркое, хорошо заметное и в тоже время прозрачное кольцо, центр которого — точка текущего расположения. Такое решение позволяет моментально находить на карте себя, так как кольцо порядка семи см в диаметре сразу видно на карте размером три на два метра.&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/map_big_1.jpg" alt="" width="768" height="516" /&gt;&lt;br /&gt; &lt;br /&gt;А за счёт прозрачности кольца не теряется информация. И последний плюс — экономия. Карты все одинаковые только кольцо из самоклеящейся плёнки наклееной в разные места:&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.kirillbelyaev.com/ru/blog/pictures/map_small.jpg" alt="" width="768" height="516" /&gt;&lt;/div&gt;</description>
</item>


</channel>
</rss>