Стиль прототипирования, цвета, стиль, CSS для веб-приложения

Question

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

В основном то, что я делаю сейчас, - это выбрасываю все, что у меня на пути, а затем я возлюсь с CSS - который очень трудоемкий, чтобы снова все выровнять хорошо.

Есть ли инструмент / умный подход, который бы помог мне в этом?Может быть, фреймворк, в котором уже есть некоторые встроенные темы, я могу просто применить к некоторым моим страницам?

Answer 1

Все зависит от того, насколько хорошо отформатировано веб-приложение в данный момент.

Используются ли классы CSS? Тогда может быть довольно легко изменить текущие стили, чтобы отразить новый внешний вид.

Или вы можете использовать такие элементы, как элемент проверки Chrome, чтобы быстро обновить цвета, шрифты и расположение, а затем сделать снимок экрана.

Answer 2

Попробуйте макетировать новый дизайн в фотошопе, затем загрузите его в нечто вроде invision (http://www.invisionapp.com/), чтобы создать прототип интерактивности.

Answer 3

На вашем месте я бы попытался передать L & F приложения без необходимости разбирать что-либо в коде, возможно, с помощью некоторых из многих инструментов построения каркаса.

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