tasarım Arşiv

İnternet Sayfalarının Ölçüsünü Alın

Tasarım yaparken veya CSS kodlaması esnasında ölçüler çok önemlidir. Drag and drop ruler ise yatay ve dikey iki tane cetvel ile herhangi bir internet sayfasının ölçülerini pixel, cm, ve in birimlerinde görebilmemizi sağlıyor. Ayrıca sayfa kenarlarındaki klavuz cetvellerinden de konumlandırmaları fevkalade görebiliyoruz. Kullanımı oldukça kolay olan servisin sağlayacağı katkı; tasarım veya kodlama esnasında nesneler arasındaki

50 Mavi Tonlu İlham Kaynağı Tasarım

Mavi renk insana huzur verir ve rahatlatır. Deniz, gökyüzü gibi insanı rahatlatan doğa bileşenleri de mavi renktedir. Mavi gözlü insanlar daha ilgi çekicidir. Site tasarımlarında da mavi rengin önemi çok büyüktür. Mesela kendi blogumda mavi tonlar ağırlıklı ve rahatlatan bir görünümü var. Yine bakıldığında yeni nesil sitelerin birçoğu mavi renkleri mutlaka kullanıyor. Ben de buna

50 Sade ve Anlamlı Logo Örneği

Markalaşmanın büyük önem taşıdığı günümüzde markayı tamamlayan unsur olarak logolar önemli bir yere sahip. Logolar markayı, kişiyi veya adını taşıdığı şeyi ifade eden yazı veya işaretlerden meydana gelir. Her ne kadar logo tasarımını grafik tasarımcıları yapsa da logo tasarlamak bambaşka bir iştir. Çünkü ifade edeceği şeye göre şekillenmesi gerçekten çok zor bir iştir.  Maalesef her

75 İlham Kaynağı Twitter Tasarımı

Birbirinden güzel, birbirinden yaratıcı 75 tane ilham kaynağı Twitter profil tasarımını derledim bu yazımda. Aralarında şirket profillerinden medyaya, medyadan Türk arkadaşlara kadar birçok dalda geniş kapsamlı bir derleme oldu. Bu derleme için Friend Feed‘de bildiklerinden beni mahrum etmeyen arkadaşlara da ayrıca teşekkür ederim. Derlemede renk düzeni, renk bütünlüğü ve uyumu ayrıca arkaplan resimlerini göz önünde

50 İlham Verici Sekme Tasarımı

Hazırladığımız web sayalarında kullanış olarak çok faydasını gördüğümüz bölümlerden birisi de sekmelerdir.” Tab” olarak karışımıza çıkan bu yapılar ile aynı sayfa içinde birden fazla sayfanın verebileceği bilgiyi ziyaretçilerimiz ile paylaşma imkanı buluyoruz. Ajax’ın gelişmesi ile biraz daha görsel ve işlevsel bir hal alarak sayfayı hiç değiştirmeden bile sekmelerin altı görüntülenebilir hale geldi. WordPress temalarında da

Twitter ve FriendFeed İçin Arka Plan Hazırlarken Önemli Noktalar

Twitter ve FriendFeed’de biz kullanıcılara kendi dizaynımızı uygulamamız için gereken alt yapı sağlanmış durumdadır. İstediğimiz renk kombinasyonlarını ve arkaplan resmini kullanabiliyoruz. Özellikle tek parçadan oluşan arka plan resimlerinde değişik çözünürlük ve ekran büyüklüklerinde çok fazla farklar ortaya çıkabiliyor. Bir yere konumlandırılmış nesne sayfanın altına kalabiliyor mesela. İşte bu yazımda bunları en azanasıl indirebileceğimize bakacağız. Pattern

50 İlham Kaynağı İletişim Sayfası

İnternet sayfalarının vazgeçilmezlerinden birisi belki de en önemlisi iletişim sayfalarıdır. Şirket sayfalarında iletişim bilgilerinin yanında elbette erişim, ulaşım bilgileri de olmak zorundayken kişisel sayfalarda bu mecburiyet yerini iletişim formlarına bırakıyor. Aslında bu yazı ile vereceğim örnek iletişim sayfalarında ve bölümlerinde bu bölümün önemini daha iyi anlayacağız. Ben şahsen hazırladığım sitelerde iletişim bölümüne çok özenmiyordum ve

65 Kullanışlı Footer Tasarımı

Günümüz internet sayfalarında footer dediğimiz alt kısımların tasarımları da oldukça modern ve kullanışlı bir şekilde tasarlanıyor. Daha önce de bu footer tasarımlarının incelendiği oldukça fazla yazı yazıldı. Ben de uzun zamandır bu konuyla ilgili bir derleme yapmayı düşünüyordum. Sonuç olarak 65 tane örnekten oluşan bu derlemeyi oluşturdum. Derlemeyi hem tasarım bütünlüğü hem de kullanış açısından

jQuery ile Hareketli Arkaplan Yapma

Web tasarımının önemli unsurlarından birisi arkaplanlardır. Arkaplanların da en yaygın kullanım şekli hareketsiz resimlerden oluşan kombinasyonlardır. Hareketli olanlarına şimdiye kadar pek rastlamadım işin açığı. Ben kendim blogumda header resmini hareketli yapmak istemiştim ve bunu flash dosyası yardımıyla yapabilmiştim. Ancak bu da hem blogun yüklenme süresini uzattı hem de kodların bir hayli iç içe girmesine neden

WordPress İçin Drop Down (Açılır) Menü Yapımı

Açılır menüler eskiden beri web sayfalarının vazgeçilmezlerinden olmuştur. Gerçi bir aralar raftan kalksa da şimdi yeniden canlanlamaya başladılar. Bunda hem ajax eklentilerinin, hem görsel kodlamaların gelişmesinin katkısı oldu. Son zamanlarda WordPress temalarında da sıkça görmeye başladık. Bu tür menülerin nasıl yapılacağına dair VanSEO Design tarafından güzel bir makale yazılmış. Çok faydalı bilgiler içeren bu yazıya