Дизайн и прототипирование
Как использовать метод струн для улучшения любого пользовательского интерфейса
Не меняя типографику, цвета и не улучшая верстку, а просто уменьшив количество струн, можно значительно улучшить пользовательский интерфейс.
Иногда, создавая пользовательский интерфейс или пытаясь проанализировать приложения конкурентов, вы замечаете, что в нем что-то не так, но не можете точно сказать, что именно. Все просто выглядит неправильно, или плохо согласованно, или много шума.
Если вам необходимо придать пользовательскому интерфейсу более профессиональный и чистый вид, вы можете использовать метод струн (Strings Method) для его быстрой очистки.
Давайте сначала посмотрим на этот экран, он явно зашумлен и плохо выровнен:
Как использовать метод струн в проектировании пользовательского интерфейса
1. В качестве первого шага нам необходимо просканировать каждую строку экрана по горизонтали и нарисовать вертикальную линию (струну) каждый раз, когда мы видим на пути какой-либо новый объект, например, так:
Большое количество струн — показатель того, что пользовательский интерфейс шумит и плохо выровнен
2. Во-вторых, необходимо перестроить пользовательский интерфейс и уменьшить количество вертикальных линий. Не меняя типографику, цвета и не улучшая верстку, а просто уменьшив количество струн, можно значительно улучшить пользовательский интерфейс:
Слева — уменьшенное количество строк, справа — версия с содержанием и цветами, чтобы видеть результат
3. Теперь мы можем сравнить оригинальный дизайн с обновленным:
-
Видео и подкасты для разработчиков1 месяц назад
Как решать задачи на Leetcode
-
Программирование1 месяц назад
Почему проверка типов в Swift работает медленно
-
Разработка1 месяц назад
Поваренная книга SwiftUI: изображения и иконки — Часть 4
-
Разработка1 месяц назад
Осваиваем ViewModel в Android: «можно» и «нельзя» — Часть 4