2010-09-02 2 views

ответ

7

Если вы хорошо разбираетесь в графике, Photoshop или Illustrator, если вы не так хороши или должны способствовать обсуждению контента и структуры, а не просто визуальным, Balsamiq является быстрым и простым в использовании.

alt text

+0

Я полностью согласен с этим. Сначала используйте макет в этих инструментах. Тогда волнуйтесь о реализации. –

4

Я вообще фанат Balsamiq для пользовательского интерфейса макетов. Есть бесплатная версия в Интернете (ошибки вы когда-то покупали), и есть доступная платная версия для вашего локального компьютера. Это очень хорошо по функциям и форматам экспорта и тому подобное. Главное, что мне нравится в этом:

  1. Это очень быстрый и простой способ подражать пользовательскому интерфейсу.
  2. Это очевидно, что макет - это просто ... макет. Часто пользователи видят, что выглядит как пользовательский интерфейс, и создают неправильное впечатление о том, что продукт находится где угодно. И/или они будут получать подробные сведения о том, что они хотят изменить в пользовательском интерфейсе (можем ли мы сделать эту кнопку синим? Подождите, как насчет зеленого?) Вместо того, чтобы сосредоточиться на мясе проекта и т. Д.
  3. Его можно использовать для макетирования всех видов вещей быстро и легко, а не только для пользовательских интерфейсов. У меня есть несколько базовых блок-схем и диаграмм. Это не для этого, но в крайнем случае это работает просто отлично.
2

Карандаш и бумага делают это довольно очевидным, это всего лишь макет, и нет реальной программы/страницы.

+0

Хорошее предложение, которое слишком часто пропускается. См. Также прототипирование бумаги: http://www.alistapart.com/articles/paperprototyping/ – Douglas

0

Для начальных этапов обсуждения да, карандаш и бумага, или простая в использовании графическая программа, получат дизайн от земли. Я даже видел ранние макеты экрана, сделанные в Excel (функция электронных таблиц упрощает выкладку формы).

Являясь промежуточным звеном, мне нравятся каркасы, как с точки зрения клиента, так и от разработчика. Каркас представляет собой базовый макет HTML предлагаемого дизайна со всеми изображениями, стилями, ярлыками и элементами формы и, возможно, с основным взаимодействием, например, с навигацией по страницам. Он должен выглядеть как готовый продукт без какой-либо встроенной бизнес-функции. Инструментом веб-дизайнеров, похоже, является Dreamweaver, но есть много хороших платформ на выбор. С точки зрения клиента это дает им реальное представление о том, как будет выглядеть продукт в браузере. Для разработчика разметка HTML может быть нарезана и скопирована в элементы управления .NET Web и сделана для того, чтобы делать настоящую работу оттуда, не тратя время на восстановление разметки с нуля. Когда он закончит, он может подтянуть каркас, поднять свою развитую страницу на сайте и убедиться, что он выглядит как каркас.

0

Я видел впечатляющие макеты, сделанные в Powerpoint, как ни странно. Вы можете создавать кнопки, которые переносят вас на другие страницы презентации, а также кнопки макета, которые вы можете разместить внутри презентации.

Смежные вопросы