Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Бюллетень с референдума о присоединении Австрии к Германии (1938)

Перевод: «Согласен ли ты с произошедшим 13 марта 1938 г. воссоединением Австрии с Германией и голосуешь ли за список нашего лидера Адольфа Гитлера?»; над большим кругом надпись «Да», над маленьким — «Нет»

Исторический контекст: http://ru.wikipedia.org/wiki/Аншлюс

P. S. Любопытно, что австрийский канцлер Курт фон Шушинг хотел 11 марта провести свой плебесцит: «Единственный вопрос на нём должен был быть: желает ли народ иметь «свободную и немецкую, независимую и социальную, христианскую и собственную Австрию», а бланки — содержать только кружок «да»».

нет комментариев твитнуть  голосование, информационный дизайн, история, манипуляция, типографика

Graphic-Exchange

Просто кладезь симпатичных работ: http://www.graphic-exchange.com

1 комментарий твитнуть  графдизайн, иллюстрация, логотип, типографика, упаковка, фирменный стиль

Сергей Якунин:

Есть круче — http://ffffound.com, но там нет поиска. Поэтому лучше искать в гугль-ридере, предварительно подписавшись.

Как работает единственная кнопка Айфона

Автор: Эндрю Дёрден (Andrew Durdin)

3 комментария твитнуть  home button, интерфейс, инфографика, модальность, Эпл

Илья Муравьёв:

Страшно и непонятно.

Сергей:

Соглашусь с Ильей, воспринимается с большим трудом.

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

Александр Лопатюк:

У Алана Купера это называется чертовски высоким когнитивным сопротивлением, ага? :)

Сервис самых часто используемых терминов

Сервис может «посмотреть» отдельную страничку, РСС-канал, твитер и даже загруженные файлы. Результат выводится облаками тегов, которые используют только ХТМЛ 5:
http://timc.idv.tw/wordcloud/en/

Вот такое облако, например, у сайта www.microsoft.com:

2 комментария твитнуть  информационный дизайн, типографика

Игорь Скляревский:

Есть не менее крутая штука: http://www.tagxedo.com/
Этот сервис позволяет делать облака тегов произвольной формы, выбирать шрифты, цвета и еще кучу всего.

Иван Демидов:

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

Инфографика о Макдональдсе

Радует общий приятный стиль, понятность и забавные пасхальные яйца. Жалко, что без легенды не обошлось.

6 комментариев твитнуть  McDonalds, инфографика

Структура разметки веб-страницы как граф

Сервис, позволяющий изобразить разметку веб-страницы в виде графа:
http://www.aharef.info/static/htmlgraph/

Положительный отзыв от Тафти и обсуждение на его форуме:
http://www.edwardtufte.com/…-and-a-fetch-msg?msg_id=0002HW

Примеры:


apple.com


табличный yahoo.com


google.com

Легенда:
cиний — a
красный — table, tr и td
зеленый — div
фиолетовый — img
желтый — формы и их содержание
оранжевый — br, p, blockquote
черный — корневой html
серый — остальные теги

2 комментария твитнуть  веб-дизайн, визуализация, графы, инфографика

Комик-санс

Ребята переделывают известные логотипы, заменяя любой шрифт на Комик-санс. Логотипы совершенно не теряют узнаваемости:

http://comicsansproject.tumblr.com/

3 комментария твитнуть  графдизайн, логотип, смешное, типографика, шрифт

Ими:

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

Эдуард:

Логотипы становятся мультяшными.

Сергей Чикин:

Ещё немного логотипов в том же духе.

«Хромографика»

Коллекция старых металлических логотипов (в основном автомобильных): http://chromeography.com/





нет комментариев твитнуть  логотип, типографика

Би-би-си: GEL (Global Experience Language)

Би-би-си представила свой документ визуального стиля Global Experience Language
http://www.bbc.co.uk/guidelines/gel/

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

Полный документ в ПДФ:
http://www.bbc.co.uk/…/downloads/GEL_styleguide.pdf

5 комментариев твитнуть  интерфейс, информационный дизайн, навигация, типографика

Выдающаяся инфографика от XKCD

Рэнделл Манро сделал еще одну запредельно крутую штуку: http://xkcd.com/980/huge/ (полный размер)

Каждый квадратик — определенное количество долларов США. Рассматривать можно бесконечно, чем и предлагаю заняться.

нет комментариев твитнуть  инфографика

Буквы из фильмов

Сайт с подборкой и архивом кинотитров с оригинальными шрифтами:
http://annyas.com/screenshots/

1 комментарий твитнуть  кино, типографика

Дмитрий Кравчик:

Возможно уже пробегало, но вот ЖЖ-сообщество с кириллическими титрами из фильмов:
http://cyr-titles.livejournal.com/

Шэйп тайп — игра в буквы правильной формы

Со шрифтами поиграли, с кернингом поиграли, пришло время играть с формой букв — http://shape.method.ac/

3 комментария твитнуть  типографика

Столяр

Инфографика в видео.

http://

2 комментария твитнуть  видео, инфографика

Владислав Кулик:

Меня вот тут знакомые поправили, что он не плотник, а столяр.
http://ru.wikipedia.org/wiki/Столяр

Иван Пухкал:

Заставило вспомнить и найти промо-ролик Европейской конфедерации стрелкового спорта

http://www.youtube.com/…?v=LNN0_U_2mYo

ЦСС-эффекты Симурая

Симурай — дизайнер интерфейсов, рождённый в швейцарских Альпах и проживающий в Амстердаме.

Экспериментирует с ЦССом. Всё интерактивное.

Кнопусюсечки: http://lab.simurai.com/css/buttons/

Курсорный монстр! Клёво жрёт курсор: http://lab.simurai.com/toy/monster/

Фонарик. Зажигается! http://lab.simurai.com/css/flashlight/

Вдавленный текст: http://lab.simurai.com/css/carveme/

Стереотекст: http://lab.simurai.com/css/css3d/

Ну и, конечно, же, куда нам всем без причёсанного алюминия? http://lab.simurai.com/css/metal/

Все его эксперименты: http://simurai.com/tagged/lab

Не фотошоп.

1 комментарий твитнуть  веб-дизайн, вёрстка, карамелька, кнопка, кнопусечка, типографика, фотошоп, хитрости

Николай Товеровский:

Вау, морф кнопок рутой.
http://gyazo.com/….png

Evolution Letterpress

Небольшой документальный фильм о высокой печати в типографии Evolution Letterpress.

http://

нет комментариев твитнуть  литография, печать, типографика

Леттер-эм-пресс


Приложение, позволяющее почуствовать себя Гуттенбергом. Есть версии для маков и айпадов.
http://www.lettermpress.com/

нет комментариев твитнуть  ipad, mac os, приложение, типографика

Книга про буквы

Ребята из издательства TASCHEN выпустили обалденную книгу «Letter fountain» про западную типографику.

http://www.letterfountain.com/ — сопроводительный сайт, на которм можно почитать и посмотреть изрядную часть книги. Информации много: от возникновения буквенной письменности до цифровой типографики с огромным количеством иллюстаций. Даже в вебе страницы свёрстаны приятно и удобно. Любо-дорого посмотреть.

Полистать некоторые страницы: http://www.taschen.com/…/06770/index.htm (смотрелка на флэше не удобна, но зато доступна добрая сотня страниц)

1 комментарий твитнуть  книги, латиница, типографика

Алексей Пащенко:

«Даже в вёбе встраницы всёрстаны…»

Очепятки специально? О_о

Кернтайп

Игра про кернинг. Двигаем буквы и нажимаем на Compare. Если зайти с айпада, то будет работать мультитач.

http://type.method.ac/

13 комментариев твитнуть  игра, кернинг, типографика

Информативный чек

http://www.fastcodesign.com/…-rethink-the-common-receipt

8 комментариев твитнуть  графдизайн, информационный дизайн, типографика

Карта Википедии

Инфографичная карта по категориям научных статей на англоязычной Википедии.

http://abeautifulwww.com/…-tech-activity-in-wikipedia

1 комментарий твитнуть  википедия, инфографика, информационный дизайн

Иван Демидов:

Очередная неинформативная «инфо»графика. Иногда это бывает красиво, но здесь и этого нет. Бессмысленное нагромождение кружков, ни уму, ни сердцу.



© 2024

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru