Microsoft Visio може да се използва за създаване на много видове GUI дизайни.
Microsoft Visio 2010 е инструмент за графичен дизайн, който може да се използва за създаване на диаграми, елементи на интерфейс, менюта за навигация и други визуални обекти. Той предлага широка гама от инструменти за създаване на дизайн на графичен потребителски интерфейс (GUI). Диаграмата ще покаже как приложението или уеб интерфейсът ще изглеждат в окончателния си вид. Разработването на GUI във Visio не е твърде трудно и дизайните могат да бъдат експортирани като PDF файлове. Следвайте няколко насоки, за да научите как да изградите основен GUI модел на телена рамка за уебсайт.
Етап 1
Отворете Microsoft Visio. Създайте нов чертеж, като щракнете върху иконата на празен чертеж. Щракнете върху бутона "Създаване".
Видео на деня
Стъпка 2
Щракнете върху прозореца Shapes от лявата страна на екрана. Изберете „Още форми“. Изберете „Основни форми американски единици“. Кликнете върху „Бързи фигури“.
Стъпка 3
Създайте поле за заглавие, като щракнете с десния бутон върху формата на правоъгълна кутия и плъзнете фигурата в областта за рисуване. Преоразмерете полето, за да покриете около 15 процента от горната част на чертежа.
Стъпка 4
Създайте поле за навигационно меню, като щракнете с десния бутон върху формата на правоъгълна кутия и плъзнете фигурата под полето за заглавка. Преоразмерете полето, за да има височина от около половин инч и същата ширина като полето за заглавка.
Стъпка 5
Създайте голяма основна кутия, като щракнете с десния бутон върху формата на правоъгълна кутия и я плъзнете под полето на навигационното меню. Преоразмерете полето, за да има същата ширина като полетата на заглавката и менюто за навигация и да покрива долната част на областта за рисуване.
Стъпка 6
Създайте две правоъгълни кутии, като щракнете с десния бутон върху формата на правоъгълна кутия и плъзнете фигурата в областта за рисуване два пъти. Преоразмерете всяка кутия, за да пасне на половината от основната кутия. Преместете всяка кутия, за да пасне една до друга в основната кутия.
Стъпка 7
Създайте текстови полета, представляващи връзки за навигация, като щракнете върху бутона „Текст“ в горната част на лентата за навигация. Изберете област вътре в полето за навигация, за да създадете малко текстово поле, като щракнете върху левия бутон на мишката. Преместете мишката, за да преоразмерите полето до желана дължина. Въведете текст, за да кажете „Начало“.
Стъпка 8
Създайте още четири текстови полета с левия бутон на мишката. Във всяко поле въведете „Елемент от менюто“. Преоразмерете всяко поле, за да съответства на размера на полето „Начало“.
Стъпка 9
Изберете област в главното поле за заглавка и създайте текстово поле с описанието „Основно заглавие“.
Стъпка 10
Създайте текстово поле във всяко поле, разположено в областта на основното поле със съдържание на чертежа. Дайте на всяко текстово поле описание, като например „Зона на съдържанието“. Преоразмерете всяко текстово поле, за да бъде с еднакъв размер. Изберете бутона "Pointer" в горното навигационно меню.
Стъпка 11
Запазете чертежа, като щракнете върху „Файл“ от горното навигационно меню и изберете „Запиши като“.
Бакшиш
Въпреки че Visio не се предлага с шаблони или обекти на прототипи на GUI, компаниите на трети страни предлагат такива инструменти за изтегляне. Ако възнамерявате да използвате Visio за създаване на съвместен дизайн, имайте предвид, че форматът на файла за рисуване на Visio не е съвместим с повечето софтуерни пакети за рисуване.
Внимание
Прекалено сложните чертежи могат да причинят забавяне на Visio при опресняване на чертеж след извършване на промяна.
