Как бороться с длиной строк при локализации контента на маленьких экранах?

Так как приложение с кучей функционала и имеет локализацию на довольно "длинные" языки, то возникли проблемы с отображением дизайна на маленьких экранах, например Iphone SE. Особенно если на экране что-то вроде таблицы, где слева экрана что-то написано и справа выведено значение, написанное и значение налазят друг на друга. Или если сверху на экране два таба и в них по несколько слов.
Большинство проблем можно решить изменениями в дизайне, но все же хочется лучше разобраться и найти максимально продуктивные решения.
Может посоветуете материал на эту тему, как на русском, так и на английском. Буду благодарен.
  • Вопрос задан
  • 94 просмотра
Пригласить эксперта
Ответы на вопрос 3
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Для узких экранов - таблицу нужно выводить в вертикальном режиме: записи - по-блочно.
Ответ написан
Комментировать
Nekto_Habr
@Nekto_Habr
Чат дизайнеров: https://t.me/figma_life
Серебрянной пули нет. Таблицы на мобильнике - это всегда боль и индивидуальный подход. В зависимости от контента в таблице, ее мобильная версия всегда компромис и результат некоторых трюков:
1) как уже писал xmoonlight - колонки превращаются в строки, грубо говоря.
2) как уже писал Андрей - тупо скролим таблицу горизонтально
3) я сам частенько просто убираю некритичный контент из таблицы, чтобы способ из п.1 выглядел не слишком монструозно.
4) уменьшаем кегль, юзаем узкий шрифт, включаем переносы, - чтобы впихнуть не впихуемое

Опять-таки, универсального решения нет. Просто анализируем контент, чистим его и дизайним так, чтобы сохранить максимум исходного смысла, но не в ущерб читаемости. Это тяжело...
Ответ написан
Комментировать
KeySVG
@KeySVG
аниматор svg / html5
Посмотрите как это реализованно например в Bootstrap - таблички в мобильных версиях имеют горизонтальный скрол в своей области.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы