20 ADET ÖRNEK WEB SİTESİ

Selamlar,

Buradaki yazıda texture kullanılarak tasarımların güçlendirilebileceğinden bahsetmiştik.











Burada; web tasarımında texture kullanımlarının örneklemelerini inceleyebilirsiniz.

TEXTURE (DOKU) ARŞİVİ

Selamlar,

Gerek web gerek grafik çalışmalarında boş alanlardan uzak kalmak isteyenlerimiz için texture kullanımı çok sık olur. Opacity düşürülerek yada farklı birkaç texture birleştirerek arkaplanlar oluşturulabiliyor. Hoş da oluyor.








Tasarımlarınızı zenginleştirecek, hoş bir görünümüm katabilecek olan çeşit çeşit texture arşivine buradan ulaşabilirsiniz.

BASKI İÇİN TASARIM HAZIRLAMA

Selamlar,

Yapılan tasarımlar dijital ortamlarda her ne kadar kusursuz görünse de, baskı sonrasında, işlerin hüsranla sonuçlanması alışılagelmiş bir durum (özellikle dijital olmayan baskılar).

Bunun için bir tasarımı hazırlarken çalışma açılırken şu özelliklere dikkat etmek gerek
"Color Mode : CMYK"
"Resolution : 300 dpi"

Bu ayarlar ile çalışmanın "renk" ayarını yapmış oluyoruz.
CMYK : Cyan - Magenta - Yellow - Key anlamına gelen renk kodlama sistemi olup baskı teknolojisinde kullanılır.

Kullandığımız renklerin, baskı sonrasında beklediğimiz renklerden çok farklı çıkmaması için, tasarım sürecinde dikkat etmeniz gereken birlaç püf noktası var.

Bunlardan biri pantone renklerini kullanmak ve baskıya gönderilen işleri pantone renk kodları ile belirtmek.

Bir diğer püf noktası ise şu; Kullandığınız renklerin %'lerini olabildiğince tam sayı olarak kullanmak.

Örneğin ;


Yukarıda bulunan iki farklı renk skalası ve bu skalaların oluşturduğu renkleri görebiliyoruz.
Yapılan tasarımda kullanılan mavi tonu 1. kısımdaki gibi ise, bu tonları 2. kısımda olduğu gibi değiştirebiliriz.
Bu yapılacak değişiklik, pc ortamında (CMYK) gördüğümüz renk ile baskı sonrası renk arasında uçuk farklar olmamasını sağlayavaktır.


Tasarımlarda dikkat etmemiz gereken bir diğer nokta'da şudur ki; taşma payları.

Bir kartvizit için çalışma açtığımızı düşünelim ve bu kartvizitin boyutları 8.5cmx5cm olsun.

Açacak olduğumuz çalışmanın boyutları aşağıda görüldüğü gibi olmalıdır.



Bu şekilde açtığımız belge ile, matbaada oluşabilecek olan kesmeden kaynaklanabilecek hataların önüne geçmiş oluruz.

Açılan belge üzerinde tasarımımızı yaparken dikkat edeceğimiz bir nokta daha var;
tasarımın kenarlarına olan yakınlık bunun için, tasarımımız için kullanacağımız alan aşağıdaki gibi olmalıdır.

Yukarıdaki şekilde kartvizitin matbaa sonrasında çıkacak olan 8.5cm x 5cm boyutları için ruler yardımıyla alanları belirledik, bu belirlenen alan içersinde kırmızı bir çerçeve oluşturduk. Yapılacak olan tasarım bu kırmızı çerçeve içersinde olur ise matbaa sonrasında -kesme ile ilgili- bir sıkıntı yaşanmayacaktır.

Dolayısıyla marbaadan, sorunsuz bir iş çıkarabilmek için yapılan tasarımda girilecek olan metinler, görseller, kırmızı çizgi içerisinde toparlanmalı.


İyi çalışmalar.

AKORDEON (ACCORDION) MENU ÖRNEKLERİ

Selamlar,

Web tasarımlarında ihtiyaç duyulan açılır menü örneklerinden 30 adet derleme yapılmış.














Buradan ulaşabilirsiniz.

TİPOGRAFİK WEB SİTELERİ

Selamlar,










Tipografik Web site örnekleri için bir derleme yapılmış. Buradan inceleyebilirsiniz.

FITNESS CENTER İÇİN WEB TASARIMLARI

Selamlar,










Fitness center'lar için yapılmış web sitelerinin derlemesine
Buradan ulaşabilirsiniz.

İCON SET II

Selamlar,

Tasarımlarda hoş hava katmalarıyla onları çok seviyoruz. Evet iconlar.
Yine çok hoş bir derleme













Buradan devam edebilirsiniz.

FOTO SLIDE ÖRNEKLERİ

Selamlar,

Önceleri haber portallarında boy göstermeye başlamıştı jquery ile slide kullanımları. Hoş görünümü ve kullanışlı oluşu nedeniyle birçoğumuzun tasarımlarında yerlerini almaya başladılar.












Fotoğraflarınızı, portföyünüzü, haberlerinizi slide şeklinde sitenizde yayınlamanız için alternatif örnekler
Burada toplanmış, faydalı olacağını düşünüyorum.

İyi çalışmalar.

HTML5 - WEB TASARIMI

Selamlar,


Web 2.0 ile kocaman butonlar, görseller görmeye alışmıştık. Fakat bu günlerde tasarımlarda kullanılma tercihinin yeni yeni arttığı görülen bir teknoloji daha var. HTML5'ten bahsediyorum.













Gölge verilmiş butonlar, gradient ile şekillendirilmiş sayfalar, sayfa içi verilerin ivmeli bir hareket izleyerek kayıp şekillenmesi.
Bunların hepsi HTML5 nimetleri, karşımıza çıkmaya devam edecek.

Burada bulunan sayfada HTML5 teknolojisi kullanılarak yapılmış olan web siteleri sergilenmiş. Siteleri incelerken HTML olduklarını göz önünde bulundurmanız tavsiyemdir.

ÜCRETSİZ PSD DOSYALARI

Selamlar,






İlham alınası örnekleri ücretsiz elde edebilmek için buradan devam edebilirsiniz.

İLHAMLIK MAİL FORMLARI

Selamlar,

Ziyaretçilerin sizinle iletişime geçmesinin en kolay yolu kuşkusuz ki iletişim sayfanızda bulunan formlar.













Bu adreste ilham perileri ile olan iletişiminizi kolayaştıracağına inandığım mail formları derlenmiş. Faydalı olabileceğini düşünüyorum.


İyi çalışmalar.

TASARIMCILAR İÇİN TEMİZİNDEN 35 FONT

Selamlar,

Malumunuz web ve grafik tasarım'da tipografi ve font seçimi önemli.
Bu nedenle tasarımcılar font seçerken temiz, profesyonel görünümlü fontlardan yararlanmak isterler.





Ne demişler "font bu, rezil de eder, vezir de."

Burada 35 adet vezirlik font derlenmiş. Faydalı olabileceğini düşünüyorum.

ICON SET

Selamlar,

Gerek web gerek basılı işlerde iconlar çoğu zaman başvurulan bir araç benim için.




Birbirinden kullanışlı olan 290 adet .ai formatındaki ikona buradan ulaşabilirsiniz.

İNTERAKTİF BANNER

Selamlar,

Web kameranızdan aldığı izinle size orta yapıp gol atmanızı bekleyen bir banner. Tuhaf geliyor kulağa evet. Ama bir o kadar da eğlenceli - yaratıcı.



Agency:BBDO New York
Client:AT&T
Digital Agency:Zugara
Effects:Zoic Studios


ESPN.com

İLHAMLIK TASARIMLAR

Selamlar,

Web tasarımı yaparken ilham alabileceğiniz web sitelerini olabildiğince paylaşmaya çalışıyorum.











Burada 1stwebdesigner'dan gelen bir derleme daha var.

İyi çalışmalar