Рис

3821 ссылка про дизайн

Было: http://langsam.ru/ris/post/3488

Заработала!

Ссылка не работает.

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

Классно рассказывает, но визуализации кошмарные: он, кажется, сумел допустить все классические ошибки. Смотреть долго на эти цвета и контраст тяжело. Ну и хорошо чувствуется, как важно в ютубных объясняющих видео качество звука (сравните старые видео и новые).

Бонус — 15-минутный рассказ его коллеги: https://www.youtube.com/watch?v=aNDWf-hBbns

Забыл про Майнкрафт и лекции о марксизме! Спасибо, что напомнил.

Игра, кажется. очень клевая. На маке выйдет 21 апреля.

Раскроете мысль?

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

Ну просто выкладывать все картинки, которые не пошли в дело (они же кажется это делают?).

Отличная идея для тумблра графдизайнера. Дешево и красиво.

Угу. Я на «лучшее за месяц» чето вообще ни разу не кликал, кажется. На «лучшее за год» 33 клика за последние 3 месяца.

«Проект гипотетической боевой машины колоссальных размеров»

«Помимо двигателей и элементов управления, внутри корпуса машины располагались также прожекторы, беспроволочный телеграф, элеваторы, жилые помещения и даже магазины»

«Явно утопический проект был отклонён техническим отделом ГВТУ в том же [1915] году»

Ну не знаю, по-моему работы идут полным ходом.

Советую смотреть с зумом минимум в 200%.

Худший провал Бюро: www.facebook.com/...

Филип Гласс довольно убедительный выходит.

Кулер моего макубка и я: http://i.imgur.com/WqKgWYx.mp4

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

Не понял, че это такое. Объяснишь?

Быть новорожденным в конце XIX века было опаснее, чем мужчиной призывного возраста в Первую мировую.

https://www.youtube.com/watch?v=Td_vdV7QG04 Марио от первого лица.

Расскажешь про содержание немного? Там что-то прям стоящее? А то начало скучное, и использование болда мешает читать.

Заменил ссылку на эту, спасибо.

Выложил не в прайм-тайм :-)

Мне книга очень понравилась. Она в основном состоит из его советов про верстку, но все темы раскрыты глубже, появились иллюстрации. Буду ее советовать так же, как советую Тафти, Нормана, Купера, Раскина и Чихольда.

Отдельно про формат. Это самая лучшая электронная книга, которую я читал в своей жизни. Всё продумано. Можно читать хоть мышкой, хоть клавиатурой, хоть с айпада. Ничего не тормозит.

Короче, подписался и вам всем советую.

Исправил ссылку на https://dreamscopeapp.com/ — правильно?

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

Саундтрек: https://www.youtube.com/watch?v=MgYnKu8RYAU

Спасибо, что выложили! Прекрасная карта.

http://i.imgur.com/Lym4nqJ.jpg — с помощью Тафтивского Image Quilt.

Оххх, как же это круто выглядело бы, если бы это была единая лента, не разделенная по десятилетиям на отдельные страницы. Можно было бы быстро прокручивать и пытаться ухватить общие тенденции.

Из «Капитала»:

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

Было бы здорово в двух словах увидеть объяснение того, что такое «клеточный автомат» для непосвященных.

Не понятно, что столбики в разделе «Баланс» можно настраивать вручную.

В целом, по-моему, оч красиво.

Отдельно надо отметить отвратительную верстку заголовков.

Скопирую свой коммент с ФБ:

Очень странное название «Черная дыра». Ведь из черной дыры нельзя ничего вернуть, в этом ее суть (поэтому она черная). А у вас суть в том, что вещи можно легко вернуть в любой момент. Так что не очень понятно, почему это «черная дыра», если только мои вещи — не Мэтью Макконахи.

99percentinvisible.org/... хороший эпизод подкаста 99 Percent Invisible на эту тему

Так вроде можно: надо нажать на карандашик под «Добавить комментарий».

Кингсли заслуживает отдельного поста.

О, ура, это очень крутой чувак! Мое любимое его видео — про Майкла Бэя https://vimeo.com/99798626

Ну на самом деле я хотел узнать подробнее, что ты думаешь)

Это кстати частая штука: непонятно, что делает фэйворитс.

http://codepen.io/jakealbaugh/full/PwLXXP/ — штука, которая вдохновила автора.

Отличная статья. «That is why many startups wait as long as they can before making the switch» — не задумывался об этом. Переход стартапа на более строгий язык — это во многом переход из состояния стартапа в состояние «нормальной компании».

Отдельной ссылкой же!

Deus Ex еще на самом деле.

Так Морровинд же?

Вот это супер-важно:

If you were to come to me and say «The player can get into the back door of my dungeon, take ten steps to kill the boss, and walk right out.”, I am not going to assume this is a problem.

I’ll ask: «So What?” There are several reasons we might assume this is a problem, but upon further analysis they often don’t matter. When there is no great answer to the question, we’ll tend to leave the back door unlocked.

Готово!

Что демонстрирует залинкованный симулятор? Я пока только пришел к выводу, что каким цветом светят в глаз, такой цвет и воспринимает мозг :-)

Ну так там материала на десяток постов!

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

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

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

(Пользы от видео я тоже никакой не получу: дизайнер не сможет извлечь из него ни уроков, ни вдохновения)

О, они сделали http://lust.nl/#projects-4989

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

Выглядит круто, попробую на днях.

А вот комментарии на главной (от «Васи», «Тамары Сергеевны» и пр.) очень депрессивные. Жалко дизайнера Васю, которого клиентос просит убрать пустое место и поиграть со шрифтами. Может, заменить это на обсуждение внутри студии? Например, между программистами и дизайнерами или между арт-директором и дизайнером.

Сильно не хватает внятного, иллюстрированного рассказа о том, зачем это и как этим пользоваться.

Попытавшись разобраться с навигацией на сайте, я умер.

С 3000-м постом нас всех!

Добавил тег ИДЕЯ.

Было -1

Откуда столько даунвоутов? Сайт тормозит или что?

Я так и не понял)

Это, разумеется, совершенно несправедливо.

https://news.ycombinator.com/item?id=8477124 — здесь в комментариях есть.

Автор пишет, что пока не собирает статистику. Сердце кровью обливается!

Важно, что одни посетители развлекают других. Сразу ассоциация с игрой, которую я только что выложил: http://langsam.ru/ris/post/3019

Как тебе Бигмаг?

И еще «Полигон»: http://www.youtube.com/watch?v=rNW1rjdZLCM

Я так понимаю, нет.

Спасибыч.

Ну и, конечно же, http://en.wikipedia.org/wiki/Big_Duck

А кто делал? Когда? Неизвестно?

Это я неудачно переименовал)

Я чего-то не понял, или никакой «периодичности» в этой таблице нет?

Осторожно: звук

Заслуживает отдельного поста, по-моему.

lh4.ggpht.com/... !!

1. В мою гору врезался пирог.

2. Если быстро бренчать по клавишам внизу экрана (по кр. мере на Айпаде), то время убыстрится: увеличится скорость вращения горы и смены сезонов.

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

Я, кстати, такую критику сам всегда даунвоучу и всех призываю даунвоутить.

Хороший критический коммент — информативный. Какие именно решения неудачные? Почему? Кто уже сделал хорошо? Чего не хватает в существующих решениях?

А проявлений вот этого дизайнерского и околодизайнерского дискурса, разбрасывающегося терминами типа «говно», «блевота» и «уныние», в Интернете и так достаточно.

Один из моих любимых комментов на Рисе: http://langsam.ru/ris/comment/1986

Красивый и интересный таймлайн, но вот висячая наверху менюшка — ужасно огромная и бесполезная.

http://www.colta.ru/storage/image/4963/file.jpg — вот это шедевр, конечно.

Как всегда настолько же прекрасно, насколько неудобно.

По поводу ховера: вот похожая штука у бюро Горбунова (и сделана лучше, как мне кажется) — artgorbunov.ru/... (лента внизу)

Нда!

Эффект от сокращения бюджета на образование заметен уже в самом клипе: http://i.imgur.com/9VcmlKz.png

Страны, в которых Великобритания не вела боевых действий: http://i.imgur.com/MiJdIXS.gif

Мне не нравится, как Нотч делает все, что связано с текстом. (Особенно финал Майнкрафта)

Почему? Учиться на дизайнера и устраиваться стажером, как и полагается.

beta.mapy.cz/... Попробуй так

Халперт!

www.kyuhyungcho.com/... !

Стук сердца какого-то чувака в прямом эфире: http://onehumanheartbeat.com/

Сушки «Лагерные» http://i.imgur.com/21sC10x.jpg

PS Спасибо за пост, совсем забыл! :-)

Схема Бирману не понравилась. Он не стал вдаваться в подробности. Всякие идеи, которые он высказал или поддержал:

1. Проблема пучкрв линий не решена — построить маршрут по такой схеме очень тяжело.
2. Схему трамваев имеет смысл делать поверх карты города, т.к. это не «телепортатор» типа метро. Ты смотришь в окно и распознаешь объекты в городе — это нужно использовать в навигационных целях.
3. В вагонах имеет смысл делать только линейные схемы (как в метро).
4. Трамваи в Москве не соединяются в единую систему, поэтому навигационную функцию такая схема не выполняет.
5. Станции и линии метро должны быть гораздо заметнее.

По-моему, у схем трамваев в Москве есть две функции: собственно навигация и discovery. В плане навигации (сколько проехать до такой-то остановки) все схемы работают плохо, потому что редко можно понять, на какой остановке ты находишься. Если считать остановки — то, конечно лучше.

В плане discovery, т.е. открытия новых маршрутов, эта схема тоже так себе. Каждый раз понимаешь, что проще будет доехать на метро. Это, правда, проблема самой трамвайной инфраструктуры Москвы — она не представляет альтернативы метро.

Сегодня на Живых советах спрошу про эту схема у Бирмана :-)

PS Забыли Александровский Сад:http://i.imgur.com/WoRbSzK.png

Носик пишет, что это «прощальный спецпроект старой команды Ленты.Ру».

Добавил.

Кто-нибудь знает, чем он занимался последние 2 года и чем будет заниматься теперь?

http://clubdesign.github.io/floatlabels.js/ — плагин

Один из моих любимых клипов, спасибо! Любимый момент — когда Уэст делает «Вжж-вжж»: http://coub.com/view/pqq5

[Джойстик с клавиатурой (для Нинтендо)](24.media.tumblr.com/... 

www.tuaw.com/... — все отсылки к продуктам Эпл в Симпсонах и Футураме

Отдельным постом!

Да, сделал.

Я правильно понимаю, что меню там периодически просто вставляется внутрь страницы? Если это так, то это очень прекрасно.

Ну, во-первых, Индизайн сам по себе умеет очень много. В плане векторной графики я вообще не очень представляю, какие у него есть серьезные ограничения. С тенями дополнительная польза — box-shadow в ЦСС очень похожа на drop-shadow в Индизайне; иногда получается буквально перенести параметры, чтобы результат пиксель-в-пиксель соответствовал макету. Похожая история с градиентами, если не нужно поддерживать старые браузеры.

Во-вторых, можно отрисовать все, что требует растровой графики, в Фотошопе и вставить в Индизайн — или прилинковать файл, или ctrl+c → ctrl+v. Плюс, верстальщику не придется выковыривать файлы из макета.

> весь гуишник все равно придется собирать в фотошопе

Почему?

Статья хорошая, но по-настоящему нужный туториал по использованию Фотошопа в веб-дизайне должен выглядеть так:

1. Закройте Фотошоп.
2. Откройте Индзайн.

Всем, кто удивляется тому, что апп с таким названием у них уже есть — это Paper для Айпадов от FiftyThree: http://www.fiftythree.com/paper

Paper от Фейсбука — только для Айфонов, поэтому Аппстор это разрешил. Хотя всё равно глуповато получается.

Уже было: http://langsam.ru/ris/post/2693

Реклама голландской благотворительной организации, которая тренирует собак-помощников для людей, страдающих от психологических травм, полученных на войне: www.youtube.com/...

Может, про этот, а может, про сто других таких же. У меня дофамин выделяется, когда параллаксовый сайт просто не тормозит :-)

Слушай, так все-таки режим редактуры для русского языка не имеет смысла?

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

Я, короче, внимательно всё прочитал. Но, например, в этой работе к «выставкам меха» и Плохому Дизайну он совсем не приблизился. Этому не место в подъездах и на улицах Москвы — на родине плохого дизайна. Потому что это вызывающая арт-арт-штука, Поплав Поплавыч. Срущее-блюющее-ссущее-кровоточащее-ебущееся — это не плохой дизайн (потому что плохой заказчик такое бы не принял), это вообще не Плохо. Это, в общем, Нормально. к этому все, кому это будет видно из Интернета, уже очень привыкли (поплавные паблики шокируют каждый день куда больше).

Не очень понимаю, зачем простому, Нормальному соврискусству такие манифесты — что собственно его манифест, что интервью. Т.е. мне кажется, что я все-таки что-то не до конца понимаю в том, что он делает.

Пересматривал сегодня мультики Дэвида О'Райли — вот у него это сделано, по-моему, как надо. Особенно хорошо сравнивать эту игру с его The External World.

Бесконечно невыносимый праздник боли и страдания, ЕВПОЧЯ.

Разве принимают? Вроде, наоборот, говорят, что она не особо лучше других, но чуть меньше искажает. Даже у Меркатора есть своя польза — подробно показывать северное полушарие, через которое лежит путь в Америку.

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

www.reddit.com/... — Айфону сегодня семь лет. Тред реддита семилетней давности с реакциями гиков на презентацию Джобса.

http://internetkhole.blogspot.de/ — фотографии представителей субкультур

http://i.imgur.com/wIVFgh5.png — все форматы текста на новом сайте NYT

Об авторе: http://en.wikipedia.org/wiki/Bruce_Tognazzini

Я, кстати, как большой поклонник WebMD склонен ему доверять :-)

Я понял, что не люблю комментарии, привязанные к кускам. Они располагают к плохому способу ведения дискуссии в Интернете: когда собеседники разбивают ответы друг друга на куски и отвечают по ним. Вместо этого хотелось бы видеть комментарии к тексту в целом. Я не помню, чтобы мне хоть раз захотелось прервать чтение стоящего текста, чтобы прочитать комментарий (на Медиуме, например).

Хотя я вполне допускаю, что нахожусь в меньшинстве.

У меня открывается.

www.wired.com/... — всё на одной странице.

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

Плохой кернинг — http://fuckyeahkeming.com/

Результат действия Bath Bomb — http://i.imgur.com/10ihBQX.jpg

Инструкция — www.instructables.com/... (ключевой момент — пищевые красители)

Реддиторы шутят — http://imgur.com/CUu7a4m

Деньги года — это, конечно, Dogecoin: http://dogecoin.com/

Не все лендинг-страницы — длинные (и продающие). Например, ЛС модного дейтинг-сервиса Тиндер: http://www.gotinder.com/

Назовем тег «лендинг-страницы», а то «лендинг» уж очень похоже на lending.

Хаха, интересно. Но в ФФ всё на движке, а в Плейнскейпе показывается мультик — радикальнее.

www.youtube.com/... — анимация высокоуровенвых спеллов из Planescape: Torment.

Например, http://www.youtube.com/watch?v=WcGC2byVmoA
http://www.youtube.com/watch?v=G_bgE5Rq8xo
http://www.youtube.com/watch?v=IJyUQ7zarS8 — с иллюстрации

А зачем эта штука?

Радио-баттоны удивили. Я думал, уж кто-кто, а iA должны их избегать. http://artgorbunov.ru/bb/soviet/20121210/

А что там?

Если сайт дает доступ к мобильному контенту без перехода — я уже благодарен.

www.theguardian.com/... — фотографии детей в XIX в. Так как сделать одну фотографию занимало до 30 секунд, нужно было как-то держать детей на месте. Для этого их матери маскировались под кресла и придерживали их сзади.

Интересно; выглядит неплохо.

Исправил ссылку.

www.amazon.com/... — вспомнил обложку книги основателя Реддита.

Статья про то, как она рисовала иконки, с картинками: blogs.plos.org/... (с Риса, кстати)

http://i.imgur.com/rAVFDod.jpg — турекцая карта мира (1803)

http://i.imgur.com/VUmVrHz.jpg — шампунь для жирных волос такой сильный, что буквы на этикетке отклеиваются и разъезжаются.

http://i.imgur.com/Qo4YzRh.jpg — неоднозначная карта расселения кельтов

http://grantslatton.com/hngen/ — генератор заголовков Hacker News

www.scottish.parliament.uk/... — отлично (интерьер)

Призываю всех, кто это еще не посмотрел, срочно смотреть. Это очень крутая штука.

Заслуживает отдельного поста? http://livehoods.org/maps/nyc — пример

http://o-dimitrios.livejournal.com/17334.html — современные потемкинские деревни.

www.ted.com/... — лекция о брендинге мексиканских картелей

blog.joelburgess.com/... — модульный дизайн уровней в Скайриме (лекция от ведущего дизайнера Бетезды)