Web Arayüz Tasarımcıları İçin 20 İpucu

Web Arayüz Tasarımcıları İçin 20 İpucu

Arayüz tasarımı yaparken nelere dikkat etmek gerektiği konusunda zaman zaman sizlerle farklı ipuçları paylaşıyorum.

Genel olarak bir toparlama yaparsak hızlıca göz atabileceğiniz 20 tasarım ipucunu sizler için bir araya getirdim.

1 Logo’ya Dikkat!

Yaptığınız tasarımın temelini kurumsal kimlik oluşturur. Logo sizin için her şeyin başlangıcıdır.

2 Kılavuz Yapısı (Grid’ler)

Tasarlayacağınız siteyi mutlaka responsive uyumlu sağlam bir grid seti üzerine oturtun.

3 Araştırma

Tasarlayacağınız web sitesinin iş kolu üzerinde mutlaka ön araştırma yapın, daha önce yapılmış siteleri inceleyin.

4 Renkler

Tasarımınızda çok fazla sayıda renk kullanmayın. Bir ana renk ve onu tamamlayacak iki farklı renk size yetecektir.

5 Düzen-Tertip

Katman yapınızı (Layer) ve yaptığınız tasarıma ait tüm unsurları düzenli şekilde dosyalayın ve saklayın.

6 Kontrast

Tasarımınızda kontrast oluşturmayı unutmayın.

ip03

7 Basitlik 

Basit her zaman güzeldir. Minimalist yaklaşımlardan kaçınmayın.

8 Trendler

Yeni nesil tasarım trendlerini kaçırmayın, tasarımlarınıza mutlaka uygulayın.

9 Orijinal Olun

Kopyalamayın! İyi tasarımlar sadece sizin için esin kaynağı olsun.

10 Senaryo

Tasarladığını sitenin kullanılabilirliği açısından, öncesinde mutlaka bir kurgu ve senaryo çalışması yapın.

11 Tipografi

Tasarımınıza uygun modern font aileleri kullanın.

12 Görseller

Kaliteli görseller iyi bir tasarımın önemli parçası. İyi optimize etmekle birlikte yüksek çözünürlükten korkmayın.

ip02

13 5 Saniye Kuralı

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.

14 Beyaz Alan Tasarımı

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.

15 Hedef Kullanıcı Analizi

Tasarladığınız sitenin kime hitap edeceğini unutmayın, tasarımınızı buna göre şekillendirin.

16 Özel Uygulamalar

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.

ip04

17 Kısa Formlar

Kullaıcı deneyimine özen gösterin. Uzun formlar kullanmayın. Basit ve anlaşılabilir tasarımlar oluşturun.

18 SEO

Arama Motoru Optimizasyonu’nu asla göz ardı etmeyin. SEO uyumlu sayfalar üretmeye çalışın. Gerekirse bir uzmandan yardım alın.

19 Efekt Kullanımı

Dozunda hazırlanan görsel efektler etkileyici olabilir. Ancak fazlası zarar. Kullanıcıyı içerikten kopartacak karmaşık efektlerden uzak durun.

20 Fazlalıkları Atın

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!

Hepinize bol renkli günler ;)

Son Yazılar
Yorum ( 16 )
  1. bülent
    19 Ekim 2015 at 11:43 am

    10 üzerinden 9,5. 20. maddedeki “dizayn” sözünü kaldırırsanız, 10 vereceğim.

  2. Gürsel Çetin
    19 Ekim 2015 at 12:03 pm

    21. website içerğinizi hangi konuşma dil(ler)inde yapıyorsanız o dil(ler)in kurallarını iyi öğrenin, yazım ve imla hatası yapmayın. gerekirse bir uzmandan yardım alın.

  3. Yusuf oba
    19 Ekim 2015 at 12:12 pm

    Arşivlik bir yazı, teşekkür ederim.

  4. Ensar Günel
    19 Ekim 2015 at 12:25 pm

    ABİ ELİNE SAĞLIK ÇOK GÜZEL BİR YAZI GERÇEKTEN.

  5. Hasan Yalçın
    19 Ekim 2015 at 1:17 pm

    @BÜLENT çıkardım 10 isterim :))

  6. Sinan Yorulmaz
    19 Ekim 2015 at 8:25 pm

    Gayet güzel bir yazı olmuş hasan abi, eline sağlık. :)

  7. sayyid
    20 Ekim 2015 at 2:33 pm

    “Tasarlayacağınız siteyi mutlaka responsive uyumlu sağlam bir grid seti üzerine oturtun.” O KADAR SAĞLAM OLSUN Kİ 9,8 ŞİDDETİNDE BİR MÜŞTERİ TALEPLERİNE BİLE KAFA TUTSUN!?? Sağlam Da ne demek üstad?? biraz aç bu konuyu? :):):) front end developerları kıskandıracak şevklendirecek kadar sağlam mı? :D:D:D:D

  8. bülent
    23 Ekim 2015 at 9:54 am

    Teşekkürler, tabiki 10 :)))

  9. etapform.com
    26 Ekim 2015 at 10:07 pm

    kaliteli bir paylaşım olmuş sağolasın

  10. ruyayorumlaritabirleri.com
    27 Ekim 2015 at 7:30 pm

    İp uçların için çok teşekkür ederim faydalı bilgiler var

  11. guncelblogcunuz.com
    28 Ekim 2015 at 11:47 pm

    HOCAM DEĞERLİ ÖNERİLERİNİZ İÇİN TEŞEKKÜR EDERİM

  12. Kisiselgelisimci.com
    3 Kasım 2015 at 5:51 pm

    Ben elimden geldiğinice düzenli olmaya çalışıyorum bir çok konuda araştırıyorum sonra tasarıma başlıyorum tasarıma verdiğiniz bilgiler için teşekkürler

  13. Çağatay AYYILDIZ
    6 Kasım 2015 at 12:52 pm

    Verdiğiniz bilgiler için teşekkür ederim Hasan bey. Web Arayüz tasarımları insan odaklı olmalı. Bazı tasarımlar görüyorum sırf reklam düzeni üzerine kurulmuş.

  14. tatlitariflerim.info
    7 Kasım 2015 at 9:58 am

    GÜZEL DEĞERLİ İP UÇLARINIZ İÇİN TEŞEKKÜR EDERİM

  15. Kiralik servis aracları
    9 Kasım 2015 at 6:56 pm

    Bu Yazı alanında buldugum en iyi yazı zaten yorumlardanda belli oluyoır bu faydalı bilgileri bizimle paylaştıgınız icin teşekkür ederiyorum iyi calışmalar

  16. Şenol Şengül
    7 Aralık 2015 at 4:55 pm

    Eline sağlık abi, güzel bir yazı hazırlamışsın.

Bir cevap bırakın
Captcha Captcha güncellemek için resime tıkla