давайте теперь вместе попробуем. я тут встретил такую вот таблица с побочками лекарства. какие проблемы видите? как бы вы переделали эту таблицу? пишите и показывайте в комментах, свой результат покажу 9 апреля.
👍8❤2
эту таблицу прислал нам читатель дмитрий.
я очень люблю таблицы с графикой: они часто прям уникальные, и эта таблица — не исключение.
что тут интересного:
— аккуратная вёрстка, красивые цвета, таблица на вид простая (но только на вид).
— цвета и вообще визуальный стиль отсылают к программированию. то есть визуальный язык дружит с содержанием, это классно.
что не очень:
— нихрена не понятно. о чём тут вообще речь? что значит какая иконка? где примеры, подписи? нету. становится лучше, если не рассматривать таблицу изолированно, а смотреть в контексте презентации, из которой эта таблица, но тем не менее.
линейки кстати не считаю тут проблемой. их можно запросто убрать, но как часть стиля они тут хорошо смотрятся.
см. также таблицу пробелов кирилла беляева
я очень люблю таблицы с графикой: они часто прям уникальные, и эта таблица — не исключение.
что тут интересного:
— аккуратная вёрстка, красивые цвета, таблица на вид простая (но только на вид).
— цвета и вообще визуальный стиль отсылают к программированию. то есть визуальный язык дружит с содержанием, это классно.
что не очень:
— нихрена не понятно. о чём тут вообще речь? что значит какая иконка? где примеры, подписи? нету. становится лучше, если не рассматривать таблицу изолированно, а смотреть в контексте презентации, из которой эта таблица, но тем не менее.
линейки кстати не считаю тут проблемой. их можно запросто убрать, но как часть стиля они тут хорошо смотрятся.
см. также таблицу пробелов кирилла беляева
❤11😁2
с апрелем! посмотрим вместе, что было в марте:
— переверстал таблицу тасса про норму блокадного хлеба в широком и узком виде
— изучил сколько нужно пройти, чтобы сжечь калории выпитого алкоголя
— показал как формат влияет на вёрстку (и наоборот)
— нашлись интересные таблички из разных сфер и веков:
—— вынос помойного ведра
—— оглавление в журнале о баухаусе
—— солнечное сияние
—— телефонная книга
—— тарифы «эр канады»
—— отчёт о мутациях
—— новые наименования блюд
—— виды пробелов
— женя арутюнов зашёл в гости и показал красоту
— вместе переделываем таблицу про побочные эффекты лекарства (я пока молчу, не мешаю)
отдельное спасибо:
— что подписались
— ставите лайки
— пишете комментарии
— делитесь постами
потому что:
— это приятно!
— переверстал таблицу тасса про норму блокадного хлеба в широком и узком виде
— изучил сколько нужно пройти, чтобы сжечь калории выпитого алкоголя
— показал как формат влияет на вёрстку (и наоборот)
— нашлись интересные таблички из разных сфер и веков:
—— вынос помойного ведра
—— оглавление в журнале о баухаусе
—— солнечное сияние
—— телефонная книга
—— тарифы «эр канады»
—— отчёт о мутациях
—— новые наименования блюд
—— виды пробелов
— женя арутюнов зашёл в гости и показал красоту
— вместе переделываем таблицу про побочные эффекты лекарства (я пока молчу, не мешаю)
отдельное спасибо:
— что подписались
— ставите лайки
— пишете комментарии
— делитесь постами
потому что:
— это приятно!
❤30👍4🥰2
половина постов на канале о таблицах про то, как из таблицы сделать что-то другое — это конечно ваще.
но сегодня не тот случай! заливал на днях скриншоты приложения в апстор (скоро новый проект, ага) и решил посмотреть документацию на сайте эпла. а там внезапно карточки! спрашивается: нафига они, всё равно ведь заливать для всех экранов (или хотя бы для основных)?
короче вот тут таблица была бы удобнее: и сравнивать проще, и компактнее в разы.
заголовки можно дублировать, а можно сверху написать (но тогда надо их залипать при скроле). я бы продублировал, вроде не мешают.
но сегодня не тот случай! заливал на днях скриншоты приложения в апстор (скоро новый проект, ага) и решил посмотреть документацию на сайте эпла. а там внезапно карточки! спрашивается: нафига они, всё равно ведь заливать для всех экранов (или хотя бы для основных)?
короче вот тут таблица была бы удобнее: и сравнивать проще, и компактнее в разы.
заголовки можно дублировать, а можно сверху написать (но тогда надо их залипать при скроле). я бы продублировал, вроде не мешают.
🔥37🆒4👍3
таблицы дня — биатлонтайм
сайту сто лет в обед, но при этом на нём очень много приятных, удобных и крутых решений, которые до сих редко можно найти в вебе.
на что стоит обратить внимание:
— чистота и компактность.
— правильное выравнивание. в цифрах всё по разрядам, даже в интервалах.
— маркеры строк: на любую строчку можно нажать, и она закрасится. удобно!
— иконки, работа с цветом (кроме ховеров и маркеров — бледноваты).
— при наведении на сокращённое слово, оно пишется целиком.
— строки разбиты на группы.
далеко не всё я понимаю на сайте, правда и биатлон далеко не мой спорт.
почитайте о проекте (и посмотрите как сафари выглядел десять лет назад)
сайту сто лет в обед, но при этом на нём очень много приятных, удобных и крутых решений, которые до сих редко можно найти в вебе.
на что стоит обратить внимание:
— чистота и компактность.
— правильное выравнивание. в цифрах всё по разрядам, даже в интервалах.
— маркеры строк: на любую строчку можно нажать, и она закрасится. удобно!
— иконки, работа с цветом (кроме ховеров и маркеров — бледноваты).
— при наведении на сокращённое слово, оно пишется целиком.
— строки разбиты на группы.
далеко не всё я понимаю на сайте, правда и биатлон далеко не мой спорт.
почитайте о проекте (и посмотрите как сафари выглядел десять лет назад)
❤28💘5🔥1
однажды увидел на столе у астрофизика безумно красивые таблицы. думал, что это конфиденциальная информация, поэтому никому не показывал.
а оказалолось, что это из книжки «астрономические алгоритмы», так что и вы теперь полюбуйтесь.
выравнивание, линейки, воздух и форма данных в колонках создают узор, который хочется плакатом или обоями вешать на стену.
а оказалолось, что это из книжки «астрономические алгоритмы», так что и вы теперь полюбуйтесь.
выравнивание, линейки, воздух и форма данных в колонках создают узор, который хочется плакатом или обоями вешать на стену.
❤33❤🔥7🔥5
табличный дизайн
давайте теперь вместе попробуем. я тут встретил такую вот таблица с побочками лекарства. какие проблемы видите? как бы вы переделали эту таблицу? пишите и показывайте в комментах, свой результат покажу 9 апреля.
моя очередь. и я бы сделал вот так.
что именно сделал:
· убрал таблицу. тут нет смысла сравнивать. графики поэтому тоже не очень нужны.
· добавил комментарии прямо к симптомам. да, повторяются, ну и что? на мой взгляд человек не читает все симптомы. он найдёт свой и узнает всё сразу.
· убрал группы. если у меня лихорадка, я её скорее найду по алфавиту на букву «л», а не в «общих нарушениях и местных реакциях на введение». плюс эти группы небольшие, чаще по 1-2 пункта. группировать лучше более сложную информацию.
· думал как лучше заверстать: в одну колонку или в две. бумажка инструкции разворачивается в 1 м², поэтому там можно как угодно. но принтера чтобы проверить у меня нет.
можно предположить, что я не всё знаю об этой таблице, и это будет правдой. наверняка, есть случаи, которые я не учёл. поэтому тут скорее предположения, чем правила. но для практики подходит.
спасибо всем, кто попробовал переделать таблицу вместе со мной и особенно тем, кто прислал свой вариант! вы молодцы!
что именно сделал:
· убрал таблицу. тут нет смысла сравнивать. графики поэтому тоже не очень нужны.
· добавил комментарии прямо к симптомам. да, повторяются, ну и что? на мой взгляд человек не читает все симптомы. он найдёт свой и узнает всё сразу.
· убрал группы. если у меня лихорадка, я её скорее найду по алфавиту на букву «л», а не в «общих нарушениях и местных реакциях на введение». плюс эти группы небольшие, чаще по 1-2 пункта. группировать лучше более сложную информацию.
· думал как лучше заверстать: в одну колонку или в две. бумажка инструкции разворачивается в 1 м², поэтому там можно как угодно. но принтера чтобы проверить у меня нет.
можно предположить, что я не всё знаю об этой таблице, и это будет правдой. наверняка, есть случаи, которые я не учёл. поэтому тут скорее предположения, чем правила. но для практики подходит.
спасибо всем, кто попробовал переделать таблицу вместе со мной и особенно тем, кто прислал свой вариант! вы молодцы!
❤20👍10🔥5
одноимённые станции метро в разных городах
очень интересно разглядывать таблицу! за счёт необычной темы сразу начинаешь сравнивать какое название в каком городе есть. вроде просто всё, но работы явно проделано было много.
не всё понятно в таблице с первого взгляда и мне пришлось сначала повернуть мозги так, чтобы можно было смотреть глазами автора.
например, что значат числа слева и снизу? а цвет кружков? линии между кружками? вертикальные объединения? это становится понятно не сразу, а только по мере восприятия таблицы. вроде бы автор помогает сделать выводы, но из-за того, что не написано на что именно ответ, то сначала надо сформулировать вопрос, а это занимает время.
очень интересно разглядывать таблицу! за счёт необычной темы сразу начинаешь сравнивать какое название в каком городе есть. вроде просто всё, но работы явно проделано было много.
не всё понятно в таблице с первого взгляда и мне пришлось сначала повернуть мозги так, чтобы можно было смотреть глазами автора.
например, что значат числа слева и снизу? а цвет кружков? линии между кружками? вертикальные объединения? это становится понятно не сразу, а только по мере восприятия таблицы. вроде бы автор помогает сделать выводы, но из-за того, что не написано на что именно ответ, то сначала надо сформулировать вопрос, а это занимает время.
❤20👍1🔥1
пока спеет картоха ↑, посмотрите на две эти таблицы. они про одно и то же, но решения принципиально разные.
в таблице про грузию автор решил не дублировать месяцы, обозначив созревание галочками. и получилось, что нужно каждый раз подниматься глазами вверх.
в итальянской таблице месяцы продублированы для каждого овоща и читать гораздо удобнее, потому что каждая строка стала самодостаточной.
то есть сделав больше повторов мы получили минус один элемент — шапку.
можно было и по-другому пойти: сверху написать месяцы, а ячейки заполнить картинками. в этом случае избавились бы от боковика. но такой пример я не нашёл.
в таблице про грузию автор решил не дублировать месяцы, обозначив созревание галочками. и получилось, что нужно каждый раз подниматься глазами вверх.
в итальянской таблице месяцы продублированы для каждого овоща и читать гораздо удобнее, потому что каждая строка стала самодостаточной.
то есть сделав больше повторов мы получили минус один элемент — шапку.
можно было и по-другому пойти: сверху написать месяцы, а ячейки заполнить картинками. в этом случае избавились бы от боковика. но такой пример я не нашёл.
❤34👍7🔥4🍓1
табличный дизайн
нашлась интересная таблица, которую хочется переделать. давайте снова вместе? но теперь с очень ценным призом! тому или той, кто сделает лучше (лучше других, а то я так разорюсь), отправлю красивую открытку из тбилиси. закидывайте ваш вариант в комменты…
разобрал ваши таблички про картоху. вкратце: все молодцы, но там можно копать глубже.
так что давайте сделаем второй подход. приём работ также до конца недели, приз тот же — красивая открытка из тбилиси.
а те, кого отметил в самом конце видео, напишите мне свой адрес, чтобы я отправил вам открыточку: @kapanaga
https://www.youtube.com/watch?v=-KrO1IkZAjY
так что давайте сделаем второй подход. приём работ также до конца недели, приз тот же — красивая открытка из тбилиси.
а те, кого отметил в самом конце видео, напишите мне свой адрес, чтобы я отправил вам открыточку: @kapanaga
https://www.youtube.com/watch?v=-KrO1IkZAjY
YouTube
разбор таблиц про калорийность картофеля
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
🔥31
таблица дня: вымышленные компании из фильмов, сериалов и игр.
довольно шумная, но очень залипательная таблица. каждая строка таблицы открывает страницу, в которой можно ностальгически утонуть, не заметив как прошла неделя.
абсолютно непригодна на мобильном телефоне, смотрите на компуктере.
довольно шумная, но очень залипательная таблица. каждая строка таблицы открывает страницу, в которой можно ностальгически утонуть, не заметив как прошла неделя.
абсолютно непригодна на мобильном телефоне, смотрите на компуктере.
🔥21❤2👍1