Embed Size (px)
Citation preview
8. BİLİŞİM SEMİNERLERİ
WEB SİTESİ NASIL HAZIRLANIR?
SİRACEDDİN EL
Bir Tasarımın Hikayesi
Web Siteleri
Kurumsal
E-Ticaret Bilgi-Paylaşım
Kişisel
TÜRLER
Yapım Aşaması
WEB TASARIM NEDİR?
Yapım Aşaması
Planlama Aşaması
WEB TASARIM NEDİR?
PLANLAMA
Sen Müşteri Kullanıcı
İLK SORULAR
• Sitenin amacı nedir? • Bu siteyi kim kullanacak? • Hangi yaş gurubuna hitap ediyor? • Hangi kitle? • Hangi cinsiyet? • Ziyaret edenler ne beklemeli?
PLANLAMA
İLHAM ALINACAK SİTELER
• Awwwards.com • Creattica.com • Dribbble.com • Behance.net • DeviantArt.com • PremiumPixels.com
KONSEPT
STİL
• Flat • Minimalist • Hatırlanabilir • Renk, doku, tipografi, resimler ve yerleşim • Uzun ömürlü • Bütün cihazlar için uyumlu
KONSEPT
KONSEPT
TASLAK
• Gliffy.com • Cacoo.com • Framebox.org • Fluidia.org • Mockflow.com • Balsamiq.com
KONSEPT
TASARIM
• 960 Grid System • Bootstrap • Semantic UI •
TASARIM
NAVİGASYON
TASARIM
TİPOGRAFİ (FONT)
TASARIM
İKONLAR • Fontawesome.io
TASARIM
MUTLAKA OLMALI
• İletişim Bilgileri • İletişim Formu • Hakkımızda • Sosyal Medya • SEO • Temiz Kodlama ve CSS
TASARIM
TARAYICI TESTLERİ
SONUÇ
İŞ BİTİRME ANLAYIŞI
SİRACEDDİN EL • Twitter.com/siracel • Facebook.com/siracel • www.siracel.com • [email protected]
İLETİŞİM
