{"id":3191,"date":"2021-12-08T10:04:13","date_gmt":"2021-12-08T07:04:13","guid":{"rendered":"https:\/\/www.domainhizmetleri.com\/blog\/?p=3191"},"modified":"2021-12-17T15:01:51","modified_gmt":"2021-12-17T12:01:51","slug":"web-tasarim-ilkeleri","status":"publish","type":"post","link":"https:\/\/www.domainhizmetleri.com\/blog\/web-tasarim-ilkeleri\/","title":{"rendered":"Web Tasar\u0131m \u0130lkeleri"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Yaz\u0131 \u0130\u00e7eri\u011fi<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u0130\u00e7indekiler Tablosunu A\u00e7\/Kapat\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #0a0a0a;color:#0a0a0a\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #0a0a0a;color:#0a0a0a\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.domainhizmetleri.com\/blog\/web-tasarim-ilkeleri\/#1_Renkler\" >1) Renkler<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.domainhizmetleri.com\/blog\/web-tasarim-ilkeleri\/#2_Yazi_Tipi\" >2) Yaz\u0131 Tipi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.domainhizmetleri.com\/blog\/web-tasarim-ilkeleri\/#3_Kullanici_Arayuzu_UI\" >3) Kullan\u0131c\u0131 Aray\u00fcz\u00fc (UI)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.domainhizmetleri.com\/blog\/web-tasarim-ilkeleri\/#4_Kullanici_Deneyimi_UX\" >4) Kullan\u0131c\u0131 Deneyimi (UX)<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>Bir web sitesi i\u00e7in ilk g\u00f6ze \u00e7arpan \u015fey tasar\u0131m\u0131d\u0131r. Web sitenize giren her ziyaret\u00e7i, ilk olarak tasar\u0131m\u0131n\u0131zla ilgilenilir. Site her ne kadar h\u0131zl\u0131 ve i\u015flevsel olsa da k\u00f6t\u00fc bir tasar\u0131m onu de\u011fersiz hale getirebilir. Bu nedenle dikkat etmeniz gereken bir tak\u0131m web tasar\u0131m ilkeleri var. Bu ilkeleri bildi\u011finiz takdirde, harika projeler tasarlaman\u0131z daha kolay hale gelecek.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Renkler\"><\/span>1) Renkler<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Web tasar\u0131m\u0131nda renk se\u00e7imi son derece \u00f6nemlidir. Sadece siz seviyorsunuz diye bir rengi se\u00e7meniz yanl\u0131\u015f olur. Renkli bir web sitesi demek, t\u00fcm farkl\u0131 renkleri kullanman\u0131z veya teman\u0131z i\u00e7in tek bir renk se\u00e7meniz anlam\u0131na gelmiyor. Renkleri se\u00e7erken ne hissettirdi\u011fini de \u00f6nemsemelisiniz.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1024x576.png\" alt=\"\" class=\"wp-image-3196\" srcset=\"https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1024x576.png 1024w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-300x168.png 300w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1536x864.png 1536w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-990x557.png 990w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1320x743.png 1320w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-470x264.png 470w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-640x360.png 640w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-215x120.png 215w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><br><strong><span class=\"has-inline-color has-herald-cat-147-color\"><i class=\"fa fa-circle\" style=\"color: #dd3333\"><\/i> <\/span>K\u0131rm\u0131z\u0131<\/strong><br>K\u0131rm\u0131z\u0131 genellikle a\u015fk, enerji ve tutkuyu hat\u0131rlat\u0131r. Renk skalas\u0131ndaki en g\u00fc\u00e7l\u00fc ve parlak olan renktir. K\u0131rm\u0131z\u0131 bir tema, \u00e7o\u011funlukla e-ticaret, e\u011flence ve moda sitelerinde kullan\u0131l\u0131yor. Ancak \u00e7ok fazla k\u0131rm\u0131z\u0131 renk kulanman\u0131z, tasar\u0131m\u0131n\u0131z \u00fczerinde olumsuz bir izlenim yarat\u0131r. Ayr\u0131ca do\u011fayla ilgili bir web sitesine sahipseniz, k\u0131rm\u0131z\u0131dan uzak durmal\u0131s\u0131n\u0131z.<br><br><strong><span class=\"has-inline-color has-herald-cat-147-color\"><i class=\"fa fa-circle\" style=\"color: #f5f542\"><\/i> <\/span>Sar\u0131<\/strong><br>Sar\u0131 renk mutluluk, zeka ve dikkat i\u00e7in kullan\u0131l\u0131r. Ancak sar\u0131y\u0131 kullan\u0131rken son derece dikkatli olmal\u0131s\u0131n\u0131z. Zira arka plan\u0131n\u0131zda parlak sar\u0131 renk kullanman\u0131z, ziyaret\u00e7ilerinizin g\u00f6zlerini yorabilir. Sar\u0131 renk ba\u015fl\u0131klar, logo ve butonlar i\u00e7in iyidir. K\u0131sacas\u0131, web sitenizde fazla zaman harcanmas\u0131 gerekiyorsa, sar\u0131 renkten uzak durmal\u0131s\u0131n\u0131z.<br><br><strong><span class=\"has-inline-color has-herald-cat-147-color\"><i class=\"fa fa-circle\" style=\"color: #54f542\"><\/i> <\/span>Ye\u015fil<\/strong><br>Ye\u015fil renk tazelik, g\u00fcven ve b\u00fcy\u00fcme ile ilgilidir. Web sitenizde organik \u00fcr\u00fcnlere yer verecekseniz ya da beslenme \u00fczerine bir site haz\u0131rlayacaksan\u0131z, ye\u015fil renk tam size g\u00f6redir. \u00dcr\u00fcnlerinizin tazeli\u011fini dijital olarak aktarman\u0131z\u0131n yolu ye\u015fil renkli tema kullanman\u0131zd\u0131r. G\u0131da ve do\u011fa ile ilgili projeleriniz i\u00e7in g\u00f6n\u00fcl rahatl\u0131\u011f\u0131yla ye\u015fil rengi kullanabilirsiniz.<br><br><strong><span class=\"has-inline-color has-herald-cat-147-color\"><i class=\"fa fa-circle\" style=\"color: #166be0\"><\/i> <\/span>Mavi<br><\/strong>Huzur, g\u00fcven ve istikrar\u0131n rengi mavidir. Kripto para ve finans \u015firketleri bu nedenle mavi rengi \u00e7ok kullan\u0131r. Baz\u0131 sosyal medya platformlar\u0131n\u0131n da mavi temay\u0131 tercih etmesinin sebebi kullan\u0131c\u0131lar\u0131n\u0131n bilgilerinin g\u00fcvende oldu\u011funu hissettirmek istemesidir.<br><br><strong><span class=\"has-inline-color has-herald-cat-147-color\"><i class=\"fa fa-circle\" style=\"color: #a416e0\"><\/i> <\/span>Mor<br><\/strong>Mor renk zenginlik, kad\u0131n ve kraliyet rengidir. Kad\u0131nlar\u0131 hedefleyen bir web siteniz varsa, mor kullanabilirsiniz.<br>K\u0131sacas\u0131 web sitenizde vermek istedi\u011finiz mesaja g\u00f6re do\u011fru tema rengini se\u00e7meniz gereklidir. Teman\u0131zda ek bir renk kullanmak zorunda de\u011filsiniz. Adobe Color ya da Color Hunt gibi uygulamalardan yard\u0131m alarak do\u011fru renk kombinasyonunu bulabilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Yazi_Tipi\"><\/span>2) Yaz\u0131 Tipi<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1-1024x576.png\" alt=\"\" class=\"wp-image-3210\" srcset=\"https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1-1024x576.png 1024w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1-300x168.png 300w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1-1536x864.png 1536w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1-990x557.png 990w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1-1320x743.png 1320w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1-470x264.png 470w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1-640x360.png 640w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1-215x120.png 215w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/renkler-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tipografi, yani kulland\u0131\u011f\u0131n\u0131z yaz\u0131 tipi de web sitenizin \u00f6nemli bir par\u00e7as\u0131d\u0131r. Yaz\u0131 tipiniz konusunda yanl\u0131\u015f se\u00e7im yapman\u0131z, olumsuz kullan\u0131c\u0131 deneyimi ile sonu\u00e7lanacakt\u0131r. \u00d6zellikle sitenizde okunma i\u00e7erikleri varsa, yaz\u0131 tipini se\u00e7erken dikkatli olmal\u0131s\u0131n\u0131z.<br><br>Yaz\u0131 tipinizi se\u00e7erken dikkat etmeniz gereken \u015feylerden biri de ikiden fazla farkl\u0131 yaz\u0131 tipi se\u00e7memenizdir. Comic sans, curlz, viner, kriten ve papyrus isimli yaz\u0131 tiplerini se\u00e7mekten ka\u00e7\u0131nmal\u0131s\u0131n\u0131z. \u00c7\u00fcnk\u00fc bu yaz\u0131 tipleri e\u011flence amac\u0131yla \u00fcretilmi\u015ftir.<br><br>Hangi yaz\u0131 tipini se\u00e7meniz gerekti\u011fi konusunda kafan\u0131z kar\u0131\u015ft\u0131ysa <strong>CSS Font Stack<\/strong>\u2019ten yard\u0131m alabilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Kullanici_Arayuzu_UI\"><\/span>3) Kullan\u0131c\u0131 Aray\u00fcz\u00fc (UI)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u015eimdi s\u0131ra kullan\u0131c\u0131 aray\u00fcz\u00fc tasar\u0131m\u0131na geldi. Kullan\u0131c\u0131 aray\u00fcz\u00fc, web sitenizi nas\u0131l kulland\u0131\u011f\u0131n\u0131z ve d\u00fczenledi\u011finizle ilgili bir aland\u0131r. Kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fcn hiyerar\u015fi, yerle\u015fim, hizalama, bo\u015f alan ve kitle olarak adland\u0131r\u0131lan be\u015f fakt\u00f6r\u00fc vard\u0131r. \u015eimdi bu fakt\u00f6rleri yak\u0131ndan inceleyelim\u2026<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri-1024x576.png\" alt=\"\" class=\"wp-image-3197\" srcset=\"https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri-1024x576.png 1024w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri-300x168.png 300w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri-1536x864.png 1536w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri-990x557.png 990w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri-1320x743.png 1320w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri-470x264.png 470w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri-640x360.png 640w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri-215x120.png 215w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-siteleri.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Hiyerar\u015fi<\/strong><br>Sitenizi ziyaret eden her ki\u015finin metnin tamam\u0131n\u0131 okuyacak vakti olmayabilir. Bu nedenle \u00f6nemli bilgiler \u00f6nde olacak \u015fekilde bir hiyerar\u015fi olu\u015fturman\u0131z gerekir. Kullan\u0131c\u0131lar\u0131 \u00e7ekmek i\u00e7in renk hiyerar\u015fisi de kullanabilirsiniz. Yani \u00f6nemli k\u0131s\u0131mlar\u0131 farkl\u0131 renklerde g\u00f6stererek kullan\u0131c\u0131n\u0131n davran\u0131\u015f\u0131n\u0131 y\u00f6nlendirebilirsiniz.<\/li><li><strong>Yerle\u015fim<\/strong><br>Web sitenizin d\u00fczeni, yerle\u015fimdir. Sitenizde her \u015feyi ayn\u0131 yere koymamaya \u00f6zen g\u00f6sterin. Materyalleri farkl\u0131 par\u00e7alara ay\u0131r\u0131n. Metinleriniz \u00e7ok fazlaysa, her sat\u0131r\u0131 60 karakterle s\u0131n\u0131rlay\u0131n.<\/li><li><strong>Hizalama<\/strong><br>Hizalama, web sayfan\u0131zdaki bir \u00f6\u011fenin, di\u011fer \u00f6\u011felerle olan konumuyla ilgilidir. Web sitenizde \u00f6\u011felerin d\u00fczg\u00fcn hizalanmas\u0131na dikkat edin.<\/li><li><strong>Bo\u015f Alan<\/strong><br>Bo\u015f alan, sayfan\u0131zdaki \u00f6\u011felerin aralar\u0131ndaki bo\u015fluktur. Bu bo\u015fluklar, sitenizin \u2018nefes almas\u0131n\u0131\u2019 sa\u011flar. \u0130\u00e7 i\u00e7e ge\u00e7mi\u015f \u00f6\u011felerin bulundu\u011fu bir web sitesi pek de kullan\u0131c\u0131 dostu de\u011fildir.<\/li><li><strong>Kitle<\/strong><br>Web sitenizin kitlesi de bir aray\u00fcz \u00f6\u011fesidir. \u00d6rne\u011fin YouTube ve YouTube Kids\u2019in aray\u00fczleri aras\u0131nda fark vard\u0131r. T\u00fcm oyun sitelerinin aray\u00fcz\u00fc birbirinden farkl\u0131d\u0131r. Bunlar hep kullan\u0131c\u0131 kitlesi baz al\u0131narak tasarlanm\u0131\u015ft\u0131r.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Kullanici_Deneyimi_UX\"><\/span>4) Kullan\u0131c\u0131 Deneyimi (<strong>UX<\/strong>)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Bu noktaya kadar tasar\u0131m\u0131m\u0131zda kullan\u0131c\u0131y\u0131 \u00e7ekmeye \u00e7al\u0131\u015ft\u0131k. \u015eimdi s\u0131ra kullan\u0131c\u0131y\u0131 etkilemekte! Kullan\u0131c\u0131 aray\u00fcz\u00fc, ziyaret\u00e7ileri cezbeder, kullan\u0131c\u0131 deneyimi ise ziyaret\u00e7ileri rahat ettirir. Kullan\u0131c\u0131 deneyiminde dikkat etmeniz gereken 5 nokta var. Bunlar; basitlik, tutarl\u0131l\u0131k, yaz\u0131 kal\u0131plar\u0131, platform tasar\u0131m\u0131 ve dark patterns (yan\u0131lt\u0131c\u0131 butonlar, zorunlu \u00fcyelik sistemi, vb.) kullan\u0131m\u0131ndan ka\u00e7\u0131nmakt\u0131r.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi-1024x576.png\" alt=\"\" class=\"wp-image-3198\" srcset=\"https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi-1024x576.png 1024w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi-300x168.png 300w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi-1536x864.png 1536w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi-990x557.png 990w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi-1320x743.png 1320w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi-470x264.png 470w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi-640x360.png 640w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi-215x120.png 215w, https:\/\/www.domainhizmetleri.com\/blog\/wp-content\/uploads\/web-site-tasarimi.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Basitlik<\/strong><br>Ayn\u0131 yerde birden fazla i\u00e7erik bar\u0131nd\u0131rman\u0131z, kullan\u0131c\u0131lar\u0131n nereye bakaca\u011f\u0131n\u0131 bilememesine neden olur. \u0130\u00e7eri\u011finizi d\u00fczenleyin ve azalt\u0131n. B\u00f6ylece tasar\u0131m\u0131n\u0131z\u0131 biraz daha basitle\u015ftirmi\u015f olursunuz. E-ticaret sitelerinin bir\u00e7o\u011fu basit tasar\u0131mdan olu\u015fur.<\/li><li><strong>Tutarl\u0131l\u0131k<\/strong><br>Web siteniz, \u00e7ocuklar veya ya\u015fl\u0131lar gibi teknoloji d\u0131\u015f\u0131 bir kitleye sahipse, tutarl\u0131 bir duru\u015fa sahip olman\u0131z sitenizin anla\u015f\u0131lmas\u0131n\u0131 kolayla\u015ft\u0131r\u0131r.<\/li><li><strong>Yaz\u0131 Kal\u0131plar\u0131<\/strong><br>Yaz\u0131 kal\u0131plar\u0131, kullan\u0131c\u0131lar\u0131n web sitenize nas\u0131l bakt\u0131\u011f\u0131n\u0131 belirler. Z d\u00fczeni ve F d\u00fczeni olarak ikiye ayr\u0131l\u0131r. F d\u00fczeninde \u00f6nemli olan yaz\u0131 sol tarafta bulunur. Z d\u00fczeninde ise hareket almak istedi\u011finiz buton sol ortada, yaz\u0131lar sol \u00fcst ve altta yer al\u0131r.<\/li><li><strong>Platform Tasar\u0131m\u0131<\/strong><br>Web sitenizi yaln\u0131zca masa\u00fcst\u00fc bilgisayarlar i\u00e7in olu\u015fturamazs\u0131n\u0131z de\u011fil mi? Tasar\u0131m\u0131n\u0131z\u0131n farkl\u0131 cihazlar\u0131n t\u00fcm\u00fcne uygun (Responsive) bir tasar\u0131m olmas\u0131 gerekti\u011fini unutmay\u0131n.<\/li><li><strong>Dark Patterns<\/strong><br>Dark patterns eylemi, kullan\u0131c\u0131 dostu de\u011fildir. \u00d6rne\u011fin, baz\u0131 siteler, dark patterns modeli kullanarak kullan\u0131c\u0131 \u00fcye olmak istemese bile onun zorla \u00fcye olmas\u0131n\u0131 isteyebilir. K\u0131sa vadede bu y\u00f6ntemle fayda elde etseniz de, uzun vadede sitenizi ba\u015far\u0131s\u0131z hale getirir.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Bir web sitesi i\u00e7in ilk g\u00f6ze \u00e7arpan \u015fey tasar\u0131m\u0131d\u0131r. Web sitenize giren her ziyaret\u00e7i, ilk olarak tasar\u0131m\u0131n\u0131zla ilgilenilir. Site her ne kadar h\u0131zl\u0131 ve i\u015flevsel olsa da k\u00f6t\u00fc bir tasar\u0131m onu de\u011fersiz hale getirebilir. Bu nedenle dikkat etmeniz gereken bir tak\u0131m web tasar\u0131m ilkeleri var. Bu ilkeleri bildi\u011finiz takdirde, harika projeler tasarlaman\u0131z daha kolay hale [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":3214,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[145,142],"tags":[169,163,168],"class_list":["post-3191","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nedir-nasil","category-yazilim-pratikleri","tag-tasarim","tag-web","tag-web-tasarim"],"views":565,"_links":{"self":[{"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/posts\/3191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/comments?post=3191"}],"version-history":[{"count":18,"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/posts\/3191\/revisions"}],"predecessor-version":[{"id":3232,"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/posts\/3191\/revisions\/3232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/media\/3214"}],"wp:attachment":[{"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/media?parent=3191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/categories?post=3191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.domainhizmetleri.com\/blog\/wp-json\/wp\/v2\/tags?post=3191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}