Переверстка №31. Подписка на Cover Commander
Nail пишет:
Посмотрел ваше видео про стирание линеек, полез на ваш сайт и заинтересовался рубрикой «Переверстка». Специального образования, кроме худ. школы в детстве, у меня нет. Так как я всё-таки не дизайнер, стараюсь компенсировать подбором нераздражающих цветов, шрифтов, отступов и форм на свой вкус. Поэтому был бы рад услышать ваше экспертное мнение по поводу дизайна сайта.
Самое сложное для меня - блок покупки с ценами:
Спасибо, что написали. Сравнительные таблицы в переверстке уже были, но формат настолько востребованный, что я не прочь переверстать еще одну.
Для начала:
- убираю вкладки и показываю все варианты сразу
- избавляюсь от боковика
- переписываю заголовки
- ставлю цену на кнопку
- выравниваю текст по левому краю
Линейки и плашки здесь не нужны. Всё прекрасно держится без них:
Верхний вариант выглядит неплохо, но в колонках много общих пунктов. Выношу их за скобки и ставлю под заголовком:
Возникает новая проблема: теперь колонки слишком короткие. Это можно исправить, перевернув таблицу. Горизонтальные линейки нужны для того, чтобы скрепить два столбца и подчеркнуть основное направление чтения:
Если общие моменты хочется выделить, их можно унести в отдельный блок и сделать крупнее:
Было и стало. Места занимает столько же, а информации в два раза больше:
Другие переверстки про таблицы:
Тарифы «Контур-Бухгалтерии»
Таблица «Яндекс-денег»
Подробнее о работе с таблицами читайте в большом онлайн-курсе «Таблицы и прочие радости»Присылайте макеты на переверстку
Отправьте письмо с макетом, комментарием или вопросом к нему на эл. адрес conversive@mail.ru. В теме письма укажите «Переверстка». Будьте конкретны. По возможности прикрепите исходники. Правила рубрики и все выпуски
Посмотрел ваше видео про стирание линеек, полез на ваш сайт и заинтересовался рубрикой «Переверстка». Специального образования, кроме худ. школы в детстве, у меня нет. Так как я всё-таки не дизайнер, стараюсь компенсировать подбором нераздражающих цветов, шрифтов, отступов и форм на свой вкус. Поэтому был бы рад услышать ваше экспертное мнение по поводу дизайна сайта.
Самое сложное для меня - блок покупки с ценами:
Спасибо, что написали. Сравнительные таблицы в переверстке уже были, но формат настолько востребованный, что я не прочь переверстать еще одну.
Для начала:
- убираю вкладки и показываю все варианты сразу
- избавляюсь от боковика
- переписываю заголовки
- ставлю цену на кнопку
- выравниваю текст по левому краю
Линейки и плашки здесь не нужны. Всё прекрасно держится без них:
Верхний вариант выглядит неплохо, но в колонках много общих пунктов. Выношу их за скобки и ставлю под заголовком:
Возникает новая проблема: теперь колонки слишком короткие. Это можно исправить, перевернув таблицу. Горизонтальные линейки нужны для того, чтобы скрепить два столбца и подчеркнуть основное направление чтения:
Если общие моменты хочется выделить, их можно унести в отдельный блок и сделать крупнее:
Было и стало. Места занимает столько же, а информации в два раза больше:
Другие переверстки про таблицы:
Тарифы «Контур-Бухгалтерии»
Таблица «Яндекс-денег»
Подробнее о работе с таблицами читайте в большом онлайн-курсе «Таблицы и прочие радости»Присылайте макеты на переверстку
Отправьте письмо с макетом, комментарием или вопросом к нему на эл. адрес conversive@mail.ru. В теме письма укажите «Переверстка». Будьте конкретны. По возможности прикрепите исходники. Правила рубрики и все выпуски