Basit örnekler oluşturmak için Firefox'u kullanın

Kurşun Kalem, uygulamamızın kullanıcı arayüzünü taklit etmek için kullanabileceğimiz bir tel kafesleme aracıdır. Kurşun Kalemle ilgili en güzel şey, hafif, kullanımı kolay ve sıkıca Firefox'la entegre olmasıdır. Her şeyden önce ücretsiz bir açık kaynak uygulaması! Makalenin sonunda, bir Brizzly benzeri tel kafes oluşturmak için Kurşun Kalem kullanımı hakkında basit bir demo vereceğiz..

Neden tel kafesler oluşturuyoruz? ?

Tel kafes, sayfa düzeni fikrinin bir taslağıdır. Tel kafes, tasarımın kullanıcının ihtiyaç duyduğu şeye sığmasını sağlamak için sayfanın bilgi tasarımına odaklanır. Bir tel kafes genellikle içeriği, işlevsel ve gezinme öğelerini temsil etmek için farklı şekillerden (kutular, ovaller ve elmaslar) oluşur. Bu şekiller sayfadaki yerleşimini görüntüler.

İlk başta bir sayfanın kaba eskizlerini oluşturmak zaman kaybı gibi görünebilir. Kullanıcılarınızın sayfanızdaki önem unsuruna odaklanmalarını sağlamak için bir tel çerçeve önemlidir. Fantezi görsel öğeler olmadan bir sayfanın kaba bir taslağını oluşturmak, kullanıcının dikkatini sayfa bileşenlerinin boyutlandırılması, düzeni ve yerleştirilmesi gibi önemli öğelere kaydırır. Kullanıcı bir sayfanın önemli unsurlarına odaklanmaya başladığında, müşterinin gerçekte ne istediğini ve yazılımdan neye ihtiyacı olduğunu daha iyi anlamaya başlayacağız. Bir tel çerçeve oluşturmak, sizin ve kullanıcılarınızın etkili bir şekilde işbirliği yapmasına ve olası tasarım sorununu erkenden tanımla.

Kurşun Kalemle Başlarken

Kurşun Kalem Eklentiler sayfasından Kurşun Kalem'i indirin. Kurşun Kalem'i yükledikten sonra, 'Araçlar'> 'Kurşun Kalem Çizimi'nden erişilebilir..

Brizzly buna benziyor. Facebook ve Twitter'ınızı tek bir sayfada toplayan oldukça havalı bir web uygulamasıdır.

Bu tel çerçevenin sonucudur. Bu tel çerçevedeki ana şekiller, dikdörtgenler, metin kutuları ve sekmelerdir. Makalenin bir sonraki bölümü, her şeklin nasıl oluşturulacağına basit bir örnek verecek..

Bir Dikdörtgen Oluşturmak

Tel çerçeve şekli oluşturmanın ilk adımı, bir şekil 'Şekil Koleksiyonları' menüsünden tuval üzerine sürüklemektir..

Dikdörtgeni uygun bir genişliğe ve yüksekliğe göre yeniden boyutlandırma.

Kalemdeki herhangi bir şeklin metnini, kenarlığını ve arka plan rengini özelleştirebiliriz. Dikdörtgeni sağ tıklatın ve Özellikler pencerelerini açmak için 'Özellikler'i seçin. Bu, arka plan özellikleri ekranıdır. Dikdörtgen arka plan rengini beyaz (#FFFFFF) olarak ayarlayın.

'Kenarlık' sekmesini tıklayın ve kenarlık özelliklerini ayarlayın. Kenarlık rengini siyah (# 000000) olarak ayarlayın ve kenarlık ağırlığını 1 olarak değiştirin..

Metin özellikleri ekranı, metnin yazı tipini, boyutunu, stilini, ağırlığını, rengini, parlaklığını ve opaklığını özelleştirmemize izin verir..

Sekmeler Yaratmak

Ev, taslak, resim sekmeleri üst üste istiflenmiş üç sekmedir. Üç 'Sekme Paneli'ni dikdörtgenin içine sürükleyin. Her sekmeyi, her sekme yan yana görünecek şekilde yeniden boyutlandırın.

'Resimler' ve 'Taslak' sekmesinin yazı tipi rengini ayarlamak için metin özellikleri ekranını açın. Griye ayarla (# 989898).

Metin Oluşturmak

Her menüyü oluşturmak için 'Metin' şeklini tuvale sürükleyin. Metin özellikleri penceresine erişerek metin görünümünü ayarlayabiliriz..

Renk Değiştirme için Faydalı İpuçları

Renkli, hoş bir tel kafes sunmanın en önemli kısımlarından biridir. Bir şeklin rengini değiştirmenin en kesin yolu, rengin HTML kodunu belirlemektir. Belirli bir rengin HTML kodunu bulmak zor olabilir. Belirli bir rengin doğru HTML kodunu bulmak için w3cschools.com adresindeki HTML renk kopya sayfasını kullanabiliriz.

Ayrıca, ekrandan renkleri seçmek ve onu Kalemle kullanmak için colorzilla'yı kullanmayı severiz. Ekranda renk seçmek için Firefox'un sol alt köşesindeki damlalık simgesine tıklayın. ColorZilla'nın renk seçicisini, göz damlası simgesine çift tıklayarak da açabiliriz. Sadece Hex kodunu Kalem'in renkli HTML koduna yapıştırın..

Sonuç

Kalem tel kafesleme aracı kullanmak kolaydır. Firefox ile kalem entegrasyonu, daha iyi bir tel kafes oluşturmak için diğer Firefox eklentisini kullanmamızı sağlıyor

Bağlantılar
Kurşun Kalem İndir
Colorzilla indir
W3C HTML Renk Hile Sayfası