https://blogdm.ru/tags/tablic/ Продуктовый дизайнер ведет блог про работу ru Aegea 11.3 (v4134) Продуктовый дизайнер ведет блог про работу 66 https://blogdm.ru/all/nuzhny-li-poloski-vnutri-tablicy/ Wed, 20 Nov 2019 14:54:12 +0100 https://blogdm.ru/all/nuzhny-li-poloski-vnutri-tablicy/ <p>Решил разобраться как лучше сделать с полосками или нет.</p> <div class="e2-text-picture"> <img src="https://blogdm.ru/pictures/2019-12-26@2x.png" width="790" height="422" alt="" /> </div> <p>Сперва смотрю на сайте бюро: нашел статью про <a href="https://bureau.ru/bb/soviet/20171114/">черезполосицу,</a> они предлагают её убирать. А вот мнение Ильи Бирмана <a href="https://bureau.ru/bb/soviet/20120501/">насчет линий.</a> И у него же отличный пример таблицы без полосок:</p> <div class="e2-text-picture"> <img src="https://blogdm.ru/pictures/website-pre-4.jpg" width="842" height="1036" alt="" /> <div class="e2-text-caption"><a href="http://biathlontime.com/2018-2019/cup/women/nations/">http://biathlontime.com/2018-2019/cup/women/nations/</a></div> </div> <p>Нужно взглянуть на примеры других сервисов:</p> <div class="e2-text-picture"> <div class="fotorama" data-width="1594" data-ratio="0.93985849056604"> <img src="https://blogdm.ru/pictures/Screenshot-2019-11-20-at-13.13.14.png" width="1594" height="1696" alt="" /> <img src="https://blogdm.ru/pictures/Screenshot-2019-11-20-at-13.21.34.png" width="1594" height="1696" alt="" /> <img src="https://blogdm.ru/pictures/Screenshot-2019-11-20-at-13.22.17.png" width="1594" height="1696" alt="" /> <img src="https://blogdm.ru/pictures/Screenshot-2019-11-20-at-13.20.25.png" width="1594" height="1696" alt="" /> <img src="https://blogdm.ru/pictures/Screenshot-2019-11-20-at-13.13.37.png" width="1594" height="1696" alt="" /> <img src="https://blogdm.ru/pictures/Screenshot-2019-11-20-at-13.12.35.png" width="1594" height="1696" alt="" /> <img src="https://blogdm.ru/pictures/Screenshot-2019-11-20-at-13.13.00.png" width="1594" height="1696" alt="" /> <img src="https://blogdm.ru/pictures/Screenshot-2019-11-20-at-13.33.14.png" width="1594" height="1696" alt="" /> </div> </div> <p>В моем случае решил выбрать 1 вариант:</p> <div class="e2-text-picture"> <img src="https://blogdm.ru/pictures/Frame-51.png" width="775" height="622" alt="" /> <div class="e2-text-caption">Пример с работы: между строчек есть или нет разделительной линии (шапку замазал, чтобы ни кто не догадался)</div> </div> <h3>Для себя нашел такие зависимости:</h3> <ol start="1"> <li>Если в таблице 2-3 значения цифр то можно обойтись и без полосок: смотрится вполне хорошо.</li> <li>Когда много цифр и они находятся на непредсказуемом расстоянии друг от друга, по всей длине экрана — то полоски лучше использовать.</li> <li>Черезполосицу просто так использовать не стоит, но в анализе финансовых показателей этот приём может обозначать рост и падение акций.</li> <li>Если делать полоски, то делать их незаметными, серенькими.</li> </ol>