{"id":6000,"date":"2017-12-14T13:05:38","date_gmt":"2017-12-14T13:05:38","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=6000"},"modified":"2017-12-15T09:53:38","modified_gmt":"2017-12-15T09:53:38","slug":"bu-bolumde-neler-gorecegiz-2018nin-web-tasarim-trendleri","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/bu-bolumde-neler-gorecegiz-2018nin-web-tasarim-trendleri\/","title":{"rendered":"Bu b\u00f6l\u00fcmde neler g\u00f6rece\u011fiz? 2018’nin Web Tasar\u0131m Trendleri"},"content":{"rendered":"
    \n
  1. Temizleyici Layoutlar ve Siyah Tipografi<\/a><\/li>\n
  2. Alt Men\u00fcleri ve Yap\u0131\u015fkan Elemanlar\u0131<\/a><\/li>\n
  3. Daha uzun \u0130\u00e7erik Formlar\u0131<\/a><\/li>\n
  4. Ki\u015fiselle\u015ftirme<\/a><\/li>\n
  5. Cinemagraf<\/a><\/li>\n
  6. \u00d6l\u00e7eklendirilebilir Vekt\u00f6r Grafik<\/a><\/li>\n
  7. Mikro etkile\u015fimleri<\/a><\/li>\n
  8. Hareketli Tipografi<\/a><\/li>\n
  9. Sanal Ger\u00e7eklik Videolar\u0131<\/a><\/li>\n
  10. Negatif Alan\u0131n Yaz\u0131 karakteri<\/a><\/li>\n
  11. Gradientler ve \u00dcst\u00fcste foto\u011fraf \u00e7ekme<\/a><\/li>\n
  12. Bozuk resimler<\/a><\/li>\n
  13. Taslak tasar\u0131mlar\u0131<\/a><\/li>\n
  14. K\u0131rp\u0131lm\u0131\u015f da\u011f\u0131n\u0131k tipografi<\/a><\/li>\n
  15. A\u00e7\u0131k kompozisyonu<\/a><\/li>\n
  16. Sohbet robotu ve Dil \u0130\u015fleme<\/a><\/li>\n<\/ol>\n

    \u0130nternette daha \u00e7ok vakit ge\u00e7irdik\u00e7e, web sitesi olu\u015fturma s\u00fcrecindeki son trendleri takip etmek, hem profesyonel tasar\u0131mc\u0131lar hem de\u00a0 s\u0131radan web kullan\u0131c\u0131lar i\u00e7in iyi bir performans ya\u015famalar\u0131na imkan tan\u0131nmaktad\u0131r.<\/p>\n

    Bu makalede, grafik trendlerin nas\u0131l geli\u015fti\u011fini ve teknlojinin g\u00fcnl\u00fck rutinler \u00fczerinde ne \u015fekilde etkileyici deneyimler haline d\u00f6n\u00fc\u015ft\u00fcr\u00fcld\u00fc\u011f\u00fcn\u00fc g\u00f6rece\u011fiz.<\/p>\n

    Web tasar\u0131m \u015fablonlar\u0131m\u0131z\u0131n <\/a>m\u00fckemmel tasar\u0131mlar\u0131na yelken a\u00e7mak i\u00e7in birka\u00e7 dakikan\u0131z\u0131 ay\u0131r\u0131n.<\/p>\n

    Temizleyici Layoutlar\u0131 ve Siyah Tipografi<\/h3>\n

    2018'de, web tasar\u0131mc\u0131lar, \u00a0mobil kullan\u0131c\u0131lar i\u00e7in, y\u00fckleme s\u00fcrelerini azaltarak, bu konuda rakiplerle kendi aralar\u0131nda ciddi bir rekabet olu\u015fturmu\u015flard\u0131r. Kullan\u0131c\u0131lar karma\u015f\u0131k, g\u00f6steri\u015fli unsurlarla u\u011fra\u015fmalar\u0131n\u0131n aksine, \u00e7ekici man\u015fetler ve harekete ge\u00e7iren mesajlarla kar\u015f\u0131lacaklard\u0131r. Orijinal yaz\u0131 karakterleri, grafikler ve 3D animasyonu \u00f6n plana \u00e7\u0131kacaklard\u0131r.<\/p>\n

    \"\"<\/p>\n

    \"\"<\/p>\n

    Alt Men\u00fcler ve Yap\u0131\u015fkan Elemanlar<\/h3>\n

    Hamburger men\u00fcler halen pop\u00fclerli\u011fini korurken, bir\u00e7ok web tasar\u0131mc\u0131s\u0131 sayfann alt k\u0131sm\u0131nda yer alan sekme tabanl\u0131 gezinmeyi terih etmektedir. Bunu nedeni tahmin edebilece\u011finiz gibi, kullan\u0131c\u0131lar\u0131 mobil cihazlar\u0131 ve tabletlerinde alt gezinme simgelerine olan al\u0131\u015fkanl\u0131klar\u0131ndan kaynaklanmaktad\u0131r. Harekete ge\u00e7eren unsurlar, kullan\u0131c\u0131lar\u0131n sayfalar\u0131 a\u015fa\u011f\u0131 kayd\u0131r\u0131rken ayn\u0131 zamanda takip edecekleri bir d\u00f6n\u00fc\u015f\u00fcm sa\u011flayacaklard\u0131r.<\/p>\n

    \"\"<\/p>\n

    Mod\u00fclleri ve Dengesiz \u0130zgaralar<\/h3>\n

    Mod\u00fcler d\u00fczenlerinin pop\u00fclerli\u011fi 2017 y\u0131l\u0131nda zirveye ula\u015ft\u0131. Tasar\u0131mc\u0131lar, metin i\u00e7eri\u011fini ve g\u00f6rselleri birbirine ba\u011fl\u0131 ve dengeli d\u00fczen i\u00e7inde kullan\u0131rlar. Y\u00fckseli\u015fi devam eden geometrik d\u00fczenler, 2018'deki web sitelerinde mozaik izgaralar ve kaotik kart d\u00fczenleri halinde g\u00f6ze \u00e7arpacakt\u0131r. Bir\u00e7ok geometrik d\u00fczen tasar\u0131m\u0131 d\u00fczensiz olmas\u0131na ra\u011fmen i\u00e7eri\u011finde mobil uyumlu geometrik desenlerde olu\u015fan resimler ve metin par\u00e7alar\u0131 bulunur.<\/p>\n

    \"\"<\/p>\n

    \"\"<\/p>\n

    Daha uzun \u0130\u00e7erik Formlar\u0131<\/h3>\n

    Son zamanlarda, web sitesi ziyaret\u00e7ileri uzun i\u00e7erikleri incelemek i\u00e7in daha fazla isteklidirler. Arama motoru optimizasyonu, i\u00e7erik etraf\u0131nda web sitesi olu\u015fturmay\u0131 ve \"alt\u0131ndaki alana\" girmeyi gerektirir.<\/p>\n

    Ki\u015fiselle\u015ftirme<\/h3>\n

    Modern Web Siteleri, bizim ve tarama ge\u00e7mi\u015fi hakk\u0131nda \u00e7ok fazla veri toplamaktad\u0131r. T\u00fcketiciler, ismiyle \u00e7a\u011fr\u0131lmaya al\u0131\u015fkand\u0131rlar ve sat\u0131n al\u0131mlara g\u00f6re belirli bir i\u00e7eri\u011fi g\u00f6sterirler. Ziyaret\u00e7iler, cihazlar\u0131n \u00e7al\u0131\u015fma prensiplerini \u00f6\u011frendik\u00e7e benzersiz kullan\u0131c\u0131 deneyimine kavu\u015fup, markalarla duygusal ba\u011fl\u0131klar\u0131n\u0131 art\u0131rm\u0131\u015f olacakt\u0131r.<\/p>\n

    Cinemagraph<\/h3>\n

    Bir\u00e7ok web sitesinde bizleri kar\u015f\u0131layan ekran boyutunda videolara al\u0131\u015ft\u0131k. 2018'de, kullan\u0131c\u0131lar\u0131 e\u011flendirmek ve anahtar d\u00f6n\u00fc\u015f\u00fcm noktalar\u0131na odaklanmalar\u0131n\u0131 sa\u011flamak i\u00e7in cinemagraf y\u00fcklenecek. Bu animasyon resimler, \u00fcr\u00fcn sayfalar\u0131n\u0131n oldu\u011fu yerde bir \u00fcr\u00fcn\u00fcn belirli \u00f6\u011felerinin hareket ettirilmesine veya farkl\u0131 a\u00e7\u0131da g\u00f6sterilmesine izin veren en i\u015flevsel \u00f6zelliklerinden biridir. Cinemagraph videolaradan daha h\u0131zl\u0131 y\u00fcklenir, b\u00f6ylece modern web siteleri i\u00e7in uygulanabilmektedir.<\/p>\n

    \"\"<\/p>\n

    \u00d6l\u00e7eklendirilebilir Vekt\u00f6r Grafik<\/h3>\n

    JPS, PNG'ler ve GIFler sayfalar\u0131 yava\u015flat\u0131r, bu y\u00fczden onlar\u0131 \u00f6l\u00e7eklenebilir vekt\u00f6rel grafiklerle de\u011fi\u015ftirdiklerini inceleyece\u011fiz. SVGler, web sitenin performans\u0131na zarar vermez ve g\u00f6r\u00fcnt\u00fcy\u00fc bir mobil ekrana s\u0131\u011fd\u0131rmak i\u00e7in \u00f6l\u00e7eklendikten sonra ayn\u0131 haliyle kal\u0131r.<\/p>\n

    \"\"<\/p>\n

    \"\"<\/p>\n

    Mikro etkile\u015fimler<\/h3>\n

    Mikro etkile\u015fimler, bir kullan\u0131c\u0131n\u0131n t\u00fcm sayfay\u0131 yeniden y\u00fcklemeden\u00a0 kullanabilme \u00f6zelli\u011fidir.<\/p>\n

    A\u015fa\u011f\u0131daki i\u00e7erikler:<\/p>\n