site kurmak
Site kurmak, site yapmak ve o siteyi yönetmek ekip işi. İşte biz altyapı olarak size destek oluyoruz.
Siz aradığınız doğru ekibi buldunuz mu?
Hosting + Yazılım + Destek Birarada - 127 TL/YIL - Hemen Al
 


RSS Servisi 
Yeni haberleri bilgisayarınızdan takip etmek için bu programı kurabilirsiniz ve yukarıda açacağınız adresi programa tanıtabilirsiniz.

Ders 2 - Web sitesi tasarımının önemi Tarih : 13.04.2010 17:56:19
Ders 2 - Web sitesi tasarımının önemiWeb tasarımı ziyaretçiniz dolayısı ile potansiyel takipçilerinizle ilk randevudur. Ziyaretçiniz, takipçileriniz sizi web sitenizle tanır. Websitenizin her köşesi sizin başarınız için önemli noktalar taşımaktadır.
2. DERSİMİZE HOŞGELDİNİZ!
Bu bölümde tasarım ile ilgili konulardan bahsedeceğiz.
 
TASARIM

Web tasarımı ziyaretçiniz dolayısı ile potansiyel takipçilerinizle ilk randevudur. Ziyaretçiniz, takipçileriniz sizi web sitenizle tanır. Websitenizin her köşesi sizin başarınız için önemli noktalar taşımaktadır.

Ziyaretçileriniz site hakkında dolayısıyla sizin hakkınızdaki ilk izlenimini web tasarımınız ile edinirler...Geç açılan, gereksiz reklamlarla ağırlaştırılmış ve özellikle amaca uzak kullanımı karışık ve görsel olarak iyi hazırlanmayan sitelerde ziyaretçi tutmak hayli zordur.

Eğer web tasarımınız ağır açılıyor, kullanışlı bir şekilde tasarlanmamış kötü bir navigasyona  sahip ise ziyaretçi çoktan başka bir sitenin yolunu tutmuştur. Eğer web tasarımınız olumsuz ise, kötü grafikler ile tasarlanmış  ve anlatmak istediğinizi anlatmaktan uzaklaşmış ise ziyaretçiyi en fazla birkaç dakika daha oyalayabilirsiniz demektir. O birkaç dakikada ziyaretçiniz aradığı bilgiyi sitenizde bulmayı deneyecektir. Açılmayan "havalı" menüler ve animasyonlar müşterinizin"tamam buldum!" demesini geciktirecektir. Web tasarımı sizi kötü tanıtmaktan öte ziyaretçinize bir tür işkence yaşatacaktır.

Başarılı bir web sitesi tasarımı ziyaretçisine doğru bilgiyi en kısa ve en kolay yoldan sunan, ziyaretçinin site içerisinde kaybolmadan sörf yapmasını sağlayan görsel grafikleri bilginin önüne geçmeyen sitelerdir. Gereksiz kalabalıktan arındırılmış amacına yönelik çalışmalar daha verimli olacaktır.

Web tasarımı açısından siteniz sizi hiç tanımayan ziyaretçiye konforlu bir koltuk olmalıdır. Rahatsız eden eski bir iskemle değil !

SİTENİZİN YAPISI NASIL OLMALI ?

Web sitenizi belli bölümlere ayırmak hem yönetmek için daha kolay olacak hemde ziyaretçiler açısından daha anlaşılır olacaktır. Web siteleri ziyaret ederken dikkatinizi çeken en önemli konulardan biri her web sitesinin kolay dolaşılabilir olması için bir menü sisteminin olmasıdır. Kullanıcılarda bu alışkanlıktan dolayı girdiklerinde üst kısımda yada sol kısımda bu menüyü ararlar. 
 
Bu menü her sayfada görünür olmalıdır ve aynı yerde olmalıdır. Buda şu anlama gelir ki, sitenizin sayfalarına tıklandıkça ve sayfalar değiştikçe değişmeyen kısımlar olacaktır. İşte biz bu sisteme şablon diyoruz ve şablonu oluşturan ve değişmeyen parçaları da paneller olarak tanımlıyoruz.
 
Şöyle örnek verecek olursa siteniz aşağıdaki gibi bir yapıya sahip olabilir. Daha birçok yapı çıkarılabilir ancak biz en çok kullanılan yapıları sizlere gösteriyoruz.
 
 
Burada bu yapılarda önemli olan şudur. Yeşil olan kısım her sayfada değişen içerik kısmıdır. Diyelim ki 4 nolu şablonu seçtiniz. Bu durumda 1 tane üst paneliniz 1 tane alt paneliniz 1 tanede içerik bölümünüz olacaktır. Üst panelde menünüz alt panelde ise copyright bilgleri yada yine basit bir navigasyon menüsü işe yarayabilir. Genelde her şablonda alt panel olduğundan ve ufakta olsa orada birşeyler bulunduğundan alt panel olmayan şablonları göstermedik.

Tasarımlardaki kolon sayısının azlığı ve kolay anlasılabilir olması açısından oldukça
önemli bir ayrıntı. 4 kolondan ve içerisine serpistirilmis bilgilerden olusan bir yapı ile 2
kolondan olusan ve içerisine doğru yerlestirilmis bir içeriğin kullanıcı tarafında
yaratacağı fark gerek zaman harcama gerekse anlasılabilirlik açısından çok büyük
fark yaratacaktır.
 
Bu durumda öncelikle sitenizin nasıl görüneceğine bu şekilde karar verebilirsiniz. Mesela, siteniz sağ tarafta sürekli görünecek bir panel olsun istiyorsanız o zaman 2 nolu seçenek sizin için uygun olacaktır.
 
Bu seçimden sonra sitenizin ana renk tonları ne olacak bunu belirlemenizde fayda vardır. Özellikle logonuz varsa ana renk tonları logonuzdaki renklerle uyumlu olmalıdır. Logonuz yoksa seçeceğiniz renklerde logoyu düşünerek de seçim yapın. Siteniz bittikten sonra uyumsuz bir logo koymak çok kötü olacaktır bunu unutmayın! Önceden logoyu düşünmenizde bu açıdan fayda var. Ancak yinede site renkleriniz çok karmaşık değil ve uyumlu renklerse her zaman bu renklere göre bir logo çalışması yapılabilir.

 

Kafanızda belirli bir renk seçimi yoksa ne yapmalısınız?
O zaman biraz web steleri gezerek araştırma yapmakta fayda var. Sitelerde en çok hoşunuza giden renkleri ve web sitelerinin adreslerini not alabilir, bunları arkadaşlarınıza danışabilir. Hem sizin hem ziyaretçilerin hoşuna gidecek bir renk paleti bulabilirsiniz.


Sitenizde çok fazla renk kullanmamaya ve renkleri uyumlu kullanmaya çalışın ve kendi göz zevkinize güvenmiyorsanız mutlaka çevrenizden veya daha profesyonel kişilerden bu konuda yardım alın. Unutmayın görsel yönden iyi görünen bir site ile rakiplerinize oranla bir adım öndesiniz demektir. 

WEB 2.0 TASARIM TRENDİ
Web 2.0 trendinde amaç aslında hemen her web sitesinin ilk amacı olduğu gibi, bilgiye en kolay en sade ve çabuk sekilde ulasmak.Bunun için, kullanıcıların ulasmak istedikleri bilgiye en çabuk ve kolay şekilde ulaşmasını sağlamak da Web Tasarımcısının birincil görevi haline geliyor.

Basit tasarımlar hem kullanıcıların sunmak ve dikkatini çekmek istediğiniz elementlere ilgisini yoğunlaştırır hem de karmaşık olmadığı için siteye odaklanmasında fayda sağlar.

Basit Sayfa Yapısı Olusturmanın Yolları
1. Öncelikle sayfa içerisinde kullanılan yada kullanılması düsünülen tüm gereksiz
görsel öğelerden kurtulmak.
2. Sayfa içerisinde aynı amaca daha hızlı nasıl ulasılabileceği konusunda
alternatif çözümler üretmeye çalısmak.
3. Gözleri yormayacak, kullanıcıyı içine alan renkler kullanmak.
4. Basit cümle ve görsel elementler ile kullanıcı ile iletisim kurmak.
5. Yoğun bilgi ve dataları, sade ve seyreklestirilmis bilgiler halinde sunmak.

Web 2.0 Tasarımlarda içerik yine yukarda saydığımız amaçlara uygun olarak
yerlestirilmeli. Navigasyon, alt navigasyon elementleri üst ve yan kolonlarda yer
alırken, kullanıcının önce ilgisini çekmesi gereken bilgiye odaklanmasını sağladıktan
sonra diğer içeriği gittikçe seyreklesen ve basit sekilde sunulması isimizi
kolaylastıracaktır.


İyi bir tasarımcı olmanın en önemli ayrıntılarından biri, tasarımcının yaptığı
tasarımlara kullanıcı gibi düşünerek, kendini onun yerine koyarak ve onun gözünden
bakarak değelendirebilmesi ve eserinde kullanacağı elementleri bu yönde
geliştirebilmesidir.

Yukarıdaki örnek siteler, basit, az kolonlu ve içeriği yumusatılarak kullanıcıya hizmet
eden bazı web siteleri.

Web 2.0 stilinde tasarımlarda korkmamanız gereken tek olgu tasarımlarınızdan
gereksiz görsel öğeleri, gölgeleri, tamamlayıcı olduğunu düsündüğünüz bazı yardımcı
grafik parçalarını, sadece görsel senlik katmak için eklemis olduğunuz elementleri
tasarımdan söküp atmak olmalı.



Web 2.0 tarzında logo ve metinler nasıl kullanılır?

Web 2.0 tarzı tasarımlarda öncelikle dikkat çeken kalın yada kalınlastırılmıs, iri yada
irilestirilmis, mutlaka grafiksel bir görsel yanında metinlede desteklenmis logolar.
Peki niçin bu iri yarı logolar moda oldu ve ne amaçla nerelerde kullanılmalı ?

Logo bir firma yada bir web sitesinin çoğunlukla ilk ilgi çeken nesnesidir. Logosu basit
anlasılır ve amacına uygun tasarlanmıs firmalar genellikle önce ve kolayca
hatırlanan, kendisini ifade edebilen ve bu anlamda öne çıkan kuruluslar olmakta.

Web 2.0 sitelerinde ana amaçlardan biri anlasılabilir olmak ise bu ise önce kendinizi
ifade eden logodan baslamak gerek süphesiz. Dnce, cılız grafiksel olarak anlam
tasımayan logolar artık hiç moda değil. Yeni nesil logoların ilk amacı, ilk bakısta
kurumsal kimliği yansıtmak, biz kimiz yada biz buradayız ve buyuz imajının altını
çizmek. Yeni nesil Web 2.0 tarzı logolara örnekler aşağıda.


Gördüğünüz gibi hepsi kalın fontlar ile rahat anlasılır ve akılda kalıcı sekilde
tasarlanmıs. Daha önce görevli olduğum web ajansında Vakıfbank'ın yeni taslak
tasarımları için biz tasarımcılardan logo üzerinde kurumsal kimliği zedelemeyecek
ancak web üzerinde kullanımı sık olacak bir çalısma rica edilmisti. Asağıdaki örnek
Vakıfbank'ın yeni trendlere ne derece sıcak baktığının bir göstergesi, eski hali ve yeni
web sitesinde kullanılması arzulanan hali arasındaki azımsanmayacak bir fark
mevcut.

Yeni trendlere uygun tasarlanan bir sitede eski nesil bir logoya sahip olsa bile,
kurumsal kimliği bozmayacak minör oynamalar, çesitli parlaklık ve gölge efektleri
kullanarak mevcut logoyu sadece web ara yüzünde kullanılacak tarzda gelistirmek
mümkün. Hatta bu trendde bir çalısmanız var ise bunu denemekten çekinmeyin.
Unutmayın kurumuzun kalitesi ve vizyonunu bir bakısta, baska hiçbir sey anlatmadan
sunan tek element logonuzdur.

Web 2.0 sitelerde metin kullanımı
Bundan birkaç yıl öncesinin tarzı bol bol küçük arial ve verdana fontlar ile
kullanıcılara, kimi zaman uzun sayılabilecek metinler ile içeriği sunmaktı. Artık Web
2.0 ile bu modada tarihe gömüldü. Artık moda daha kolay anlasılabilir kısa
açıklamalar, kullanıcıya ana kaynağa kolayca yönlendirecek iri fontlar ile hazırlanmış yönergeler sayesinde hızlı ve kolay bilgi akışı.



Bu iri fontları kullanmanın tek dezavantajı, siteyi ziyaret eden kullanıcılarda "Yinemi
bir web 2.0 sitesi" hissi yaratarak antipati uyandırması. Bununda önüne geçmek için
bazı teknikler gelistirmeniz gerekmekte. Örneğin yukarıdan asağıya önem sırasına
göre eriyen yazılar, yada kullanıcıya iletmek istediğiniz önemli mesajı kalın ve büyük
bir fontla belirtip dikkatini çektikten sonra kalan açıklamaları, normal büyüklükte
yerleştirmek gibi.

 



BU DERSİMİZDE DE TASARIM İLE İLGİLİ ÖNEMLİ NOKTALARA DEĞİNMEYE ÇALIŞTIK. BİR SONRAKİ DERSİMİZDE İÇERİK YÖNETİMİ NEDİR VE NASIL KULLANILIR, FAYDALARI NELERDİR?
 
İLERLEYEN DERSLERDE DE ARAMA MOTORU UYUMLULUK (SEO TEKNİKLERİ), REKLAM ÇEŞİTLERİ GİBİ KONULARDAN BAHSEDECEĞİZ.
 
WEB SİHİRBAZI SİTENİZ İLE İLGİLİ EN ÖNEMLİ KONULARI YANİ TÜM BU İŞLEMLERİ SEÇİMLİ BİR ŞEKİLDE YAPMANIZI SAĞLIYOR. HTML BİLMENİZE GEREK KALMADAN. 
 
İLGİNİZE TEŞEKKÜR EDERİZ.

340 Kişi Tarafından Okundu.

Yazdır Yorum Ekle Tavsiye
1 2 3 4 5 Bu Haber İçin Toplam 2/1 Kere Puan Verildi (Ort:2)
Kaynak: Web Sihirbazı

Kategori ¬ Dersler

Yorumlar ( 0 )

Kayıtlı Yorum Bulunamadı

Diğer Haberler

Ders 4 - Sitemizi nasıl yapacağız?

Ders 4 - Sitemizi nasıl yapacağız?
Bu bölümde html ile ilgili biraz bilgi sahibi olduğumuzu düşünerek daha derin konulara gireceğiz ve web sitemizi inşa etmeye başlayacağız.

 13.04.2010 18:08:55

Ders 3 - HTML nedir ve pratik uygulamalar

Ders 3 - HTML nedir ve pratik uygulamalar
Web sitesi yapan herkesin hangi programı kullanıyor olursa olsun bu temel bilgileri bilmesinde büyük yarar vardır. HTML i çok iyi öğrenin ve web tasarımcısı gibi html bilin demek istemiyorum. Bunahiç gerek yok , ancak bazı temel şeyleri bilmek işin mantığını anlamak için önemlidir. Daha iyi anlamak isteyenler pratikleri de yapabilir.

 13.04.2010 18:02:34

Ders1 - Giriş

Ders1 - Giriş
Ön giriş ve web sitesinin yapısı nasıl olmalı

 13.04.2010 17:51:54


Copyright ©2010 Web Sihirbazı |  Powered By : WebSihirbazi.Net Web Yönetimi , İçerik Yönetimi

web sihirbazi, web tasarim, site kurmak, web tasarımı, site tasarımı, kolay web sitesi, web sitenizi kendiniz yapın

duvar stickeri

internetten para kazanmak

affiliateId Footer=NULL