воскресенье, 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 :)
Если при использовании шаблона вы заметили ошибки или считаете, что какой-то элемент должен быть реализован иначе — пишите в комментариях. Я постараюсь учесть замечания при создании следующих версий.

среда, 13 апреля 2011 г.

Прерывистое (пунктирное) подчёркивание ссылок в Visio

Приветствую!

Коллеги, недавно я нашел решение наболевшей проблемы — создание подчёркнутых пунктирной линией (или точками) ссылок. Теперь я  могу делать такие ссылки легко и просто.

Выглядят они так:
Ограничения:

  1. Внутри блока может быть только ссылка. Т.е. схема вида «Обычный текст, ССЫЛКА, обычный текст» внутри блока невозможна.
  2. Блок может быть только однострочным.
  3. Текст обязательно должен быть выровнен по центру блока. Иначе положение линии и текста не будет согласовано.
Возможности:
  1. Размер пунктирной линии определяется по размеру текста автоматически.
  2. Тип и толщину линии вы можете определить сами, используя окно «Line».
Скачать файл с блоком можно здесь (VSD) или здесь (VSS).
Ну а в качестве благодарности за использование решения я прошу просто написать мне кто вы и в какой компании работаете, чтобы я мог понять кому я был полезен и скольким людям помог :) Пишите на gevorg.glechyan@gmail.com или escapedslippers@gmail.com. Об ошибках и предложениях писать туда же.

Планы на будущее:
  1. Добавить возможность делать пунктирные ссылки в перемешку с текстом.
  2. Добавить многострочность.
P.S. Извиняюсь за стиль поста — третий день пытаюсь написать его и не выходит :)