Как добиться полного соответствия интерфейса дизайну — Flawless App

Во время разработки интерфейсной части мобильного приложения часто обнаруживается, что готовый результат не полностью соответствует задумке дизайнера. На глаз приложение выглядит точно таким как в графическом макете. Однако общее впечатление от результата не устраивает и не сразу понятно из-за чего конкретно. Причиной этого могут быть мелкие и не заметные неточности в расположении элементов на экране, размерах и цвете шрифтов и иконок.

Понятно, что исходный макет и готовый результат нужно как-то сравнить между собой, но как это сделать так, чтобы потратив минимум времени, найти все неточности?

Мне в этом помогает инструмент под названием Flawless App.

Утилита работает только на mac OS и позволяет в реальном времени сравнивать интерфейс приложения в iOS симуляторе с графическим исходником.

Работает в двух режимах:

  • картинка накладывается на экран симулятора с заданной прозрачностью
  • экран делится вертикально на две части, ширина которых регулируется ползунком

Меняя прозрачность или двигая ползунок, можно быстро обнаружить участки, которые не совпадают между собой и внести исправления.

Flawless App один из редких инструментов, польза от которого очевидно превышает стоимость, которую просят разработчики. Оплата разовая $30 (недавно было $15).

 

Какими вы пользуетесь инструментами, которые помогают вам создавать крутые мобильные приложения?