Web Tasarımı Temelleri ve Teknikleri www.sanalkurs.net.

... konulu sunumlar: "Web Tasarımı Temelleri ve Teknikleri www.sanalkurs.net."— Sunum transkripti:

1 Web Tasarımı Temelleri ve Teknikleri

2 WEB TASARIM PROGRAMLARI

3 ARAŞTIRMA SAFHASI FİRMA ADI
Bu şirket ne iş yapar? Şirketin bir logosu var mıdır? Web sitesi yaptırmadaki amacınız nedir? Sitenizi yayınlamakla müşterilerinize neler sunacaksınız? Hedef kitleniz kimlerdir? Şirketiniz ürünleriyle daha çok hangi yaşa, cinsiyete ve mekana hitap ediyor? Siteniz ziyaret edildiğinde insanlar nasıl bir deneyim yaşamalı? Bütçeniz ne kadar ve bu iş için makul süre durumu nedir? Sık kullandığınız siteler hangileri? Bu işle ilgili muhatap olacağımız kişi kim? Rakipleriniz kim ve web siteleri var mı?

4 MALZEMELER Firmanın logosu, maskotu Kurumsal renkleri
Kullanılacak fotoğraflar Kullanılacak yazılar

5 TASARIM SÜRECİ

6 TASARIM SÜRECİ

7 TASARIM SÜRECİ

8 TASARIM SÜRECİ

9 TASARIM SÜRECİ

10 FONTLAR ve TİPOGRAFİ Flash ve JavaScript
Fontlar Serif ve Sans Serif şeklinde kullanılır. Web’de daha çok Sans olanı tercih ederiz. Bir insan gözünün en iyi algıladığı okuma biçiminin beyaz (Açık Renk) zemin üzerine siyah (Koyu Renk) serifli fontlar ile hazırlanmış dökümanlar olduğu söylenir. Satır yüksekliği için genel kabul yazı boyutunun katı kadar bir mesafedir. Flash ve JavaScript

11 NAVİGASYONLAR

12 ALTIN ORAN 1.618

13 RENKLER Soğuk Renkler Ilık Renkler Nötr Renkler
Soğuk renkler mavi, yeşil, pembe, mor, mavi-yeşil, magenta ve mavi-kırmızı renklerden oluşur. Soğuk renkler sakinleştirici ve yatıştırıcı renklerdir ve çok kullanılırlar. Ilık Renkler Ilık renkler sarı, turuncu, kahverengi, sarı-yeşil ve turuncu-kırmızı renklerden oluşur. Ilık renkler girişkenliğe ve heyecana yöneltmeye meyillidir. Küçük oranlarda kullanılması iyi bir etki bırakır. Nötr Renkler Nötr renkler beyaz, siyah, gri ve büyük değerde gri içeren renklerdir. Nötr renkler arka planlar ve ılık renklerin etkilerini artırmak için idealdir.

14 RENKLER ITTEN’in Renk Çemberi Renkleri iyi belirleyin.
Sakın bir sayfa için iki ya da üçten fazla renk kullanmayın. Her sayfa için aynı arka planı kullanmanız en mantıklı olanıdır. Ana sayfanızın arka planının beyaz iken iletişim bölümünün sarı olması çok iyi bir izlenim uyandırmaz. Yazı ve arka plan seçiminde son derece ciddi olmak lazımdır. Ne pahasına olursa olsun, okunabilirlik muhafaza edilmelidir. Eğer yazı açık renkse, arka plan koyu renk olmalıdır. Siyah ve beyaz her zaman iyi bir kombinasyondur. Çok parlak renkli kısımların sitenizde büyük yer kaplamasından kaçının. Eğer şirketin halihazırda tasarlanmış bir logosu varsa, sitede orjinal halini kullanmanız ve web sitesinde kullandığınız renklerle logodaki renklerin uygunluğundan emin olmanız gerekir. Ana sayfa uyumu gerçekten önemlidir. Çünkü ziyaretçilerinizin rahatsız olacağı renk seçimleri onları uzaklaştıracaktır. Daha girmeden insanları sitenizden kaçırmayın. Denenmiş ve güvenilir renkler deneyin, böylece renklerin ne kadar başarılı olduğunu hissedeceksiniz. Bunun için internette renk kombinasyonları yapan siteler ve programlar var, onlarla çalışabilirsiniz. Ayrıca Adobe'un sunduğu Kuler isimli renk kombinasyonları programlarında mevcuttur, ondan yararlanabilirsiniz. Bundan başka Colourlovers.com ve ColorExplorer.com gibi siteler de işinizi tam anlamıyla görecektir. Eğer siz de farklı renk siteleri kullanıyorsanız ekleyebilirsiniz. ITTEN’in Renk Çemberi

15 TEST AŞAMASI İnternet Explorer Chrome Mozilla Firefox Safari

16 Bir Tasarımcının Hikayesi
1

17 2

18 3

19 4

20 5

21 6

22 7

23 8

24 9

25 Teşekkürler !