воскресенье, 24 апреля 2011 г.

Шаблон iPhone для Visio (первая версия)

Приветствую.
Наконец-то это свершилось, я закончил создание первой версии шаблона iPhone для Microsoft Visio. При создании шаблона я ориентировался на шаблон от команды teehan+lax.

Несколько замечаний:
  1. Конечно, я старался максимально точно передать цвета и контуры элементов, но как мы все понимаем, с точки зрения инструментов для рисования Visio куда беднее, чем Photoshop?
  2. Я старался соблюдать размеры. Но иногда они могут быть неточными (1-2 px).
  3. У меня Windows, и, соответственно, нет шрифта Helvetica Neue. Поэтому я использовал близкий к нему Arial.
  4. Для работы с шаблоном потребуется включить отображение панели свойств элементов:




Условия использования:
  1. Для некоммерческого использования — бесплатно.
  2. Для коммерческого использования… Ну что я могу сказать. Вы можете использовать его бесплатно, но я буду рад, если вы оцените мою работу и заплатите за использование шаблона. На мой взгляд цена 10 тыс. рублей на компанию вполне справедлива. Если решите заплатить — пишите мне на gevorg,glechyan@gmail.com и я сообщу вам номер своего яндекс.кошелька, счёта в системе qiwi или номер кошелька в webmoney.

Почему только первая версия?
  1. Потому что в шаблоне нет пока некоторых элементов.
  2. В уже созданных элементах могут быть ошибки.
Версии для других систем и наборы элементов на заказ
  1. Элементы для других операционных систем может быть будут когда-нибудь.
  2. Заказать набор элементов за деньги можно. Пишите в google talk или skype.


Список всех элементов (увеличенный вариант)


Button

Button (large)

Button (blue & black)

Button (red, blue, back)

Page control & home page control

Picker

Picker (multi)

Slider
Положение изменяется с помощью желтого контрола  (используйте drag and drop)

Switch (I/O)

Tab

Radio button & checkbox

Icons & small controls

Sort button (multi)

Sort buttons 

Copy (blue & black)

Select, select all, paste

Text select (line)

Text select (multiline)

Copy area

Table view 

Map search bar

Broser bar (google expanded)
Название страницы берётся из свойства элемента, которое вы можете изменить.
Внимание! Если вы измените название страницы напрямую (выделите элемент и начнёте вводить текст), то свойство больше работать не будет.

Browser bar (address expanded)

Browser bar (with google)

Safari bottom

Tab bar

Top bar (in app)

Top bar (home)

Bar (grey-blue & black)

Dialog

Backgrounds

Dropdown


Скачать файл с элементами можно здесь. Надеюсь, что шаблон будет полезен всем, кто проектирует интерфейсы для iPhone в Microsoft Visio :)
Если при использовании шаблона вы заметили ошибки или считаете, что какой-то элемент должен быть реализован иначе — пишите в комментариях. Я постараюсь учесть замечания при создании следующих версий.

2 комментария:

  1. Проектировать в Visio имхо извращение.

    ОтветитьУдалить
  2. Darwin, задача же не стоит в том, чтобы получить окончательный дизайн. В Visio делается именно прототип приложения.

    ОтветитьУдалить