Simgeler etkili ve çekici bir web tasarım unsurudur. Simgeleri doğru kullanımı müşterinizin gözünde sağlam bir web sitesi ve profesyonel bir çalışma izlenimi bırakacaktır. Aşağıdaki çalışmalarda tasarıma uygun teknikler öğrenecek, becerilerinizi geliştirecek ve deneyiminizi güçlendireceksiniz. Aşağıda 11 farklı Photosop simge tasarım dersi bulacaksınız.
(Photoshop ile gerçekçi iMac ikonu oluşturma)
birçok sitenin nasıl tasarlandığını hep merak etmişsinizdir.birçok güzel görsellikte site görmüşsünüzdür.bir sitenin kolay tasarlamanın yollarından biride photoshop ile çizim yapmaktır.nasıl mı? geçenlerde izlediğim sizinle paylaşacağım bu ders ile yardımcı olabileceğimi düşünüyorum.
derse buradan ulaşabilirsiniz
benzer derslerede burdan ulaşabilirsiniz.
Yatarken ya da karanlıkta kitap okumak için çok çeşitli ürünler tasarlanmıştır. Bunların çoğu kullanışsız ya da kullanımda sürekliliğin sağlanamadığı verimliliği düşük icatlar olmuştur.
Lili Lite bu eksik yanların üstesinden gelerek, hem kolay kullanım, hem güzel bir tasarım hem de farklı çalışma tekniği ile yatarken kitap okuyanların vaz geçilmezi olacak gibi görünüyor.
Bildirgeçte zaman zaman ikon setleri görüyoruz. Ancak hazır bir ikon istediğimizde buna hızla ulaşmak için tüm ikon setlerini taramamız büyük vakit kaybına yol açacaktır. Bu problemden yola çıkarak ikonları isme göre bizim için tarayıp bulan arama motorları tasarlanmış. Arama sonuçlarında beğenilen ikonları derhal bilgisayara kaydetmeye de imkan tanıyorlar.
Bu arama motorlarından en başarı 10’u mostinspired.com tarafından derlenmiş.
Blogdesingblog.com blog tasarlerken dikkat edilmesi gereken noktaları 9 parçaya ayırarak anlatıyor. Bu başlıkların Türkçe karşılıklarından çok genellikle İngilizce adlarına yatkın olunduğu için İngilizce adlarını da beraber vermek bu anlatım için daha yararlı olacaktır.
Bu dokuz alt başlık şöyle.
Başlık (Header)
İçerik Alanı (Content Area)
Birincil yönlendirici(primary navigation)
İkincil yönlendirici(secondary navigation)
Manşetler (Headlines)
Yorumlar (Comments)
Makale Sonu (Post’s Footer)
Sayfa Altı (Footer)
Reklamlar (Advertisements)
HEADER – başlık
Başlık ziyaretçilerin siteye girişlerinde karşılaştıkları ilk bölge olduğu için sitenin en önemli kısımlarından biridir. blogu diğer bloglardan ayırabilecek ve öne çıkarabilecek bir yapıda olduğu için üzerinde önemle durulması gerekir. Başlık benzersiz ve hatırlaması kolay olmalıdır. Bu yüzden blog tasarımcıları başlık üzerinde son derece titiz çalışırlar, öyle ki sadece hazır bir tasarımı kullanan bloggerlar dahi başlık kısmını kendilerine uyarlamaya çalışırlar. Blog başlığı tasarımını populer kılmak için Vinh Le’nin kaleme aldığı şu makaleye göz gezdirmekte fayda var.
not: 2008 yılında yayınlamış bir makale olmasından dolayı verilen örneklerden bazılarında tasarımlar değişmiş. Ancak bu makalenin orjinalinin yayınlandığı siteye giderek orada kaydedilmiş olan örnekleri inceleyebilirsiniz.
Birkaç mükemmel header örneği
1.Octwelve
octwelve header da bir çizgi karakterin kullanıldığı iyi bir örnek.
ajaxline’ın derlemiş olduğu Kasım ayının en popüler illustrator derslerini inceleyerek yeni teknikler öğrenebilir, tasarımlarınızı zenginleştirebilirsiniz.
Create a Personalized Toolkit for Making Maps
(Harita Yapmak İçin Kişiselleştirilmiş Araç Seti Oluşturma)
Creating a Vector Girl
(Vektör Kız Oluşturun)
Create interlocking motifs in Illustrator
(Illustrator ile kilitli motifler oluşturun)
HTML5, henüz geliştirilme ve dağıtım aşamasında olsa, hatta birçok tarayıcı sürümü tarafından desteklenmemiş olsa da oldukça sevilen bir dil halini aldı. Klasik web yapısını tümüyle değiştiren bu farklı dil ile herhangi bir eklentiye gerek kalmadan tümüyle dinamik tasarımlar oluşturulabiliyor. Tamamen açık kaynak kodlu olduğu için aşağıdaki uygulamaları inceleyebilir ve siz de benzer çalışmalar yapabilirsiniz. Muhteşem HTML5 Efektleri;
Ağız sağlığı denince akla ilk olarak diş fırçası ve diş macunu gelmektedir. Tabii en büyük sorun ise banyoda duran diş fırçaların hijyenik olması. Bu soruna Toscy bir çözüm buldu. İşte Usb diş fırçası temizleyicisi
Usb den güç alarak diş fırçalarını sterilize etmekte. Ayrıca banyoda yeterli yeri olmayanlar içinde mükemmel bir çözüm.
Tek sayfalık web tasarımlarında, genelde içerik tek bir sayfaya sığdırıldığı için css ve javascript’e ağırlık verilmekte.jQuery ile slider vb. uygulamalar yapılırken css3 ile tasarımı ögelerini güçlendirerek daha şık durması sağlanabilir. Aşağıda içeriğinde birçok javascript uygulaması barındıran tasarım örnekleri bulunmakta. Bu örnekleri inceleyerek sizde tek sayfalık tasarımlar hakkında fikir sahibi olabilir veya farklı örnekleri inceleyebilirsiniz. Yaratıcı Tek Sayfalık Web Tasarımları;
yeni bir on yıl içine girerken, 2010 yılında eğlenceli ve deneysel çalışmalarla dolu web tasarım eğilimlerini tahmin edebiliriz. etkileyici tasarımlar oluşturmak için html5 ve css3‘ün yeni özelliklerinden yararlanmaya çalışıyoruz. serif yazı tipi ve dokulu arka plan popüler olacak. css3 sayesinde, köşeleri yuvarlatılmış menüler, akıllı telefonların yükselişiyle, mobil web tasarımı 2010 yılına damga vuracak gibi görünüyor.
1- serif fonts
son on yılda, çoğu web sitesi verdana veya arial font içinde tasarlanmış, ancak bu yeni on yılda değişecek. web tasarımda serif yazı tipleri daha fazla yer alacak.
daha detaylı bilgi için bu makaleyi okuyabilirsiniz.
örnekler;
