Adobe Fireworks Tel Çerçeveleme Kaynakları ve Eğitimleri

Adobe Fireworks, tel çerçeveleme ve prototip oluşturma için web tasarımcıları arasında en popüler uygulama seçeneklerinden biridir. Fireworks ile diğer herhangi bir grafik düzenleyiciye göre prototip oluşturmanın birçok nedeni vardır, ancak bu gönderide bunlara girmeyeceğiz (belki bunu deneyebilirsiniz: Photoshop ve Illustrator'a karşı Adobe Fireworks için Bir Örnek).

Bu gönderi, ilk Fireworks adımlarını atmak isteyen ve nereden başlayacağından pek emin olmayan herhangi bir tasarımcı için kapsamlı bir başlangıç ​​noktası ve referans sunacaktır.

Fireworks'ü tel çerçeveleme için kullanmaya başladığınızda bir daha asla geri dönmeyeceğinize söz veriyoruz.

Adobe'den Fireworks Tel Çerçeveleme Eğitimleri ve Kaynakları

Fireworks ile standartlara uygun web tasarımları oluşturma →
Bu makale, standartlarla uyumlu tasarımlar oluşturabilmeniz için CSS Dışa Aktarma özelliğindeki geliştirmelerin nasıl kullanılacağını gösterir.

CSS ve görüntüleri dışa aktarma için bir Fireworks web tasarımı maketi oluşturma →
Bu makale ilk olarak, web'e gitmek için bir Fireworks web tasarımı maketi hazırlarken size yardımcı olabilecek temel araçları listeler. Ardından her bir aracı ayrıntılı olarak inceler ve bazı örnekler sunar. Bu makale, basit bir web sitesi tasarımı maket örneği ile devam etmektedir (bir PNG dosyası sağlanmıştır). Son olarak, bu makale dışa aktarılan CSS/HTML kodunu inceler ve hızlı bir şekilde optimize etmenize yardımcı olur.

Fireworks CS4 ile bir web sitesi uygulaması tasarlama →
Bu eğitici, orijinal sayfa tasarımının taslağını çizmekten tel çerçeveler geliştirmeye ve nihai tasarımı oluşturmaya kadar Adobe Fireworks'te bir web sitesi uygulaması oluşturma sürecini gösterir. Fireworks'te hemen web siteleri ve tasarımlar oluşturmaya başlamanıza yardımcı olacak tüm temel araçlar ve talimatlar bu makalede ele alınacaktır.

Fireworks'te önceden oluşturulmuş CSS şablonları →
Bu makale, Fireworks'te CSS Dışa Aktarma özelliğinden en iyi şekilde yararlanmanızı sağlamak için sağlanan örnek PNG şablonlarını nasıl kullanabileceğinizi açıklar.

Fireworks'te etkileşimli prototipler oluşturma →
Bir Fireworks ipuçları ve püf noktaları videosu. Bu bölümde, etkileşimli prototiplerin nasıl oluşturulacağını öğreneceksiniz.

Havai Fişek Tel Çerçeveleme Eğitimleri

Fireworks: PDF'de etkileşimli prototipler

Bu eğitici, doğrudan Fireworks'ten PDF biçiminde etkileşimli prototiplerin nasıl oluşturulacağını açıklar. Bu tür bir prototip, müşterilerle yerleşim onayı için veya sadece tasarım geliştirme ekibi arasındaki iletişimi kolaylaştırmak için çok yararlı olabilir.

Fireworks'te promosyonel bir iPhone uygulaması web sitesi tel çerçevesi oluşturun

Bu öğretici, Fireworks'te bir iPhone uygulaması web sitesi için tel kafes oluşturma tasarım sürecini kapsar. Fireworks'e aşina olmayanlar için, web tasarım projelerinizi tel kafes olarak kullanmak için iyi bir başlangıç ​​noktası olacaktır. Bu öğretici, çok parçalı bir dizinin ilk bölümüdür.

Fireworks kullanarak temel bir tel kafes oluşturma

Bu eğitim size Fireworks kullanarak kendi tel çerçevenizi nasıl oluşturacağınızı öğretir. Bir tel kafes içinde gerekli web öğelerinin ve sayfa bağlantılarının temellerini kapsar. Bu öğreticide oluşturulan site hiç hoş değil, ancak sadeliği kullanıcıların benim fotoğrafçılığıma odaklanmasını sağlıyor.

Fireworks Tel Çerçeveleme Video Eğitimleri

Fireworks'te Prototip Oluşturma (1/3)

Bu videoda, basit bir web sitesinin prototipini oluştururken durumlar, menüler ve alt menüler içeren bir gezinme çubuğunun nasıl oluşturulacağını öğreneceksiniz.

Fireworks'te Prototipleme (2/3)

Bu videoda, bir web sitesinin prototipini oluşturduğunuzda sayfaları nasıl bağlayacağınızı öğreneceksiniz.

Fireworks'te Prototip Oluşturma (3/3)

Bu videoda Swap Image veya Disjoint Rollover oluşturmayı ve etkileşim eklemeyi öğreneceksiniz.

Fireworks Tel Çerçeveleme Kaynakları ve Şablonları

Turuncu Komutlar

Turuncu Komutlar, bir web tasarımcısının hayatını kolaylaştıran ve iş akışını hızlandıran, Fireworks için büyük bir komut koleksiyonudur. Orange Commands ücretsiz ve açık kaynak kodludur.

Fireworks mini web tel çerçeveleme seti

Fireworks mini web tel çerçeveleme kiti, size web tel çerçeveleme için sadece temel şekilleri verir. Diğer her şey için yerel olarak Fireworks'ü kullanabilirsiniz çünkü Fireworks'ün kendisi prototip oluşturma ve tel çerçeve oluşturma için harika bir araçtır. Dosya, Fireworks'e özgü olan PNG biçimindedir ve Fireworks'teki tüm şekilleri düzenleyip yeniden boyutlandırabileceğiniz anlamına gelir.

Tel Kafes Kitaplığı Sembolleri

Bu, zengin (yani sembol özelliklerinde değiştirebileceğiniz öğelere sahip oldukları anlamına gelir) bir dizi semboldür. Bu setin elle çizilmiş tel kafes öğeleri gibi görünmesi gerekiyor. Renk şeması, plan mürekkebi gibi görünmek içindir.

Fireworks Ortak Kitaplık Şablonları

Fireworks için indirilebilir bir şablon seti. Kit, Ortak Kitaplık biçimindedir.

Siyah Beyaz Şirket Web Sitesi Şablonu

Bir şirket web sitesinde kullanılmak üzere tasarlanmış bir tel kafes şablonu. Tasarım basit bir siyah beyazdır.

Android için Havai Fişek Şablonu

Android için bir Fireworks şablonu. Android kullanıcı arabirimi öğeleri, vektör görüntüleri olarak yeniden çizildi. Klasörlerde öğeler çoğunlukla Android sözlüğüne göre etiketlenmiştir.

Fireworks için BlackBerry Mockup Şablonu

BlackBerry için bir Fireworks şablonu. Şablon, 640×480 çözünürlüğe sahip BlackBerry cihazları için yapılmıştır, ancak tüm UI öğeleri vektör görüntüleri olduğundan kolayca yeniden boyutlandırılabilirler.

Fireworks için hareket kitaplığı

Dokunma Hareketi Başvuru Kılavuzu, dokunmatik tabanlı kullanıcı arabirimleri üzerinde çalışan yazılım tasarımcıları ve geliştiriciler için benzersiz bir kaynak setidir. Hareketler grubu, Fireworks için zengin semboller olarak burada yeniden oluşturulur.

Yararlı Havai Fişek Kaynakları

Webportio →
Webportio, Fireworks için grafiksel bir kaynaktır. Tüm grafik dosyaları iyi bir yapıya sahiptir, bu nedenle gezinmesi kolaydır. Eserler vektör tabanlıdır ve ihtiyaçlarınıza göre kolayca özelleştirilebilir. Ve tüm dosyalar ücretsiz olarak mevcuttur ve hem ticari olmayan hem de ticari kullanımlar için kullanılabilir.

Havai Fişek Bölgesi →
Fireworks Zone öğreticiler, makaleler, linkbase, komutlar, stiller, dokular, desenler, otomatik şekiller içeren Fireworks meraklıları için bir kaynaktır. Web sitesine göre, web üzerindeki en büyük ve en düzenli olarak güncellenen Fireworks sitelerinden biridir.

Daha fazla okuma

Tel Çerçeveleme: İpuçları, Araçlar ve Teknikler →
Tel çerçeveleme için mevcut bazı ilgili araçlara, tekniklere ve ipuçlarına bakan bir çift makale. Bu iki makaleden ilki, araçlara genel bir bakış sunarken, aşağıdaki makale, tel çerçeveleme sürecinizi yumuşatmak için bazı ipuçları ve teknikleri kapsar.

Fireworks ile Tel Kafes Yapıyor musunuz?

Size sesleniyorum: Fireworks ile tel çerçeveleme yapıyor musunuz? Öyleyse, aşağıdaki yorumlar bölümünde favori eğitimlerinizi, kaynaklarınızı ve/veya şablonlarınızı paylaşmaktan çekinmeyin.