Button tasarımı genellikle bir web sitesi için ince bir unsurdur. Ancak genel görünüm ve sitenin kullanılabilirliği açısından önemli etkisi olabilir.
Bu yazıda webden seçme button tasarımları bir araya getirilmiş. Umarım bazılarına ilham kaynağı olur.
Aşağıda size ilham verecek 35 adet web tasarım örneği göreceksiniz. Hoşlanmamak elde değil.
Cooper Graphic Design
Daniel Marino
Information Highwayman
Sanmayın bu kadar devamı burada ve aynı zamanda kaynağı da.
Herkesin bildiği gibi Devianart sanatsal çalışmalarınızı yayınlayabileceğiniz etkili bir alan. İşte orda bulunan kullanıcıların oluşturduğu ve onların arasından seçilen ilham kaynağı olabilecek arayüzler.
Disambler Wordpress by deadlinesdesign
Visual Studios by ECP-Pro
Exotiq by ECP-Pro
Shootingstar home by CyXo
Box and Cube by dellustrations
Designers Couch by ftstudio
Web sitesi oluşturmak isteyip kapsamlı program arayanlar için gelişmiş özellikler sunan kolay bir program.
Programda bulunan yazım denetleyicisi, kelime işlemcisi, gelişmiş sayfa düzenleme seçenekleri ile kolayca alışabileceğiniz harika bir program. SiteSpinner’da ayrıca navigasyon menüleri, metin ve grafikler, form editörü, takım şablonlarıda bulunmaktadır. Oluşturduğunuz web sayfalarını .htm, .html, .asp, .php, .cgi formatlarında kaydetmenizide sağlar ve siteniz bittiğinde içerisinde bulunan yerleşik FTP ile web sayfalarınız yayımlanır.
Son zamanlarda web uygulamarının sayısı oldukça arttı.Web tasarımcıları bu uygulamalar ile daha az zamanda daha çok iş yapmaya başladılar.Sosyal medya platformlarının artmasıyla beraber birçok web uygulaması hayata geçti.İşte web tasarımcıları için 2009 yılının en popüler web uygulamaları;
pixelleri emlere hızlı ve kolay biçimde dönüştürmenizi sağlar. Hesaplamaların bilmiyor yada yapmakta zorlanıyorsanız tam size göre bir uygulama.
Sitenize hangi fontları seçeceğinize karar veremiyorsanız tam size göre bir uygulama. Farklı fontları farklı biçim ve boyutlarda karşılaştıran kullanışlı bir araç.
Mini ikonların daha fazla tercih edilmelerinin nedeni daha az yer kaplamalarıdır. Böylece sayfalar daha hızlı açılır. Fakat az alan kaplayan bu ikonların görselliğininde önemli olması gerekmektedir. İşte en çok kullanılan mini ikon setleri:
The Webdesigner Sketchup Icons
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;
Web tasarımında photoshop önemlidir.html ve css kodlarından farklı olarak görselliği bize sunar.Aşağıdaki farklı sayfa tasarımlarını ile ilham kaynağınızı geliştirebilir veya photoshop ile web sayfası hazırlarken nelere dikkat etmeniz gerektiğini daha iyi kavrayabilirsiniz. Web sitenizin türüne göre birçok sayfa tasarım örneği bulunmakta.İşte pohotoshop ile web tasarım dersleri;
Graphic Design Studio
(Grafik Tasarım Stüdyosu oluşturma)
Create an awesome software layout
(Yazılım düzeni oluşturun)
Farklı tasarımlar her zaman daha fazla ilgi toplar.Bu basit ama yaratıcı örnekler css, jquery kullanılarak yapılmış bazılarında ise basit tasarımlar etkili olmuştur. bu minimalist tasarımları inceleyerek hayal gücünüzü geliştirebilir veya arşivinizde benzerlerini saklayabilirsiniz. Daha fazla çeşidiniz varsa müşterileriniz o kadar memnun olacaktır. İşte tek sayfa ile yapılan tasarım harikaları;
jQuery inanılmaz geniş bir kütüphane. Hayal gücünüze ve ihtiyacınıza göre istediğiniz şekilde kullabilirsiniz. Klasik kalıpları dışına çıkarak yaratıcı çalışmalarınızı ziyaretçilerinize sunabilirsiniz. Farklı tasarımlar her zaman için ilgi çeker. Bu yüzden aşağıdaki farklı jQuery tasarımlarını isterseniz kullabilir veya kendinizi geliştirip daha farklı çalışmalar yapmak için kullanabilirsiniz;
Bu jQuery uygulaması sayesinde projelerinizi gösterebilir ya da web sayfanızdaki popüler veya yeni makale ve haberleri yayınlayabilirsiniz. Birçok sitede aynı mantık ile yapılmış birçok jQuery veya flash uygulamalar görmek mümkün.
Drag to Share like Mashable using jQuery
Mashable‘da bulunan resimleri paylaşma özelliği diğerlerinden farklı. Resmi tıklayarak paylaşmak istediğiniz sosyal medya sistesinin üstüne götürüyorsunuz.jQuery ile yapılan çok hoş bir uygulama.
