Slices / Arayüzler Oluşturmak

Slices / Arayüzler Oluşturmak

Merhaba değerli okurlar. Bu sayımızda özellikle interaktif uygulamalarında sıkça karşımıza çıkan arayüz uygulamalarının tasarlanması ve buton sistemlerinin çalıştırılması konularında uygulamalar yapacağız.

Arayüzler aslında yapılan işlerde, kodların, animasyonların veya ürün tanıtımlarının hep ilk oluşumlarıdır. Benzetmek doğru olursa bir dergi veya kitap kapağı  sayesinde okuyucusuna ulaşmakta etkin bir rol oynamaktadır. Tabi bu arayüzleri oluştururken dikkat edilmesi gereken bir kaç husus vardır. En önemlilerinden bir tanesi kullanıcıların kolaylıkla bilgiye ulaşmasını sağlamak. Karmaşık dokulardan, biryerlere gizlenmiş butonlardan kaçmak ve kullanıcıların ihtiyaçlarını karşılayabilecek sade ve etkileyici tasarımlar gerçekleştirmek. Bu arayüzleri oluşturmanın en iyi yoluda tabiki PHOTOSHOP kullanmaktır.

Bu sayımızda işleyeceğimiz uygulamada bir �Cd Çalar� uygulaması yapıp üzerine yerleştirdiğimiz düğmelere tıklayarak etkileşim sağlamaya çalışacağız. Bu çalışmanın tasarım kısmını �PHOTOSHOP CS2� de gerçekleştirdikten sonra �İMAGEREADY CS2� programına aktarıyoruz.

Gelelim yukarıdaki örnek dokümanımızı ImageReady’de nasıl hazırladığımıza; Dokümanımıza Link vereceğimiz  alanları belirlemeye yardımcı olacak olan Slice ile rahat çalışmak için (View>Show Rulers ile cetvelimizi dokümanımız üzerinde  belirledikten sonra) ayıracağımız parçalarını tespit etmek için �Guide� ile ayrım yerlerini belirledik.

�Guide�, üst taraftaki resimde görünen mavi çizgilerdir. Bu çizgileri bulup, oluşturmak için imaj penceresinin üst ve sağ tarafından yada yandaki resimde görünen cetvel (Ruler) üzerine tıklayıp mouse’u basılı tutarak çekiyoruz. Böylece �Guide�nin -mavi- çizgilerini bulup imaj üzerinde istediğimiz gibi taşıyoruz. Guide bize imaj üzerinde ayırma yapacağımız  alanları belirlemede çok kolaylık sağlayacak.

Rehber çizgiler sayesinde yapmış olduğumuz çalışmamızı alanlara bölmüş olduk. Tabi bu bölme işleminin farklı bir yöntemi daha olan �Tool Box� kutusundan Slices (Dilimleme) aracı ile manuel kendi istediğimiz alanları belirliyebilirdik.