{"id":7884,"date":"2015-06-08T09:40:14","date_gmt":"2015-06-08T06:40:14","guid":{"rendered":"http:\/\/blog.natro.com\/?p=7884"},"modified":"2019-05-17T13:29:09","modified_gmt":"2019-05-17T10:29:09","slug":"web-site-tasariminda-renk-kullanimi","status":"publish","type":"post","link":"https:\/\/www.natro.com\/blog\/web-site-tasariminda-renk-kullanimi\/","title":{"rendered":"Web Site Tasar\u0131m\u0131nda Renk Kullan\u0131m\u0131"},"content":{"rendered":"

Ba\u015far\u0131l\u0131 bir web tasar\u0131m\u0131n en \u00f6nemli unsurlar\u0131ndan biri; sekt\u00f6re ve i\u00e7eri\u011fe uygun do\u011fru renk kombinasyonlar\u0131n\u0131n kullan\u0131lmas\u0131d\u0131r. Web tasar\u0131m\u0131nda renk kullan\u0131m\u0131<\/strong>, ziyaret\u00e7ilere iyi bir kullan\u0131c\u0131 deneyimi sunmak ve mesaj\u0131 do\u011fru bir bi\u00e7imde iletmek i\u00e7in \u00f6nemlidir. Bir ziyaret\u00e7i sitenize geldi\u011fi zaman, 3 ile 7 saniye civar\u0131nda sitenin g\u00f6rselli\u011fine yo\u011funla\u015f\u0131r ve kendini rahat hissetmesi halinde sayfan\u0131zda gezinmeye ba\u015flar.<\/span><\/span><\/p>\n

\n

Renkler genellikle ki\u015finin duygular\u0131 ile ili\u015fkidir, fiziksel ya da zihinsel durumunuzu etkileyebilir. E-ticaret ile ilgilenen sitelerde m\u00fc\u015fteri her zaman \u00fcr\u00fcn ile do\u011frudan ili\u015fki kurarken rengi kullan\u0131r. Yani %75 oran ile renk sayesinde marka ile bir ba\u011f kurar. Bu ba\u011f sayesinde kullan\u0131c\u0131larda olu\u015fan alg\u0131sal durumlara g\u00f6re sat\u0131n alma eylemi ger\u00e7ekle\u015fmi\u015f olur. <\/span><\/span><\/p>\n

\u00d6rne\u011fin;\u00a0bir\u00e7ok yemek firmas\u0131 k\u0131rm\u0131z\u0131n\u0131n i\u015ftah a\u00e7\u0131p a\u00e7l\u0131k uyand\u0131rd\u0131\u011f\u0131n\u0131 d\u00fc\u015f\u00fcn\u00fcr\u00a0ya da bir\u00e7ok e-ticaret sitesinde sat\u0131n al butonlar\u0131 k\u0131rm\u0131z\u0131 ya da turuncudur. Bunun nedeni ise turuncunun insanda zenginlik hissi uyand\u0131rmas\u0131 ve sat\u0131n alma d\u00fcrt\u00fcs\u00fcn\u00fc tetiklemesinden kaynaklan\u0131r.<\/span><\/span><\/p>\n

Bir ka\u00e7 \u00f6rnek vermek gerekirse;
\nHepimizin bildi\u011fi sat\u0131\u015f siteleri hepsiburada.com, amazon.com, bimeks.com.tr turuncuyu \u2013 mediamarkt.com.tr, gold.com.tr ise k\u0131rm\u0131z\u0131y\u0131 kullan\u0131r.\u00a0<\/span><\/span><\/p>\n

Kullan\u0131lan renkler; iyi hissettirmek, enerji vermek, rahatlatmak, tatmin etmek, g\u00fcven vermek ve bunun gibi bir\u00e7ok d\u00fcrt\u00fcleri harekete ge\u00e7irmek amac\u0131yla kullan\u0131lmal\u0131d\u0131r.<\/span><\/p><\/blockquote>\n

\u00dcnl\u00fc renk psikolo\u011fu Jill Morton<\/strong> ba\u015far\u0131l\u0131 bir renk tasar\u0131m\u0131 i\u00e7in d\u00f6rt alt\u0131n kural\u0131 \u015fu \u015fekilde belirtiyor.<\/span><\/p>\n

    \n
  1. \u0130ki veya \u00fc\u00e7 renk kullan\u0131n<\/span><\/li>\n
  2. Ayn\u0131 aileden renkleri bir arada kullan\u0131n<\/span><\/li>\n
  3. Renk z\u0131tl\u0131klar\u0131n\u0131 Deneyin<\/span><\/li>\n
  4. Okunurluk i\u00e7in do\u011fru kontrast\u0131 yakalay\u0131n<\/span><\/li>\n<\/ol>\n

    Web site tasar\u0131m\u0131<\/strong>n\u0131zda i\u015fe koyuldu\u011funuzda, firman\u0131z\u0131n logosu var ise ana renkler olarak bunlar\u0131 se\u00e7melisiniz. Daha sonra, web sitenizin hitap edece\u011fi sekt\u00f6re g\u00f6re, bu renklere uyacak di\u011fer yan renkleri belirlemeniz uygun olacakt\u0131r. En fazla 4 adet renk se\u00e7imi kullanmay\u0131 prensip haline getirmenizi \u00f6neririm.<\/span><\/p>\n

    \u00d6rne\u011fin HTML5 <\/strong>logomuz i\u00e7in turuncu renge ek olarak \u015fu renkleri kullanabiliriz.\u00a0<\/span><\/p>\n

    \"html5-logo-renklerin\"<\/span><\/p>\n

    \u00d6nemli noktalar\u0131 vurgulamak, bir his uyand\u0131rmak veya g\u00f6rsel ilgi olu\u015fturmak i\u00e7in z\u0131tl\u0131klar kullanabilirsiniz. Bu dikkat da\u011f\u0131n\u0131kl\u0131\u011f\u0131na, g\u00f6z yorgunlu\u011funa sebep olmayacakt\u0131r. \u00d6rne\u011fin a\u015fa\u011f\u0131da vurgu i\u00e7in renk kullan\u0131m\u0131na \u00f6rnek sa\u011flanm\u0131\u015ft\u0131r.<\/span><\/p>\n

    \"vurgu-renk-secimi\"<\/span><\/p>\n

    Men\u00fclerimizde, resim arka planlar\u0131m\u0131zda ve bir\u00e7ok yerde z\u0131t renk kullan\u0131m\u0131n\u0131 sa\u011flayabiliriz. Kullan\u0131c\u0131lar\u0131m\u0131z\u0131n web sitemizi kullan\u0131rken arad\u0131\u011f\u0131 men\u00fcy\u00fc rahatl\u0131kla bulmas\u0131 i\u00e7in z\u0131t renklerden kullanabiliriz. \u00d6rne\u011fin ekleme\u00a0butonunun rengi farkl\u0131 ve uyumlu bir renk oldu\u011funda rahat g\u00f6rme imk\u00e2n\u0131 sunmaktad\u0131r.<\/span><\/p>\n

    \"vurgu-renk-secimi\"<\/span><\/p>\n

    Tasar\u0131mlar\u0131n\u0131zda renk kullan\u0131mlar\u0131n\u0131za anlam katmak i\u00e7in renklerin dilini \u00f6\u011frenmeniz yararl\u0131 olacakt\u0131r. Baz\u0131 renklerin d\u00fcnya genelinde kabul g\u00f6rm\u00fc\u015f \u00f6zellikleri \u015fu \u015fekildedir;<\/span><\/p>\n

    Mavi :<\/strong>\u00a0 Sa\u011flaml\u0131\u011f\u0131, uyumu, bar\u0131\u015f\u0131, s\u00fck\u00fbneti, sakinli\u011fi, birli\u011fi, g\u00fcveni ve inanc\u0131 temsil eder.
    \nSiyah :<\/strong>\u00a0G\u00fcc\u00fc, k\u00fclt\u00fcr\u00fc, resmiyeti, zarafeti, zenginli\u011fi, gizemi, korkuyu, k\u00f6t\u00fcl\u00fc\u011f\u00fc temsil eder.
    \nYe\u015fil :<\/strong>\u00a0Tabiat\u0131, sa\u011fl\u0131\u011f\u0131, yenili\u011fi, gen\u00e7li\u011fi, enerjiyi , bereketi, c\u00f6mertli\u011fi, k\u0131skan\u00e7l\u0131\u011f\u0131 temsil eder.
    \nSar\u0131 :<\/strong>\u00a0Ne\u015feyi, mutlulu\u011fu, iyimserli\u011fi, idealistli\u011fi, hayal g\u00fcc\u00fcn\u00fc, umudu, g\u00fcne\u015f \u0131\u015f\u0131\u011f\u0131n\u0131 temsil eder.
    \nTuruncu :<\/strong>\u00a0Enerjiyi, dengeyi, s\u0131cakl\u0131\u011f\u0131, hevesi, co\u015fkunlu\u011fu, g\u00f6steri\u015fi temsil eder.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"Ba\u015far\u0131l\u0131 bir web tasar\u0131m\u0131n en \u00f6nemli unsurlar\u0131ndan biri; sekt\u00f6re ve i\u00e7eri\u011fe uygun do\u011fru renk kombinasyonlar\u0131n\u0131n kullan\u0131lmas\u0131d\u0131r. Web tasar\u0131m\u0131nda…\n","protected":false},"author":7,"featured_media":27524,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,62,192],"tags":[332],"class_list":{"0":"post-7884","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-nasil-yapilir","8":"category-teknoloji","9":"category-web-tasarimi","10":"tag-tasarim"},"_links":{"self":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/7884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/comments?post=7884"}],"version-history":[{"count":0,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/posts\/7884\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media\/27524"}],"wp:attachment":[{"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/media?parent=7884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/categories?post=7884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.natro.com\/blog\/wp-json\/wp\/v2\/tags?post=7884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}