Мицрософт Висио се може користити за креирање многих типова ГУИ дизајна.
Мицрософт Висио 2010 је алатка за графички дизајн која се може користити за креирање дијаграма, елемената интерфејса, менија за навигацију и других визуелних објеката. Нуди широк спектар алата за креирање дизајна графичког корисничког интерфејса (ГУИ). Дијаграм ће показати како ће апликација или веб интерфејс изгледати у свом коначном облику. Развијање ГУИ у Висио-у није превише тешко, а дизајни се могу извести као ПДФ датотеке. Пратите неколико смерница да бисте научили како да направите основни ГУИ модел жичаног оквира за веб локацију.
Корак 1
Отворите Мицрософт Висио. Креирајте нови цртеж кликом на икону празног цртежа. Кликните на дугме "Креирај".
Видео дана
Корак 2
Кликните на прозор Облици на левој страни екрана. Изаберите „Још облика“. Изаберите „Основни облици америчких јединица“. Кликните на „Брзи облици“.
Корак 3
Направите оквир за наслов тако што ћете кликнути десним тастером миша на облик правоугаоног оквира и превући облик у област за цртање. Промените величину оквира тако да покрије око 15 процената горње површине цртежа.
Корак 4
Направите оквир менија за навигацију тако што ћете кликнути десним тастером миша на облик правоугаоника и превући облик испод оквира заглавља. Промените величину оквира тако да има висину од око пола инча и исту ширину као оквир заглавља.
Корак 5
Направите велики оквир главног тела тако што ћете десним тастером миша кликнути на облик правоугаоника и превући га испод оквира навигационог менија. Промените величину оквира тако да има исту ширину као оквири заглавља и менија за навигацију и да покрије дно области за цртање.
Корак 6
Направите две правоугаоне кутије тако што ћете кликнути десним тастером миша на облик правоугаоника и двапут превући облик у област за цртање. Промените величину сваке кутије тако да стане у половину кутије главног тела. Померите сваку кутију да стане једна уз другу унутар главне кутије.
Корак 7
Креирајте текстуална поља која представљају везе за навигацију тако што ћете кликнути на дугме „Текст“ на врху траке за навигацију. Изаберите област унутар оквира за навигацију да бисте креирали мало текстуално поље кликом на леви тастер миша. Померите миш да промените величину поља на жељену дужину. Унесите текст да бисте рекли „Кућа“.
Корак 8
Креирајте још четири текстуална поља користећи леви тастер миша. Унесите „Ставка менија“ у сваки оквир. Промените величину сваког оквира тако да одговара величини оквира „Почетна“.
Корак 9
Изаберите област унутар оквира главног заглавља и креирајте текстуално поље са описом „Главно заглавље“.
Корак 10
Направите оквир за текст унутар сваког оквира који се налази унутар подручја главног оквира са садржајем на цртежу. Дајте опис сваком текстуалном оквиру, као што је „Област садржаја“. Промените величину сваког оквира за текст да буде исте величине. Изаберите дугме „Поинтер“ у горњем менију за навигацију.
Корак 11
Сачувајте цртеж тако што ћете кликнути на „Датотека“ у горњем менију за навигацију и изабрати „Сачувај као“.
Савет
Иако Висио не долази са шаблонима или објектима прототипа ГУИ-ја, компаније треће стране нуде такве алате за преузимање. Ако намеравате да користите Висио за креирање колаборативног дизајна, имајте на уму да Висио формат датотеке за цртање није компатибилан са већином софтверских пакета за цртање.
Упозорење
Превише сложени цртежи могу довести до тога да Висио успори у освежавању цртежа након промене.