yatay | bildirgec.org

Tasarımcılar göz alıcı tasarımlar yaparken aynı zamanda sitenin işlevsel olması için çok çaba harcıyorlar. Bu yazımda mükemmel tasarımlar ve yenilikçi tasarım tekniklerinin akıllıca kullanıldığı bir kaç tasarımdan bahsedeceğim. Eminim bu tasarımlarda ilham alabileceğiniz birkaç özellik bulacaksınız.

Heartbreaker Fashion



50'ler ve 60'ların kıyafetlerinden esinlenilerek yapılmış, pastel renkler ve retro çizimler kullanılan tasarımı ile Heartbreaker'ın tasarımı şirket vizyonunu çok iyi yansıtıyor. Noktalı ve çizgili kenarlıklar farklı nesneleri birbirinden nazik bir biçimde ayırıyor.

yazılara verilen hoş görünümlerin çekiciliğini anlatmaya gerek yok sanırım. örneğin hoş ve sade bir logonun bazen ziyaretçide bıraktığı intiba onun siteye bakışını değiştirebilir. benim de bu konuda araştırmalarımda yararlandığım, eğitimlerden seçtiğim birkaçının burada paylaşılmasının iyi olacağını düşündüm. Şurada gördüğüm bir photoshop eğitimini ve kullanılan tekniklerin çok kullanışlı ve yararlı olduğunu düşündüm. aynı teknikleri kullanarak siz istediğiniz her objeye gayet hoş bir gerçeklik kazandırabilirsiniz. İçinde öğrenebileceğimiz birçok şey var. İsterseniz linki takip ederek eğitimi orijinalinden de takip edebilirsiniz ama ben de bu yazıyı yazarken adım adım uygulayacağımdan orijinalinde yaşayabileceğiniz eksiklikler ya da atlamalar yaşanmayacaktır. Öyleyse yazımıza başlayalım:

Başlarken
En başta ışık ve gölgeyle alakalı aşağıdaki basit resmi incelemekte fayda var. Işığın vuruş yönü, gölge ve gölgenin düşüşü hakkındaki mantığımızı netleştirmek için bir göz atıp eğitime başlayalım.

Web sitenizde veya blogunuzda yayınlamak istediğiniz resim ve fotoğraflarınızı, ziyaretçilerinizin beğenisini kazanacak bir görsel sunum eklentisi ile yayınlamak istediğinizde kullanabileceğiniz bir MooTools eklentisi olan slideGallery, esnek yapısı ile farklı tasarıma sahip web sayfalarında kullanılabilecek bir eklenti.

IE6+, FF2+, Safari3+, Opera9+ ve Chrome desteği olan slideGallery; otomatik gösterim, dikey ve yatay kayma, slaytların geçiş ve bekleme sürelerini belirleyebilme gibi daha birçok "özelleştirilebilir" özelliği bulunmakta.

Dragdealer JS, web sayfalarını kullanıcılar ile etkileşim halinde, dinamik ve kolay kullanılabilir bir yapıya dönüştürmek için faydalanabileceğiniz sürüklenebilir (slider, Scroll-bar, Slideshow, canvas mask) web elemanları (bileşenleri) eldemeniz için geliştirilmiş, oldukça kullanışlı bir Javascript bileşeni.

12kB hafifliğindeki Dragdealer JS bileşeni, yatay ve dikey yönde haraket eden sürgüleri/kaydırma çubuklarını ve slide gösterimlerini hazırlayabilmeye imkan vermenin yanında, bu web elemalarını farklı yaklaşımlarda hazırlanmış olan tasarımlara uygun hale getirebilme esenekliğini de sunmakta.

Eylül ayı boyunca en popüler jQuery derslerini sizler için derledik. Aşağıdaki birbirinden farklı ve kullanışlı uygulamarın tümünü ücretsiz olarak kullanabilir ve özelleştirebilirsiniz. Popüleritesi artan jQuery kütüphanesi sayesinde interaktif olarak web ortamında birçok farklı projede kullanabilirsiniz. Eylül Ayının jQuery UygulamalarıUygulamaları;

jQuery Roundrr - How To Create Awesome Circular Image Galleries With jQuery & CSS
(jQuery Roundrr - jQuery ve CSS ile Nasıl Dairesel Resim Galerisi Oluşturulur)

A jQuery & CSS3 Drop-Down Menu With Integrated Forms
(jQuery ve CSS3 ile Açılır Menüye Entegreli Formlar)

Simple Tooltip with jQuery & CSS
(jQuery ve CSS ile Basit Tooltip)

jQuery, web sitesi geliştirmek için harika bir kütüphane. Web sitenize önceden yapılması oldukça zor olan birçok uygulama, efekt ve benzer şeyler ekleyebilirsiniz. Aşağıdaki 5 muhteşem jQuery uygulamasını ücretsiz olarak kullanabilir ve ayrıca geliştirebilirsiniz.

Slider Gallery with jQuery

Slider Gallery with jQuery, diğer galeri uygulamalarından tamamen farklı bir slider uygulamasıdır. Kategorilenmiş başlıklardan birini tıkladığınız taktirde yatay olarak o kategoriye ait fotoğraflar sayfada yayınlanır. Alttaki imleç ile sağa veya sola doğru hareket edebilir ve diğer fotoğraflara bakabilirsiniz. Ayrıca yer alan tooltip eklentisi sayesinde fotoğrafları büyük boy olarak görebilir ve bu şekilde diğer fotoğraflar arası geçiş yapabilirsiniz.

Apple-like Retina Effect

Apple-like Retina Effect, fotoğrafların sadece bir bölümünü yakınlaştırmaya yarayan küçük bir uygulamadır. Büyük boyutlu resim yayınlayan web siteleri tarafından uygulanabilir.

chrome'da yazdırma önizleme özelliği ister misiniz? ben çok isterim. ancak biraz daha beklememiz gerekecek. çünkü buna benzer özellikler chrome 6 ile birlikte gelecek.

bilindik yazılım geliştiriciliği, insanların dikkatini daha fazla çekmek için eğlenceli özellikler ekleme noktasında birleşmeye başladı. bu noktanın odağında, kalıplaşmış kod kullanımıyla chrome'un altıncı sürümü, önemli bir kilometre taşı olacağa benziyor.

google, bu tarayıcıyı sürekli geliştirmeye tabi tutacağına inanıyor. bu inanç, microsoft internet explorer, opera, mozilla firefox ve apple safari gibi kullanışlı yazılımların yarattığı çıtayı bir anda yakalamaya yetti. tarayıcı mayıs ayında elde ettiği %7.0'lık kullanım oranını, haziranda %7.2'ye taşımayı başardı.

Web tasarımla ilgilinenenler için web tasarım araçları oldukça önemlidir. Normalde birkaç dakika hatta daha fazla zaman ayıracakları bir işi birkaç saniyede halledebilirler. Aşağıdaki çevrimiçi araçlar sayesinde daha az zaman harcayabilirsiniz. İşte çevrimiçi kullanışlı web tasrarım araçları;

Preloaders

Web sitenizde ajax kullanıyor ya da sayfalar yüklenirken "yükleniyor" yazısı veya buna benzer animasyonlar kullanıyorsanız tam size göre bir uygulama. Gif formatında oluşturabileceğiniz birçok yükleniyor simgesi bulunmakta ve kategorilenmiş durumda. Çevrimiçi oluşturabileceğiniz bu simgeleri istediğiniz gibi özelleştirebilirsiniz. Renk ve arka plan rengini, Hızını, Transparanlığını ve boyutlarını istediğiniz gibi ayarlayarak saniyeler içinde oluşturabilirsiniz. Ayrıca simgeler 3 Boyutlu, Dairesel, Yatay gibi kategorilere ayrılmış.