Pir Zöhre Ana Forum

Tam Versiyon: Web Arayüz Tasarımcıları İçin 20 İpucu
Şu anda arşiv modunu görüntülemektesiniz. Tam versiyonu görüntülemek için buraya tıklayınız.
[COLOR=#6D7683][FONT=Open Sans] Arayüz tasarımı yaparken nelere dikkat etmek gerektiği konusunda zaman zaman sizlerle farklı ipuçları paylaşıyorum.
[COLOR=#6D7683][FONT=Open Sans] Genel olarak bir toparlama yaparsak hızlıca göz atabileceğiniz 20 tasarım ipucunu sizler için bir araya getirdim.
[COLOR=#6D7683][FONT=Open Sans] 1 Logo’ya Dikkat!
[COLOR=#6D7683][FONT=Open Sans] Yaptığınız tasarımın temelini kurumsal kimlik oluşturur. Logo sizin için her şeyin başlangıcıdır.
[COLOR=#6D7683][FONT=Open Sans] 2 Kılavuz Yapısı (Grid’ler)
[COLOR=#6D7683][FONT=Open Sans] Tasarlayacağınız siteyi mutlaka responsive uyumlu sağlam bir grid seti üzerine oturtun.
[COLOR=#6D7683][FONT=Open Sans] 3 Araştırma
[COLOR=#6D7683][FONT=Open Sans] Tasarlayacağınız web sitesinin iş kolu üzerinde mutlaka ön araştırma yapın, daha önce yapılmış siteleri inceleyin.
[COLOR=#6D7683][FONT=Open Sans] 4 Renkler
[COLOR=#6D7683][FONT=Open Sans] Tasarımınızda çok fazla sayıda renk kullanmayın. Bir ana renk ve onu tamamlayacak iki farklı renk size yetecektir.
[COLOR=#6D7683][FONT=Open Sans] 5 Düzen-Tertip
[COLOR=#6D7683][FONT=Open Sans] Katman yapınızı (Layer) ve yaptığınız tasarıma ait tüm unsurları düzenli şekilde dosyalayın ve saklayın.
[COLOR=#6D7683][FONT=Open Sans] 6 Kontrast
[COLOR=#6D7683][FONT=Open Sans] Tasarımınızda kontrast oluşturmayı unutmayın.
[COLOR=#6D7683][FONT=Open Sans] 7 Basitlik
[COLOR=#6D7683][FONT=Open Sans] Basit her zaman güzeldir. Minimalist yaklaşımlardan kaçınmayın.
[COLOR=#6D7683][FONT=Open Sans] 8 Trendler
[COLOR=#6D7683][FONT=Open Sans] Yeni nesil tasarım trendlerini kaçırmayın, tasarımlarınıza mutlaka uygulayın.
[COLOR=#6D7683][FONT=Open Sans] 9 Orijinal Olun
[COLOR=#6D7683][FONT=Open Sans] Kopyalamayın! İyi tasarımlar sadece sizin için esin kaynağı olsun.
[COLOR=#6D7683][FONT=Open Sans] 10 Senaryo
[COLOR=#6D7683][FONT=Open Sans] Tasarladığını sitenin kullanılabilirliği açısından, öncesinde mutlaka bir kurgu ve senaryo çalışması yapın.
[COLOR=#6D7683][FONT=Open Sans] 11 Tipografi
[COLOR=#6D7683][FONT=Open Sans] Tasarımınıza uygun modern font aileleri kullanın.
[COLOR=#6D7683][FONT=Open Sans] 12 Görseller
[COLOR=#6D7683][FONT=Open Sans] Kaliteli görseller iyi bir tasarımın önemli parçası. İyi optimize etmekle birlikte yüksek çözünürlükten korkmayın.
[COLOR=#6D7683][FONT=Open Sans] 13 5 Saniye Kuralı
[COLOR=#6D7683][FONT=Open Sans] Unutmayın, ekranda ne olup bittiğin kullanıcıya anlatmak için en fazla 5 saniyeniz var. Tasarımlarınızda özellikle ana sayfayı bu kurala göre konumlandırın.
[COLOR=#6D7683][FONT=Open Sans] 14 Beyaz Alan Tasarımı
[COLOR=#6D7683][FONT=Open Sans] Unutmayın, boşluklar da tasarımların dengeleyici birer parçasıdır. Boşluk bırakmaktan, tasarımınızı ferah tutmaktan çekinmeyin.
[COLOR=#6D7683][FONT=Open Sans] 15 Hedef Kullanıcı Analizi
[COLOR=#6D7683][FONT=Open Sans] Tasarladığınız sitenin kime hitap edeceğini unutmayın, tasarımınızı buna göre şekillendirin.
[COLOR=#6D7683][FONT=Open Sans] 16 Özel Uygulamalar
[COLOR=#6D7683][FONT=Open Sans] Yaptığınız tasarımın hangi altyapı ile çalışacağını öğrenin. O altyapıya özel tasarım geliştirmeleri gerekebilir. Bunu önceden bilirseniz sonrasında sorun yaşamazsınız.
[COLOR=#6D7683][FONT=Open Sans] 17 Kısa Formlar
[COLOR=#6D7683][FONT=Open Sans] Kullaıcı deneyimine özen gösterin. Uzun formlar kullanmayın. Basit ve anlaşılabilir tasarımlar oluşturun.
[COLOR=#6D7683][FONT=Open Sans] 18 SEO
[COLOR=#6D7683][FONT=Open Sans] Arama Motoru Optimizasyonu’nu asla göz ardı etmeyin. SEO uyumlu sayfalar üretmeye çalışın. Gerekirse bir uzmandan yardım alın.
[COLOR=#6D7683][FONT=Open Sans] 19 Efekt Kullanımı
[COLOR=#6D7683][FONT=Open Sans] Dozunda hazırlanan görsel efektler etkileyici olabilir. Ancak fazlası zarar. Kullanıcıyı içerikten kopartacak karmaşık efektlerden uzak durun.
[COLOR=#6D7683][FONT=Open Sans] 20 Fazlalıkları Atın
[COLOR=#6D7683][FONT=Open Sans] Tasarımınızın taslaklarını çıkardıktan sonra, gereksiz elementleri projenizden çıkarın. Kullanıcının kafasını karıştıracak gereksiz detaylardan kurtulun. Nasılsa başka sayfalarda onlara yer bulursunuz!
[COLOR=#6D7683][FONT=Open Sans] Hepinize bol renkli günler

Kaynak: Web Arayüz Tasarımcıları İçin 20 İpucu | Hasan Yalçın

hasanyalcin.com/web-arayuz-tasarimcilari-icin-20-ipucu/