Forwarded from Как это сверстано (Игорь Штанг)
Рубрика #кусочеккурса
Рассказываем, когда цифры и слова лучше заменить картинкой. Курс «Таблицы и прочие радости», глава «Вместо таблицы»: igorshtang.ru/course/tables
Рассказываем, когда цифры и слова лучше заменить картинкой. Курс «Таблицы и прочие радости», глава «Вместо таблицы»: igorshtang.ru/course/tables
👍27🔥16😁3🐳1
This media is not supported in your browser
VIEW IN TELEGRAM
интересное видео попалось.
интересно, во-первых, следить как с увеличением скорости шарик вытягивается из-за того, что камера не справляется по частоте кадров.
во-вторых, интересное решение со скоростью шарика — подписать её рядом. хорошо работает это вместе с замедлением скорости самого видео: и то и другое говорит нам, что всё очень быстро (150 км/ч в середине видео).
но больше всего нравится то, что позиция шарика статична на протяжении всей игры, а в конце он улетает. можно даже описать это так: пока шарик пребывает в активном состоянии игры, он находится в центре внимания и в центре экрана; но как только игра завершается, шарик выбывает из экрана и, соответственно, внимания (похрен нам на него короче становится, не до него теперь).
скоро вернёмся к таблицам, следите за обновлениями.
интересно, во-первых, следить как с увеличением скорости шарик вытягивается из-за того, что камера не справляется по частоте кадров.
во-вторых, интересное решение со скоростью шарика — подписать её рядом. хорошо работает это вместе с замедлением скорости самого видео: и то и другое говорит нам, что всё очень быстро (150 км/ч в середине видео).
но больше всего нравится то, что позиция шарика статична на протяжении всей игры, а в конце он улетает. можно даже описать это так: пока шарик пребывает в активном состоянии игры, он находится в центре внимания и в центре экрана; но как только игра завершается, шарик выбывает из экрана и, соответственно, внимания (похрен нам на него короче становится, не до него теперь).
скоро вернёмся к таблицам, следите за обновлениями.
❤56🔥24
как-то салават прислал вот такой график работы котокафе.
что мне тут не очень нравится:
ребята пошли в сторону максимального сравнения всего со всем и сделали «матрицу». я никогда не был в котокафе, но, подозреваю, что нет особой нужды в такой детализации и сравнении.
→ соответственно можно посещение и аренду разделить.
цвета путают. серой подложкой закрашены дни недели и внезапно ещё выходной и кол-во человек для аренды. оттенки для той же аренды не имеют никакой связи. скидки выделены похожим на аренду цветом. это всё создаёт ложные выводы.
→ цвет можно убрать вообще или как-то точечно его использовать.
про скидки, похоже, добавили не сразу. информация хорошая, но издалека выглядит как знак запрета.
→ перенёс это всё к расписанию.
мне нравится плиточность, которая есть в оригинале и желание сделать по-доброму.
вот это можно попробовать сохранить, оставив квадратики и добавив картинок.
ну и логотип побольше конечно.
что мне тут не очень нравится:
ребята пошли в сторону максимального сравнения всего со всем и сделали «матрицу». я никогда не был в котокафе, но, подозреваю, что нет особой нужды в такой детализации и сравнении.
→ соответственно можно посещение и аренду разделить.
цвета путают. серой подложкой закрашены дни недели и внезапно ещё выходной и кол-во человек для аренды. оттенки для той же аренды не имеют никакой связи. скидки выделены похожим на аренду цветом. это всё создаёт ложные выводы.
→ цвет можно убрать вообще или как-то точечно его использовать.
про скидки, похоже, добавили не сразу. информация хорошая, но издалека выглядит как знак запрета.
→ перенёс это всё к расписанию.
мне нравится плиточность, которая есть в оригинале и желание сделать по-доброму.
вот это можно попробовать сохранить, оставив квадратики и добавив картинок.
ну и логотип побольше конечно.
❤29🤔9👍7🔥1
читаю книгу, наткнулся на статистику. обратите внимание как авторы подумали за читателя, перелопатили кучу данных и аккуратно всё собрали по группам: время, пол, возраст, семейное положение.
да, это могли быть таблицы, графики, много всего. но зачем, если читатель всё равно придёт к тем же самым выводам, а некоторые даже может и упустит ещё.
на всякий случай: по закону суицид — это плохо.
да, это могли быть таблицы, графики, много всего. но зачем, если читатель всё равно придёт к тем же самым выводам, а некоторые даже может и упустит ещё.
на всякий случай: по закону суицид — это плохо.
❤29👍6🔥4😱1
«Если бы эта статья была написана на японском, она была бы длиннее. Перевод на тайский, между тем, был бы короче. Тем не менее, те, кто читает её вслух на любом из языков или на оригинальном английском, закончили бы примерно в одно и то же время.
Этот странный феномен стал предметом нового исследования, которое показывает, что языки сталкиваются с компромиссом между сложностью и скоростью. Языки, насыщенные информацией, произносятся медленнее, в то время как более простые языки говорят быстрее. В результате большинство языков одинаково эффективны в передаче информации.»
https://www.economist.com/graphic-detail/2019/09/28/why-are-some-languages-spoken-faster-than-others
Этот странный феномен стал предметом нового исследования, которое показывает, что языки сталкиваются с компромиссом между сложностью и скоростью. Языки, насыщенные информацией, произносятся медленнее, в то время как более простые языки говорят быстрее. В результате большинство языков одинаково эффективны в передаче информации.»
https://www.economist.com/graphic-detail/2019/09/28/why-are-some-languages-spoken-faster-than-others
🔥38👀6❤4👏2
сегодня пятница, а это значит, что время напомнить:
· курс по таблицам может оплатить ваша компания — мы принимаем оплату по счетам
· я написал книжечку «что такое красота» и дарю её всем, кто пожертвует деньги в кошачий приют
· мы с игорем всё ближе к завершению нового курса про типографику и вёрстку, собираем подписи
· курс по таблицам может оплатить ваша компания — мы принимаем оплату по счетам
· я написал книжечку «что такое красота» и дарю её всем, кто пожертвует деньги в кошачий приют
· мы с игорем всё ближе к завершению нового курса про типографику и вёрстку, собираем подписи
❤9🔥4👏2
выбираю новый матрас, и заметил две интересные вещи.
во-первых, больше практически не пишут «матрац», это радует.
во-вторых, жёсткость матраса определяется на основе веса и роста человека по таблице (иначе как бы ещё сюда эта история попала).
пока смотрел, нашёл три таблицы, по которым видно как авторы старались:
· у первой таблицы пересечение веса и роста ведёт на цвет и сноску.
· у второй — только на цвет.
· у третьей — сразу на жёсткость.
заметьте: чем меньше умственных усилий прилагал автор, тем больше прилагает читатель.
можно сделать и четвёртый вариант — заменить таблицу на интерфейс. если данные на стыке, то можно предлагать два типа жёсткости.
а ещё можно сделать пятый — просто написать «берите тот, на котором удобнее всего лежать».
вы кстати знаете какой жесткости у вас матрас?
во-первых, больше практически не пишут «матрац», это радует.
во-вторых, жёсткость матраса определяется на основе веса и роста человека по таблице (иначе как бы ещё сюда эта история попала).
пока смотрел, нашёл три таблицы, по которым видно как авторы старались:
· у первой таблицы пересечение веса и роста ведёт на цвет и сноску.
· у второй — только на цвет.
· у третьей — сразу на жёсткость.
заметьте: чем меньше умственных усилий прилагал автор, тем больше прилагает читатель.
можно сделать и четвёртый вариант — заменить таблицу на интерфейс. если данные на стыке, то можно предлагать два типа жёсткости.
а ещё можно сделать пятый — просто написать «берите тот, на котором удобнее всего лежать».
вы кстати знаете какой жесткости у вас матрас?
❤27👍3👀1
а, да, чуть не забыл: на курс по таблицам в конце недели будет скидка.
чёрная пятница, все дела.
чёрная пятница, все дела.
🥰17🕊8🔥2🤔2👍1👎1
визитка йозефа мюллера-брокмана.
по композиции конечно интересно.
близость к полям сверху и снизу — это, как говорится, не просто смело, а пиздец как смело (макет, напомню, из прошлого столетия).
но, к сожалению, с точки зрения табличности тут сетка победила смысл:
· studio и privat не выглядят заголовками групп, а это они.
· средняя колонка группы с номерами больше объединяется по вертикали, чем с блоком, который справа от него.
уверен, что если подрисовать сетку, то всё хорошо соберётся — такое часто бывает, что автор скрывает сетку из макета, и не видит, что получилось не очень, потому что сетка осталась у него в голове. а вот у зрителя её нет, поэтому просто что-то странное перед глазами.
по композиции конечно интересно.
близость к полям сверху и снизу — это, как говорится, не просто смело, а пиздец как смело (макет, напомню, из прошлого столетия).
но, к сожалению, с точки зрения табличности тут сетка победила смысл:
· studio и privat не выглядят заголовками групп, а это они.
· средняя колонка группы с номерами больше объединяется по вертикали, чем с блоком, который справа от него.
уверен, что если подрисовать сетку, то всё хорошо соберётся — такое часто бывает, что автор скрывает сетку из макета, и не видит, что получилось не очень, потому что сетка осталась у него в голове. а вот у зрителя её нет, поэтому просто что-то странное перед глазами.
❤55🔥7👍3👌1🕊1
сделали с игорем до конца недели на курс по таблицам скидки, успейте купить.
я редко говорю, поэтому по случаю скажу: курс отличный и я его рекомендую всем, потому что он, по секрету, не только про таблицы, но ещё и про типографику, интерфейс, инфографику и редактуру.
а с практикой, как всегда, материал становится в несколько раз полезнее.
я редко говорю, поэтому по случаю скажу: курс отличный и я его рекомендую всем, потому что он, по секрету, не только про таблицы, но ещё и про типографику, интерфейс, инфографику и редактуру.
а с практикой, как всегда, материал становится в несколько раз полезнее.
❤17🔥10❤🔥2💔1
римские цифры? да зачем, у нас свои цифры есть дома.
вторая картинка: дореволюционная библия. обратите внимание на номер страницы.
третья картинка: табличка с актом передела меди в монету.
вики: система записи чисел кириллицей
вторая картинка: дореволюционная библия. обратите внимание на номер страницы.
третья картинка: табличка с актом передела меди в монету.
вики: система записи чисел кириллицей
❤30🤯17🔥8🥴1
напоминаю про скидки на курс по таблицам.
мы такое делаем не часто, поэтому сейчас есть хорошая возможность до конца недели купить теорию и практику, поднимающие не только знания, но и опыт.
практика — это когда у вас есть задание, вы его делаете и показываете результат нам с игорем, мы комментируем, а вы, на основе этих комментариев, делаете следующую версию. заданий 6 штук, все разные, не заскучаете.
но не будем только о таблицах.
· у художницы златы зивы сейчас есть скидки на скетчиз — это телеграм-боты, с помощью которых можно научиться рисовать. боты практически каждый день дают небольшие задания на разные темы — еда, люди, цветы. каждый стоит 2000 ₽. я проходил все, мне очень понравилось.
· илья бирман всю неделю рассказывает о курсе, лекциях и книгах. сомневаться в том, что это всё для дизайнера полезно, точно не стоит.
· у жени арутюнова никаких скидок нет, но я всё равно порекомендую его книгу сложный дизайнер.
· и свою книжечку про красоту тоже порекомендую.
если у вас что-то полезное сейчас со скидкой или вы просто хотите поделиться чем-то полезным — пишите в комментариях.
мы такое делаем не часто, поэтому сейчас есть хорошая возможность до конца недели купить теорию и практику, поднимающие не только знания, но и опыт.
практика — это когда у вас есть задание, вы его делаете и показываете результат нам с игорем, мы комментируем, а вы, на основе этих комментариев, делаете следующую версию. заданий 6 штук, все разные, не заскучаете.
но не будем только о таблицах.
· у художницы златы зивы сейчас есть скидки на скетчиз — это телеграм-боты, с помощью которых можно научиться рисовать. боты практически каждый день дают небольшие задания на разные темы — еда, люди, цветы. каждый стоит 2000 ₽. я проходил все, мне очень понравилось.
· илья бирман всю неделю рассказывает о курсе, лекциях и книгах. сомневаться в том, что это всё для дизайнера полезно, точно не стоит.
· у жени арутюнова никаких скидок нет, но я всё равно порекомендую его книгу сложный дизайнер.
· и свою книжечку про красоту тоже порекомендую.
если у вас что-то полезное сейчас со скидкой или вы просто хотите поделиться чем-то полезным — пишите в комментариях.
❤9🔥3😁3
новости 10 лет, но вдруг вы тоже не знали: в зависимости от веса и метаболизма существа, его внутреннее время течёт по-разному. если точнее — восприятие мира и реакция.
проверяли пульсирующим светом. для нас свет с частотой 60 гц воспринимается как непрерывный — мозг схлопывает мерцание.
группировка — это ествественная способность мозга. также как со светом, например, в метрономе мы слышим ритм, а не единичные удары — если они не очень-очень медленные.
но 60 гц — не общая норма: у голубей это 100 гц, у крыс — 39 гц.
как итог — человеку прихлопнуть муху очень сложно, её реакция выше нашей. по той же причине змее укусить кошку практически невозможно.
так что не упустите скидку на наш курс по таблицам — сегодня последний день.
проверяли пульсирующим светом. для нас свет с частотой 60 гц воспринимается как непрерывный — мозг схлопывает мерцание.
группировка — это ествественная способность мозга. также как со светом, например, в метрономе мы слышим ритм, а не единичные удары — если они не очень-очень медленные.
но 60 гц — не общая норма: у голубей это 100 гц, у крыс — 39 гц.
как итог — человеку прихлопнуть муху очень сложно, её реакция выше нашей. по той же причине змее укусить кошку практически невозможно.
так что не упустите скидку на наш курс по таблицам — сегодня последний день.
😁36❤🔥14👍8❤3🥰1
посмотрите на этот прекрасный снегокат woosh аргамак и обратите затем внимание на таблицу.
числа набраны классно, выровнены по разрядам. диапазоны стоят относительно тире, тоже хорошо.
с шапкой только всё плохо, а зимой, как говорят мамы, шапка должна быть хорошей. как бы вы исправили?
(показывайте картинками)
кавычки кстати зацените.
числа набраны классно, выровнены по разрядам. диапазоны стоят относительно тире, тоже хорошо.
с шапкой только всё плохо, а зимой, как говорят мамы, шапка должна быть хорошей. как бы вы исправили?
(показывайте картинками)
кавычки кстати зацените.
😁18☃9🙈2