balsamiq mockups

Wireframe Prototype

Прошло уже около года, когда впервые познакомился и начал использовать прототипы для создания дизайна. Идея прототипа (prototype) заключается в том что бы создать предварительный макет дизайна (wireframe) и при необходимости наделить предварительно функциональностью дизайн. За последние несколько лет, инструменты для создания прототипов значительно увеличились и каждая компания кричит о том что она лучшая. 

 

В итоги приходилась просматривать множество инструментов прежде чем выбрать какой-либо инструмент. Одно время Adobe Fireworks был довольно хорошим кандидатом на эту роль, конечно вся функциональность не была нужна для создания прототипа, тем не менее это было вполне пригодный инструмент, но так как Adobe перестал выпускать Fireworks то и смысла дальше его использовать не была. Удачной заменой стал Balsamiq Mockups и довольно длительное время применялся при разработке. 

 

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

 

Но отказываться от создания предварительной сетки прототипа не очень хотелось, но и оставлять как есть был не лучший вариант. Но так как у каждого дизайнера имеется Adobe Illustrator, то решено было использовать именно его. Почему именно Adobe Illustrator? Так как Illustrator работает в векторной графики, то у нас не будет проблем с увеличением или уменьшением объектов, но и второе достоинство это полный экспорт в Photoshop. Отпадает вся необходимость создавать все заново, что значительно ускоряет весь процесс работы. 

 

Так же у Adobe Illustrator имеет множество достоинств при разработке дизайна. Несмотря на это в Illustrator есть и недостатки и будет значительно тяжелей наделить такой дизайн функциональностью на стадии проектирования. Но как не странно, он не всегда и не всем нужен на этой стадии. Так же не стоит забывать про традиционный метод, рисования дизайн от руки и этот метод бывает очень даже эффективен в создании прототипов и наверно самый популярный.

 

Похожие статьи:

Prototype Web Сайта Новостей - Читать тут

Интерфейс календарь - Читать тут

Prototype Admin HackStore - Читать тут

Инструмент веб-разработки Adobe Dreamweaver - Читать тут