Visio'da GUI Nasıl Oluşturulur

click fraud protection
...

Microsoft Visio, birçok GUI tasarımı türü oluşturmak için kullanılabilir.

Microsoft Visio 2010, diyagramlar, arabirim öğeleri, gezinme menüleri ve diğer görsel nesneler oluşturmak için kullanılabilen bir grafik tasarım aracıdır. Bir grafik kullanıcı arabiriminin (GUI) tasarımını oluşturmak için çok çeşitli araçlar sunar. Diyagram, uygulamanın veya Web arayüzünün son haliyle nasıl görüneceğini gösterecektir. Visio'da bir GUI geliştirmek çok zor değildir ve tasarımlar PDF dosyaları olarak dışa aktarılabilir. Bir web sitesi için temel bir GUI tel çerçeve maketinin nasıl oluşturulacağını öğrenmek için birkaç yönergeyi izleyin.

Aşama 1

Microsoft Visio'yu açın. Boş çizim simgesine tıklayarak yeni bir çizim oluşturun. "Oluştur" düğmesini tıklayın.

Günün Videosu

Adım 2

Ekranın sol tarafındaki Şekiller penceresini tıklayın. "Diğer Şekiller"i seçin. "Temel Şekiller ABD birimleri"ni seçin. "Hızlı Şekiller" i tıklayın.

Aşama 3

Dikdörtgen kutu şekline sağ tıklayarak ve şekli çizim alanına sürükleyerek bir başlık kutusu oluşturun. Çizimin üst alanının yaklaşık yüzde 15'ini kaplayacak şekilde kutuyu yeniden boyutlandırın.

4. Adım

Dikdörtgen kutu şekline sağ tıklayarak ve şekli başlık kutusunun altına sürükleyerek bir gezinme menüsü kutusu oluşturun. Kutuyu, yaklaşık yarım inç yüksekliğe ve başlık kutusuyla aynı genişliğe sahip olacak şekilde yeniden boyutlandırın.

Adım 5

Dikdörtgen kutu şekline sağ tıklayıp gezinme menü kutusunun altına sürükleyerek büyük bir ana gövde kutusu oluşturun. Kutuyu, başlık ve gezinme menü kutuları ile aynı genişliğe sahip olacak ve çizim alanının altını kaplayacak şekilde yeniden boyutlandırın.

6. Adım

Dikdörtgen kutu şekline sağ tıklayarak ve şekli çizim alanına iki kez sürükleyerek iki dikdörtgen kutu oluşturun. Her kutuyu, ana gövde kutusunun bir yarısına uyacak şekilde yeniden boyutlandırın. Her kutuyu ana gövde kutusunun içinde birbirine bitişik olacak şekilde hareket ettirin.

7. Adım

Gezinme çubuğunun üst kısmındaki "Bir Metin" düğmesine tıklayarak gezinme bağlantılarını temsil eden metin alanları oluşturun. Farenin sol düğmesine tıklayarak küçük bir metin alanı oluşturmak için gezinme kutusunun içinde bir alan seçin. Alanı istenen uzunlukta yeniden boyutlandırmak için fareyi hareket ettirin. "Ev" demek için metin yazın.

Adım 8

Sol fare düğmesini kullanarak dört metin alanı daha oluşturun. Her kutuya "Menü Öğesi" yazın. Her kutuyu "Ana Sayfa" kutusunun boyutuna uyacak şekilde yeniden boyutlandırın.

9. Adım

Ana başlık kutusunun içinde bir alan seçin ve "Ana Başlık" açıklamasını içeren bir metin alanı oluşturun.

Adım 10

Çizimin ana içerik kutusu alanında bulunan her kutunun içinde bir metin kutusu oluşturun. Her metin kutusuna "İçerik Alanı" gibi bir açıklama verin. Her metin kutusunu aynı boyutta olacak şekilde yeniden boyutlandırın. Üst gezinme menüsünde "İşaretçi" düğmesini seçin.

11. Adım

Üst gezinme menüsünden "Dosya"ya tıklayarak ve "Farklı kaydet"i seçerek çizimi kaydedin.

Visio, GUI prototip kalıpları veya nesneleri ile birlikte gelmese de, üçüncü taraf şirketler bu tür araçları indirmek için sunar. Ortak bir tasarım oluşturmak için Visio'yu kullanmayı düşünüyorsanız, Visio çizim dosyası biçiminin çoğu çizim yazılımı paketiyle uyumlu olmadığını unutmayın.

Uyarı

Aşırı karmaşık çizimler, değişiklik yaptıktan sonra Visio'nun çizimi yenilemede yavaşlamasına neden olabilir.