Дизайн и прототипирование
Как использовать метод струн для улучшения любого пользовательского интерфейса
Не меняя типографику, цвета и не улучшая верстку, а просто уменьшив количество струн, можно значительно улучшить пользовательский интерфейс.
Иногда, создавая пользовательский интерфейс или пытаясь проанализировать приложения конкурентов, вы замечаете, что в нем что-то не так, но не можете точно сказать, что именно. Все просто выглядит неправильно, или плохо согласованно, или много шума.
Если вам необходимо придать пользовательскому интерфейсу более профессиональный и чистый вид, вы можете использовать метод струн (Strings Method) для его быстрой очистки.
Давайте сначала посмотрим на этот экран, он явно зашумлен и плохо выровнен:
Как использовать метод струн в проектировании пользовательского интерфейса
1. В качестве первого шага нам необходимо просканировать каждую строку экрана по горизонтали и нарисовать вертикальную линию (струну) каждый раз, когда мы видим на пути какой-либо новый объект, например, так:
Большое количество струн — показатель того, что пользовательский интерфейс шумит и плохо выровнен
2. Во-вторых, необходимо перестроить пользовательский интерфейс и уменьшить количество вертикальных линий. Не меняя типографику, цвета и не улучшая верстку, а просто уменьшив количество струн, можно значительно улучшить пользовательский интерфейс:
Слева — уменьшенное количество строк, справа — версия с содержанием и цветами, чтобы видеть результат
3. Теперь мы можем сравнить оригинальный дизайн с обновленным:
-
Программирование4 недели назад
Конец программирования в том виде, в котором мы его знаем
-
Видео и подкасты для разработчиков1 неделя назад
Как устроена мобильная архитектура. Интервью с тех. лидером юнита «Mobile Architecture» из AvitoTech
-
Магазины приложений3 недели назад
Магазин игр Aptoide запустился на iOS в Европе
-
Новости3 недели назад
Видео и подкасты о мобильной разработке 2025.8