{"id":569,"date":"2023-07-19T04:30:58","date_gmt":"2023-07-19T01:30:58","guid":{"rendered":"https:\/\/www.biltek.net.tr\/?p=569"},"modified":"2023-10-26T16:43:08","modified_gmt":"2023-10-26T13:43:08","slug":"profesyonel-web-tasarimci-nasil-olunur","status":"publish","type":"post","link":"https:\/\/www.biltek.net.tr\/blog\/profesyonel-web-tasarimci-nasil-olunur","title":{"rendered":"Profesyonel Web Tasar\u0131mc\u0131 Nas\u0131l olunur?"},"content":{"rendered":"
\n
\n

Web Tasar\u0131mc\u0131 olmaya m\u0131 karar verdiniz? Her g\u00fcn d\u00fcnyada binlerce yeni site yarat\u0131c\u0131 ve \u00f6zg\u00fcn tasar\u0131mlar\u0131yla profesyonel web tasar\u0131mc\u0131lar taraf\u0131ndan tasarlanmaktad\u0131r. Siz de kariyerinizi bir web tasar\u0131mc\u0131 olarak planlamaya karar vermi\u015f olabilirsiniz. Neden Olmas\u0131n?<\/p>\n<\/div>\n<\/div>\n

\n
\n

Web Tasar\u0131mc\u0131n\u0131n Yol Haritas\u0131<\/h2>\n

Web tasar\u0131mc\u0131<\/strong>\u00a0olarak kariyer planlamas\u0131na ba\u015flamadan \u00f6nce\u00a0web tasar\u0131m\u0131n ne oldu\u011funu<\/strong>, \u00a0web tasar\u0131mc\u0131n\u0131n sorumluluklar\u0131n\u0131n<\/strong>\u00a0\u00a0ve g\u00f6revlerinin neler oldu\u011funu bilmeniz gerekir. E\u011fer tasar\u0131m ve yarat\u0131c\u0131l\u0131k konusunda kendinize g\u00fcveniyorsan\u0131z ve bu alanda \u00e7al\u0131\u015fman\u0131n sizi mutlu edece\u011fini d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z web tasar\u0131mc\u0131 olmak tam da size g\u00f6re olabilir.<\/p>\n

Ancak tasar\u0131m ve yarat\u0131c\u0131l\u0131\u011f\u0131n\u0131z\u0131 kullanarak \u00f6zel web sayfalar\u0131 tasarlaman\u0131n sizin i\u00e7in s\u0131k\u0131c\u0131 ve \u00e7ok zorlay\u0131c\u0131 olaca\u011f\u0131n\u0131 d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z\u00a0web geli\u015ftirici<\/strong>\u00a0olmak belki de sizin i\u00e7in daha uygun olacakt\u0131r.\u00a0Web tasar\u0131ma<\/strong>\u00a0g\u00f6re daha \u00e7ok say\u0131sal zeka ve daha \u00e7ok teknik bilgi gerektiren web geli\u015ftirme alan\u0131n\u0131 da incelemek isterseniz\u00a0web tasar\u0131mc\u0131 ve web geli\u015ftirici aras\u0131ndaki farklar<\/strong>\u00a0yaz\u0131m\u0131za da g\u00f6z atabilirsiniz.<\/p>\n

Web Tasar\u0131m Nedir?<\/h2>\n

\u0130\u015finiz web de de\u011filse i\u015finiz birg\u00fcn sona erecek. G\u00fcn\u00fcm\u00fczde dahi web ortam\u0131na tam olarak adapte olamayan b\u00fcy\u00fck \u015firketlerin \u00e7\u00f6k\u00fc\u015f\u00fcn\u00fc g\u00f6rebiliyoruz. \u00c7evrimi\u00e7i dijital ortamda her ge\u00e7en g\u00fcn artan rekabet \u015firketlerin her ge\u00e7en g\u00fcn daha profesyonel bir web siteye sahip olmalar\u0131n\u0131 gerektiriyor.<\/p>\n

Web Tasar\u0131m<\/strong>\u00a0Webde yani WWW’de (World Wide Web) g\u00f6r\u00fcnt\u00fcl\u00fcnen web sayflar\u0131n\u0131n tasar\u0131m\u0131 i\u00e7in yap\u0131lan hizmet ve i\u015flemlere denilmektedir. Bir web sitenin sayfa d\u00fczeni, mobil uygumlulu\u011fu, buton \u015fekli, navigasyonlar\u0131, resim, metin ve video i\u00e7eriklerinin belirli bir standart ve uyum i\u00e7erisinde sayfaya uyarlanmas\u0131na web tasar\u0131m denilmektedir.<\/p>\n

Web Tasar\u0131mc\u0131 Ne Yapar?<\/h2>\n

Bug\u00fcn d\u00fcnyada\u00a0600 milyondan fazla<\/strong>\u00a0web sitesi var ve web tasar\u0131mc\u0131lar \u015firketlerin ve organizasyonlar\u0131n pazarlama stratejilerinin \u00f6nemli bir par\u00e7as\u0131 haline geldi. Her ge\u00e7en g\u00fcn b\u00fcy\u00fcyen\u00a0web tasar\u0131mc\u0131<\/strong>\u00a0toplulu\u011funun 2028 y\u0131l\u0131na kadar artan talepler kar\u015f\u0131s\u0131nda \u00a0%13 daha artmas\u0131<\/strong>\u00a0bekleniyor.
\nWeb Tasar\u0131mc\u0131<\/strong>\u00a0bir web sitenin sayfa d\u00fczeni ve d\u0131\u015f g\u00f6r\u00fcn\u00fc\u015f\u00fc ile ilgilenir. Web tasar\u0131mc\u0131n\u0131n en temel g\u00f6revi estetik ve amaca uygun web siteleri tasarlamaktad\u0131r.<\/p>\n

\"web<\/p>\n

\u00d6zetle bir\u00a0web tasar\u0131mc\u0131<\/strong>\u00a0web sitenin dijital tasar\u0131m\u0131 ile ilgilenir.\u00a0Web tasar\u0131mc\u0131<\/strong>\u00a0temel olarak web sitenin esteti\u011fine ve sayfa d\u00fczenine odaklan\u0131r. Website layout olarak bilinen sayfa d\u00fczeni grafikleri, yaz\u0131 tiplerini, bo\u015fluklar\u0131 video vb. zengin medya \u00f6\u011felerini, call to action alanlar\u0131n\u0131 ve navigasyonlar\u0131 i\u00e7erir. Sayfa d\u00fczeni web siteden web siteye de\u011fi\u015fiklik g\u00f6sterse de web tasar\u0131m\u0131n temellerini \u00f6\u011frenmeye ba\u015flad\u0131\u011f\u0131n\u0131zda nas\u0131l etkileyici sayfa d\u00fczeni haz\u0131rlanaca\u011f\u0131 konusunda da bilgi sahibi olacaks\u0131n\u0131z.<\/p>\n

Profesyonel Web Tasar\u0131mc\u0131 Nas\u0131l Olunur? Rehber<\/h2>\n

\u015eimdi\u00a0web tasar\u0131m\u0131n<\/strong>\u00a0ne oldu\u011funu ve\u00a0web tasar\u0131mc\u0131n\u0131n neler yapt\u0131\u011f\u0131n\u0131<\/strong>\u00a0temel olarak anlad\u0131\u011f\u0131m\u0131za g\u00f6re profesyonel bir web tasar\u0131mc\u0131 olmak i\u00e7in sizi nas\u0131l bir yol haritas\u0131n\u0131n bekledi\u011fine g\u00f6z atabilirsiniz. Keyifli ve zorlu bir yolculuk sizi bekliyor olacak.<\/p>\n

1- Web Tasar\u0131m Teorisini \u00d6\u011frenin<\/h3>\n

Web tasar\u0131ma<\/strong>\u00a0ba\u015flamadan \u00f6nce\u00a0web tasar\u0131m\u0131n temellerini<\/strong>\u00a0ve\u00a0teorisini\u00a0<\/strong>\u00f6\u011frenmek en sa\u011fl\u0131kl\u0131s\u0131 olacakt\u0131r. Bir\u00e7ok\u00a0web tasar\u0131mc\u0131 aday\u0131<\/strong>\u00a0bu ad\u0131m\u0131 s\u0131k\u0131c\u0131 ve gereksiz bulduklar\u0131 i\u00e7in hemen kodlama \u00f6\u011frenmeye ya da tasar\u0131m yapmaya ba\u015fl\u0131yor. Ancak\u00a0web tasar\u0131m\u0131n temellerini<\/strong>\u00a0ve teorisini \u00f6\u011frenerek uzun vadede\u00a0\u00e7ok daha h\u0131zl\u0131<\/strong>\u00a0ve\u00a0ba\u015far\u0131l\u0131 projeler<\/strong>\u00a0ortaya koyabilece\u011finizi de unutmay\u0131n\u0131z.<\/p>\n

Yeni bir alanda bir \u015feyler \u00f6\u011frenmeye ba\u015flad\u0131\u011f\u0131m\u0131zda ilk \u00f6nce\u00a0temel ilkelerini<\/strong>\u00a0\u00f6\u011frenmek \u00e7ok \u00f6nemlidir. \u0130lk \u00f6nce burada olaya son t\u00fcketici g\u00f6z\u00fc ile bakman\u0131z gerekir. \u015eunu bilmeniz gerekir ki\u00a0web tasar\u0131m\u0131<\/strong>\u00a0\u015firketler i\u00e7in de\u011fil,\u00a0\u00a0\u015firketlerin potansiyel m\u00fc\u015fterileri i\u00e7in sunulan bir hizmettir. Her web sitenin farkl\u0131 bir g\u00f6r\u00fcn\u00fcm\u00fc ve farkl\u0131 bir amac\u0131 vard\u0131r.<\/p>\n

Web tasar\u0131m\u0131n esas ama\u00e7lar\u0131ndan<\/strong>\u00a0biri de etkileyici olmas\u0131n\u0131n yan\u0131 s\u0131ra\u00a0kullan\u0131c\u0131 dostu<\/strong>\u00a0olmas\u0131d\u0131r. Kullan\u0131c\u0131 dostu web tasar\u0131m ziyaret\u00e7isine iyi bir kullan\u0131c\u0131 deneyimi sorabilme yetene\u011fine sahiptir. Web tasar\u0131mda renk d\u00fczeni, tipografi, bo\u015fluk kullan\u0131m\u0131 ve g\u00f6rsel se\u00e7imi konusunda bir tasar\u0131m vizyonu edinmeniz gerekti\u011fi gibi Kullan\u0131c\u0131 Deneyimi Tasar\u0131m\u0131 (UX Design) konusunda da bilgi sahibi olman\u0131z gerekir.<\/p>\n

UX design<\/strong>\u00a0ve\u00a0web tasar\u0131m<\/strong>\u00a0teorileri hakk\u0131nda T\u00fcrk\u00e7e kitap ve kapsaml\u0131 e\u011fitim videosu bulamayabilirsiniz. Bu i\u015fi kitaplardan ve e\u011fitim videolar\u0131ndan \u00f6\u011frenmek isterseniz 100\u2019lerce yabanc\u0131 kaynak sizi bekliyor olacak.\u00a0Web tasar\u0131m<\/strong>\u00a0ve web geli\u015ftirme alan\u0131nda kariyer yapmak istiyorsan\u0131z\u00a0ingilizcenizi\u00a0<\/strong>de mutlaka geli\u015ftirmeniz gerekecektir.<\/p>\n

2- Webin \u00c7al\u0131\u015fma Mant\u0131\u011f\u0131n\u0131 \u00d6\u011frenin<\/h3>\n

Web sitesi tasarlamaya<\/strong>\u00a0ba\u015flamadan \u00f6nce webin web bir sitenin temel \u00e7al\u0131\u015fma prensiplerini \u00f6\u011frenin. Evet fark\u0131nday\u0131m bu gibi konular\u0131 bir\u00e7ok web tasar\u0131mc\u0131 temel seviye dahi bilmiyor. \u0130nsanlar genellikle ilk etapta hemen birka\u00e7\u00a0photoshop dersi<\/strong>\u00a0ve\u00a0HTML<\/strong>\u00a0CSS ders<\/strong>\u00a0videosu izleyip web tasar\u0131m i\u015flerine ba\u015flamak istiyor. bu i\u015fte sab\u0131rs\u0131z ve \u00e7ok heyecanl\u0131 olabilirsiniz. Bir an \u00f6nce profesyonel web tasar\u0131m projeleri tasarlayarak kendinizle gurur duymak istiyor da olabilirsiniz. Ancak \u015fundan emin olun ki i\u015finizin temellerini \u00f6\u011frenmek sizi di\u011ferlerinden ay\u0131racak ve i\u015finizi ve kariyer planlaman\u0131z\u0131 kesinlikle etkileyecektir.<\/p>\n

Web nas\u0131l \u00e7al\u0131\u015f\u0131r<\/strong>, Web taray\u0131c\u0131s\u0131 nas\u0131l \u00e7al\u0131\u015f\u0131r?\u00a0WWW (World Wide Web) nedir?\u00a0<\/strong>W3C Nedir?\u00a0HTTP nedir? URL nedir? Sunucu Nedir ve nas\u0131l \u00e7al\u0131\u015f\u0131r? gibi konularda temel bilgi sahibi olursan\u0131z yapt\u0131\u011f\u0131n\u0131z i\u015fin arka plan\u0131nda neler oldu\u011funu daha iyi anlayabilirsiniz.<\/p>\n

3- Do\u011fru Ara\u00e7lar\u0131 ve Kaynaklar\u0131 Tespit Edin<\/h3>\n

Web tasar\u0131m<\/strong>\u00a0konusunda i\u015fin temellerini kavrad\u0131ktan sonra hangi kaynaklar\u0131 ve ara\u00e7lar\u0131 kullanman\u0131z gerekti\u011fini belirleyin.
\nKullanman\u0131z Gereken Programlar\u0131 Tespit Edin<\/strong><\/p>\n

Adobe Photoshop:<\/strong>\u00a0Hem\u00a0web tasar\u0131m<\/strong>\u00a0hem de\u00a0grafik tasar\u0131m<\/strong>\u00a0alan\u0131nda d\u00fcnyada en yayg\u0131n kullan\u0131lan tasar\u0131m program\u0131d\u0131r. Adobe\u2019nin resmi sitesinden t\u00fcm uygulamalar\u0131 uygun fiyatl\u0131 kampanyalar\u0131 ile kullanabilirsiniz. E\u011fer \u00f6\u011frenciyseniz \u00f6\u011frenci ba\u015fvurusu yaparak \u00e7ok daha uygun fiyatlara abonelikler sat\u0131n alabilirsiniz.<\/p>\n

Adobe XD :<\/strong>\u00a0Adobe XD ile hareketli web tasar\u0131m sunumlar\u0131 ve web tasar\u0131m aray\u00fcz \u00e7izimleri yapabilirsiniz.<\/p>\n

Sketch:\u00a0<\/strong>Adobe Photoshop, \u0130llustrator, Sketch gibi programlar hemen hemen her tasar\u0131mc\u0131n\u0131n, logo, grafik tasar\u0131m\u0131, web tasar\u0131m\u0131 haz\u0131rlamak i\u00e7in g\u00fcnl\u00fck hayatta kulland\u0131klar\u0131 en yayg\u0131n programlard\u0131r.<\/p>\n

Takip Etmeniz Gereken Web Siteleri Tespit Ediniz.<\/strong><\/p>\n

Web tasar\u0131m<\/strong>\u00a0i\u015fi ile u\u011fra\u015f\u0131yorsan\u0131z her yeni projeye ba\u015flamadan \u00f6nce ara\u015ft\u0131rma ve ilham alaca\u011f\u0131n\u0131z kaynaklar\u0131 belirlemeniz gerekecektir. Tabi birebir ayn\u0131s\u0131n\u0131 yapmayacaks\u0131n\u0131z ama bu \u00f6n ara\u015ft\u0131rma s\u00fcreci size tasar\u0131m a\u015famas\u0131nda hem farkl\u0131 fikirler sunacak hem de i\u015finizi daha h\u0131zl\u0131 yapman\u0131z\u0131 sa\u011flayacakt\u0131r.<\/p>\n

Size \u0130lham verecek web siteleri tespit edin ve takipte kal\u0131n. Bu web sitelerden baz\u0131lar\u0131 \u015funlard\u0131r;<\/strong><\/p>\n

    \n
  • cssdesignawards.com\/<\/li>\n
  • awwwards.com<\/li>\n
  • behance.net<\/li>\n
  • dribbble.com<\/li>\n
  • themeforest\/<\/li>\n
  • csswinner.<\/li>\n
  • cssreel.com<\/li>\n
  • pinterest.com<\/li>\n<\/ul>\n

    Yukar\u0131daki web sitelerinde ilham verici ve etkileyici web sitelerin bulabilirsiniz.\u00a0Web tasar\u0131m vizyonunun<\/strong>\u00a0geli\u015fmesi i\u00e7in \u00e7ok fazla etkileyici web site tasar\u0131m projesi incelemeniz ve web tasar\u0131m trendlerini yak\u0131ndan takip etmeniz gerekir.<\/p>\n

    Do\u011fru E\u011fitim Kaynaklar\u0131n\u0131 Tespit Ediniz<\/strong><\/p>\n

      \n
    • Youtube,<\/li>\n
    • Udemy,<\/li>\n
    • Coursera,<\/li>\n
    • Css tricks,<\/li>\n
    • Envato tuts+,<\/li>\n
    • MDN Mozilla,<\/li>\n
    • Smashing Magazine,<\/li>\n
    • Medium makaleleri \u00a0gibi kaynaklar\u0131 ve e\u011fitim videolar\u0131n\u0131 tespit ederek b\u00fct\u00e7enize uygun olanlar\u0131 sat\u0131n al\u0131n.<\/li>\n
    • Tercih Akademi<\/strong>\u00a0ile\u00a0HTML<\/strong>,\u00a0CSS<\/strong>\u00a0ve\u00a0Flexbox<\/strong>\u00a0Esnek Kutu Modelinin temellerini \u00d6\u011frenin<\/li>\n<\/ul>\n

      4- Kodlamay\u0131 \u00d6\u011frenin<\/h3>\n

      Web tasar\u0131mc\u0131<\/strong>\u00a0olarak sadece g\u00f6rsel tasar\u0131m ve UI \u00fczerinde mi uzmanla\u015fmak istiyorsunuz? Freelance bir web tasar\u0131mc\u0131 olarak \u00e7al\u0131\u015fma hayat\u0131na ba\u015flamak istiyorsan\u0131z HTML, CSS ve Javascript konular\u0131nda da bilgi sahibi olman\u0131z gerekmektedir. \u00a0T\u00fcm web siteler WWW\u2019nin \u00e7al\u0131\u015fma mant\u0131\u011f\u0131na g\u00f6re HTML ve CSS kullan\u0131rlar. D\u00fcnyadaki web sitelerin %97\u2019si yani neredeyse tamam\u0131 javascript kodlar\u0131n\u0131 da i\u00e7ermektedir.<\/p>\n

      Web tasar\u0131m \u00e7al\u0131\u015fmalar\u0131n\u0131z\u0131<\/strong>\u00a0kendiniz kodlamak istiyorsan\u0131z\u00a0HTML\u00a0<\/strong>ve\u00a0CSS<\/strong>\u00a0konular\u0131nda tecr\u00fcbe sahibi sahibi olarak bolca al\u0131\u015ft\u0131rma yapman\u0131z gerekecektir.\u00a0Javascript<\/strong>\u00a0HTML ve CSS\u2019e g\u00f6re \u00f6\u011frenmesi daha zor bir programlama dilidir. Ancak bu konuda endi\u015felenmenize gerek ba\u015flang\u0131\u00e7 i\u00e7in javascript’in nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve javascript eklentilerini web sayfalar\u0131nda nas\u0131l kullanabilece\u011finizi \u00f6\u011frenerek slider, a\u00e7\u0131l\u0131r menu, gallery lightbox, popup gibi \u00f6\u011feleri projenize dahil edebileceksiniz.<\/p>\n

      Web Tasar\u0131m Kodlama Ne Kadar S\u00fcrede \u00d6\u011frenilir?<\/h4>\n

      HTML:\u00a0<\/strong>HTML\u2019in a\u00e7\u0131l\u0131m\u0131 Hypertext Markup Language dir (Hiper Metin \u0130\u015faretleme Dili). \u00a0HTML bir programlama dili de\u011fildir ve belirli kurallar do\u011frultusunda tasarlanm\u0131\u015f bir i\u015faretleme dilidir. HTML \u00f6\u011frenebilirsiniz. t\u00fcm web sayfalar\u0131n\u0131n web taray\u0131c\u0131lar\u0131nda \u00e7al\u0131\u015fmas\u0131 i\u00e7in HTML kullanmas\u0131 zorunludur. HTML, XHTML ve HTML5 kavramlar\u0131 kafan\u0131z\u0131 kar\u0131\u015ft\u0131rmas\u0131n. \u00d6\u011frenmeniz gereken tek \u015fey HTML5\u2019tir HTML5 HTML\u2019in en son versiyonudur di\u011fer eski versiyonlar ile kafan\u0131z\u0131 kar\u0131\u015ft\u0131rman\u0131za gerek yoktur..
      \nHTML bir web sayfas\u0131n\u0131n g\u00f6vdesini ve iskeletini olu\u015fturur.<\/p>\n

      \u00d6\u011frenme S\u00fcreci :<\/strong>\u00a01-2 g\u00fcnl\u00fck k\u0131sa bir s\u00fcre i\u00e7erisinde temel ve orta seviye<\/p>\n

      CSS :<\/strong>\u00a0CSS \u2192 Cascading Style Sheets yani Basamakl\u0131 Stil Dosyas\u0131 anlam\u0131na gelir. CSS web sayfas\u0131 d\u00fczenini, renk, tipografi, buton tasar\u0131m\u0131 vb. \u00f6zellikleri stillendirmenizi sa\u011flar. Sayfa animasyonlar\u0131, a\u00e7\u0131l\u0131r men\u00fc, arka plana resim ekleme ge\u00e7i\u015f efektleri gibi i\u015flemleri CSS ile kolayl\u0131kla yapabilirsiniz.<\/p>\n

      \u00d6\u011frenme S\u00fcreci :\u00a0<\/strong>1 Ay i\u00e7erisinde g\u00fcnde 1-2 saat ay\u0131rarak CSS ile web sayfas\u0131 tasarlamaya ba\u015flayabilirsiniz. Daha s\u0131k\u0131 bir tempo ile \u00e7al\u0131\u015f\u0131r\u0131m derseniz 1-2 hafta i\u00e7erisinde CSS\u2019in temellerine hakim olursunuz.<\/p>\n

      SASS:\u00a0<\/strong>SASS (Syntactically Awesome Stylesheets ) CSS\u2019i temel seviye de \u00f6\u011frendikten sonra kesinlike SASS\u2019a ba\u015flamanz\u0131 tavsiye ederim. G\u00fcn\u00fcm\u00fcz\u00fcn t\u00fcm modern web tasar\u0131mc\u0131lar CSS yerine SASS kullan\u0131yor. SASS, daha h\u0131zl\u0131, daha kolay ve daha d\u00fczenlenebilir CSS kodlar\u0131 yazabilirsiniz. Profesyonel web ajanslar\u0131 web tasar\u0131mc\u0131 ilanlar\u0131nda genellikle SASS ile kod yazma konusunda tecr\u00fcbeli adaylar\u0131 aramaktad\u0131r. SASS ve CSS neredeyse birbirine \u00e7ok benzer ancak SASS ile \u00e7ok daha i\u015flevsel ve h\u0131zl\u0131 CSS kodlar\u0131 yazacaks\u0131n\u0131z.<\/p>\n

      Bunlar\u0131n d\u0131\u015f\u0131nda web tasar\u0131m\u0131 kodlama alan\u0131nda daha fazla uzmanla\u015fmak isterseniz flexbox, Grid CSS ve Bootstrap k\u00fct\u00fcphanesi ile \u00e7al\u0131\u015fmaya ba\u015flayabilirsiniz.<\/p>\n

      5- Kullan\u0131c\u0131 Deneyimi \u00dczerinde Temel seviyede Bilgi Sahibi Olun<\/h3>\n

      Kullan\u0131c\u0131 Deneyimi<\/strong>\u00a0\u00e7ok farkl\u0131 bir uzmanl\u0131k alan\u0131 olmas\u0131na ra\u011fmen web tasar\u0131mc\u0131lar\u0131n temel seviyede UX kurallar\u0131n\u0131 bilmesi ve uygulamas\u0131 \u00f6nemlidir. Kullan\u0131c\u0131lar\u0131na k\u00f6t\u00fc bir deneyim ya\u015fatan web siteleri ama\u00e7lar\u0131na ula\u015famaz ve istenilen d\u00f6n\u00fc\u015f\u00fcmleri elde edemezler. Kullan\u0131c\u0131 Deneyimi (UX Design) 4 temel disiplini kapsar; Strateji, Etkile\u015fim tasar\u0131m\u0131, kullan\u0131c\u0131 ara\u015ft\u0131rmas\u0131 ve bilgi mimarisi. Kullan\u0131c\u0131 deneyimi hakk\u0131nda daha fazla bilgi almak i\u00e7in\u00a0UX Design<\/strong>\u00a0yaz\u0131m\u0131z\u0131 da okuyabilirsiniz.<\/p>\n

      Kullan\u0131c\u0131 deneyimi<\/strong>\u00a0konusunda uzmanla\u015fmak uzun ve tecr\u00fcbe gerektiren bir konudur. Ancak bu konuda da \u00e7ok fazla endi\u015felenmenize gerek yok .Web tasar\u0131m\u0131n temel kavramlar\u0131n\u0131 ve ba\u015far\u0131l\u0131 web sayfalar\u0131n\u0131n tasar\u0131m stratejilerini anlayarak kendi web tasar\u0131m projelerinizde tasar\u0131m \u00f6\u011felerini nas\u0131l tasarlaman\u0131z gerekti\u011fi konusunda etkili fikirlere sahip olabilirsiniz.<\/p>\n

      6- Temel SEO Kurallar\u0131n\u0131 \u00d6\u011frenin<\/h3>\n

      SEO\u00a0<\/strong>(Search Engine Optimization) yani Arama Motoru Optimizasyonu web sitlerin Google ba\u015fta olmak \u00fczere arama motorlar\u0131nda \u00fcst s\u0131ralara \u00e7\u0131kmas\u0131n\u0131 sa\u011flayan strateji ve teknikleri i\u00e7ermektedir. Site i\u00e7i SEO ve site d\u0131\u015f\u0131 SEO olmak \u00fczere iki farkl\u0131 alan\u0131 bulunmaktad\u0131r.<\/p>\n

      Web tasar\u0131mc\u0131 olarak ba\u015flad\u0131\u011f\u0131n\u0131z kariyerinizde \u00f6zellikle site i\u00e7i SEO konusunda temel bilgiye sahip olman\u0131z bir web site tasarlarken olas\u0131 site i\u00e7i SEO hatalar\u0131n\u0131n \u00f6n\u00fcne ge\u00e7menizi sa\u011flar.<\/p>\n

      Temel seviye HTML<\/strong>\u00a0bilgisine sahip olduktan sonra SEO konusunda bilgi sahibi olursan\u0131z konuyu \u00e7ok daha kolay anlayacaks\u0131n\u0131z. Bir ka\u00e7 e\u011fitim videosu izledikten sonra site i\u00e7i SEO konusunda ne yapman\u0131z ve ne yapmaman\u0131z gerekti\u011fini kolayl\u0131kla anlayabilirsiniz.<\/p>\n

      Neden temel SEO Kavramlar\u0131n\u0131 Bilmenizde Fayda Var?<\/h4>\n

      \u0130ster\u00a0Freelancer bir web tasar\u0131mc\u0131<\/strong>\u00a0olarak \u00e7al\u0131\u015f\u0131n ister bir\u00a0web ajans\u0131nda \u00e7al\u0131\u015f\u0131n<\/strong>, arama motorlar\u0131n\u0131n temel \u00e7al\u0131\u015fma prensibini anlamal\u0131 ve\u00a0site i\u00e7i SEO<\/strong>\u00a0konusunda bir web siteyi tasarlarken nelere dikkat etmeniz gerekti\u011fini bilmelisiniz. Bir web ajans\u0131nda \u00e7al\u0131\u015f\u0131rken belki bu konuda s\u0131k\u0131nt\u0131 \u00e7ekmeyebilirsiniz ancak freelancer bir web tasar\u0131mc\u0131 olarak \u00e7al\u0131\u015f\u0131rken temel SEO kurallar\u0131n\u0131 bilmezseniz m\u00fc\u015fterinizi \u00e7ok farkl\u0131 beklentilere sokabilir ve sonras\u0131nda hayal k\u0131r\u0131kl\u0131\u011f\u0131na u\u011fratabilirsiniz.<\/p>\n

      SEO\u00a0<\/strong>i\u015fi \u00e7ok farkl\u0131 ve \u00e7ok fazla tecr\u00fcbe gerektiren bir konudur. Bu konuda endi\u015felenmenize gerek yok, Kimse sizden profesyonel bir\u00a0SEO uzman\u0131<\/strong>\u00a0olman\u0131z\u0131 beklemeyecektir. \u00a0Ancak m\u00fc\u015fterinizin web sitesini tasarlamadan \u00f6nce SEO konusunda ne yapaca\u011f\u0131n\u0131z\u0131 net bir \u015fekilde anlat\u0131rsan\u0131z ilerleyen s\u00fcre\u00e7lerde s\u0131k\u0131nt\u0131 \u00e7ekmez ve site i\u00e7i SEO konusunda hata yapmam\u0131\u015f olursunuz.<\/p>\n

      7- Web Tasar\u0131m Trendlerini Takip Edin<\/h3>\n

      Web tasar\u0131m trendlerini<\/strong>\u00a0takip edin. Bol bol makale ve i\u00e7erikler okuyun, T\u00fcrkiye’deki ve D\u00fcnyadaki ba\u015far\u0131l\u0131\u00a0web ajanslar\u0131n projelerini<\/strong>\u00a0takip edin. Sanki bir ele\u015ftirmen edas\u0131 ile\u00a0web site tasar\u0131mlar\u0131n\u0131<\/strong>\u00a0inceleyin ve notlar al\u0131n.\u00a0\u00a0Web tasar\u0131m trendleri<\/strong>\u00a0ve geli\u015fen teknolojileri takip ederek s\u00fcrekli g\u00fcncel kalman\u0131z \u00e7ok \u00f6nemlidir. Yeni \u00e7\u0131kan \u00f6zellikleri ve ara\u00e7lar\u0131 nekadar erken \u00f6\u011frenmeye kullanmaya ba\u015flarsan\u0131z sekt\u00f6r\u00fcn gerisinde kalmam\u0131\u015f olursunuz.<\/p>\n

      8- Antrenmanlar \u015eampiyon Yapar<\/h3>\n

      \u015eu an belki de \u00e7ok fazla bilgiye eri\u015ftiniz. Ancak uygulama yapmad\u0131k\u00e7a \u00f6\u011frendi\u011finiz t\u00fcm bilgiler belle\u011finizden silinecek ve\u00a0kal\u0131c\u0131 olmayacakt\u0131r<\/strong>. Bol bol uygulama yap\u0131n. \u0130lk ba\u015flarda m\u00fc\u015fteri ya da projeniz olmayabilir. Gerekirse kendiniz \u00e7izin ve kodlay\u0131n.\u00a0Web geli\u015ftirici ara\u00e7lar\u0131n\u0131<\/strong>\u00a0kullanarak be\u011fendi\u011finiz web site tasar\u0131mlar\u0131n\u0131n nas\u0131l kodland\u0131\u011f\u0131n\u0131 ve hangi CSS ve HTML kodlar\u0131n\u0131 kulland\u0131\u011f\u0131n\u0131 ke\u015ffedin.<\/p>\n

      9- \u0130leti\u015fim Becerilerinizi Geli\u015ftirin<\/h3>\n

      Freelancer bir\u00a0web tasar\u0131mc\u0131<\/strong>\u00a0olarak \u00e7al\u0131\u015f\u0131yor iseniz sat\u0131\u015f yapma ve ileti\u015fim becerilerinizi geli\u015ftirmeniz gerekir. Denklem asl\u0131nda \u00e7ok basit:
      \nDo\u011fru \u201c\u0130LET\u0130\u015e\u0130M\u0130<\/strong>\u201d kuramazsan\u0131z \u201cSATI\u015e<\/strong>\u201d yapamazs\u0131n\u0131z.
      \n\u201cSATI\u015e<\/strong>\u201d yapamazsan\u0131z \u201cPARA<\/strong>\u201d ve \u201cTECR\u00dcBE<\/strong>\u201d kazanamazs\u0131n\u0131z.<\/p>\n

      Bir\u00a0web ajans\u0131nda<\/strong>\u00a0\u00e7al\u0131\u015f\u0131yorsan\u0131z belki sat\u0131\u015f yapmak zorunda de\u011filsiniz ama m\u00fc\u015fterinizin taleplerini ve beklentilerini kar\u015f\u0131lamak i\u00e7in s\u00fcrekli toplant\u0131lar yapacaks\u0131n\u0131z. Ayn\u0131 zamanda proje y\u00f6neticisi,\u00a0front end geli\u015ftirici<\/strong>\u00a0\u00a0ve\u00a0back end web geli\u015ftiricileri<\/strong>\u00a0ile s\u00fcrekli bir i\u015f birli\u011fi i\u00e7erisinde olman\u0131z gerekecektir.<\/p>\n

      10- Portfolyonuzu Olu\u015fturun<\/h3>\n

      Belki ilk ba\u015fta m\u00fc\u015fteri edinmekte zorlanabilir ve ger\u00e7ek bir proje referans\u0131 elde edememi\u015f olabilirsiniz. Bu s\u00fcre\u00e7te \u00e7evrenizdeki \u00e7evrenizdeki tan\u0131d\u0131k esnaf ve \u015firket sahibi ki\u015filere \u00e7ok c\u00fczi rakamlara hatta\u00a0domain\u00a0<\/strong>ve\u00a0hosting\u00a0<\/strong>maliyetine web tasar\u0131m yapmay\u0131 teklif edebilirsiniz. Eminim bir\u00e7ok ki\u015fi bu teklifinizi kabul edecektir. Tabi sat\u0131\u015f yapma konusunda kendinize g\u00fcveniyorsan\u0131z i\u015finizin hakk\u0131n\u0131 verecek bir m\u00fc\u015fteri bularak 2-3 tane ger\u00e7ek\u00a0web tasar\u0131m<\/strong>\u00a0projesi tasarlayabilirsiniz<\/p>\n

      Kendiniz i\u00e7in bir web sayfas\u0131 olu\u015fturma: Kendinize bir web sayfas\u0131 tasarlay\u0131n ve koday\u0131n, CV\u2019nizi ve portfolyonuzu web sitenizde payla\u015f\u0131n. E\u011fer bir\u00a0web ajans\u0131nda<\/strong>\u00a0\u00e7al\u0131\u015fmak istiyorsan\u0131z iyi bir CV haz\u0131rlayarak size uygun ilanlara hemen ba\u015fvurun.<\/p>\n

      Nas\u0131l \u00c7al\u0131\u015fmak \u0130stedi\u011finize Karar Verin<\/h3>\n

      Bundan sonraki ad\u0131m i\u015f hayat\u0131n\u0131za nas\u0131l ba\u015flamak istedi\u011finizi sorgulaman\u0131zd\u0131r. \u0130yi bir\u00a0usta<\/strong>\u00a0olmak i\u00e7in iyi bir\u00a0\u00e7\u0131rakl\u0131k\u00a0<\/strong>d\u00f6neminden ge\u00e7meniz gerekir. Bir web ajans\u0131nda m\u0131 \u00e7al\u0131\u015fmak istiyorsunuz, yoksa\u00a0freelance web tasar\u0131mc\u0131<\/strong>\u00a0olarak m\u0131 i\u015finizi ba\u015flatmak istiyorsunuz ya da\u00a0kendi web ajans\u0131n\u0131z\u0131<\/strong>\u00a0m\u0131 kurmak istiyorsunuz.<\/p>\n

      Web ajans\u0131 kurmak<\/strong>\u00a0ba\u015fl\u0131 ba\u015f\u0131na tecr\u00fcbe ve sermaye gerektiren bir konu oldu\u011fu i\u00e7in \u015fimdilik bu se\u00e7ene\u011fi sonraya b\u0131rakman\u0131z\u0131 \u00f6neririz. \u0130yi bir web tasar\u0131m ajans\u0131nda \u00e7al\u0131\u015fmaya ba\u015flamak size \u00e7ok b\u00fcy\u00fck tecr\u00fcbeler katacakt\u0131r.\u00a0Web tasar\u0131mc\u0131<\/strong>,\u00a0grafik tasar\u0131mc\u0131<\/strong>\u00a0ve\u00a0web geli\u015ftirici<\/strong>\u00a0ekibinden olu\u015fan bir\u00a0web ajans\u0131<\/strong>\u00a0ile \u00e7al\u0131\u015fmaya ba\u015flarsan\u0131z temelden t\u00fcm web s\u00fcre\u00e7lerinin ve sat\u0131\u015f s\u00fcre\u00e7lerinin nas\u0131l i\u015fledi\u011fini anlam\u0131\u015f olursunuz.<\/p>\n

      Freelance web tasar\u0131mc\u0131<\/strong>\u00a0olarak \u00e7al\u0131\u015fmak yeni mesle\u011fe yeni ba\u015flayacak web tasar\u0131mc\u0131lar i\u00e7in biraz zor olabilir. WordPress, joomla vb. i\u00e7erik y\u00f6netim sistemlerine, temel seviye hosting ve cpanel bilgisine de ihtiyac\u0131n\u0131z olacakt\u0131r.\u00a0Freelance bir web tasar\u0131mc\u0131<\/strong>\u00a0olarak \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zda her m\u00fc\u015fteri i\u00e7in haz\u0131rlad\u0131\u011f\u0131n\u0131z web sitesi tamamen sizin sorumlulu\u011funuzda olacakt\u0131r.<\/p>\n

      Yeni ba\u015flayan\u00a0web tasar\u0131mc\u0131lar<\/strong>\u00a0i\u00e7in \u00f6nerimiz \u015fu olacakt\u0131r. \u0130\u015fe al\u0131m s\u00fcrecini ba\u015flatabilmek i\u00e7in ba\u015flang\u0131\u00e7 portfolyosu edinmek ve uygun g\u00f6r\u00fclen web ajanslar\u0131 i\u00e7in i\u015f ba\u015fvurusunda bulunabilirsiniz. Ba\u015flang\u0131\u00e7ta d\u00fc\u015f\u00fck bir maa\u015f ile ba\u015flasan\u0131z bile edinece\u011finiz i\u015f tecr\u00fcbesi ve bilgi birikimi ile ileride daha b\u00fcy\u00fck ajanslarda \u00e7al\u0131\u015fabilir ya da kendi i\u015finizi kuraca\u011f\u0131n\u0131z zaman geldi\u011finde yeterli bilgi birikimine sahip olabilirsiniz.<\/p>\n<\/article>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

      Web Tasar\u0131mc\u0131 olmaya m\u0131 karar verdiniz? Her g\u00fcn d\u00fcnyada binlerce yeni site yarat\u0131c\u0131 ve \u00f6zg\u00fcn tasar\u0131mlar\u0131yla profesyonel web tasar\u0131mc\u0131lar taraf\u0131ndan tasarlanmaktad\u0131r. Siz de kariyerinizi bir […]<\/a><\/p>\n<\/div>","protected":false},"author":2,"featured_media":1307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[198],"tags":[],"class_list":["post-569","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-tasarim"],"_links":{"self":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts\/569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/comments?post=569"}],"version-history":[{"count":2,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts\/569\/revisions"}],"predecessor-version":[{"id":1309,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts\/569\/revisions\/1309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/media\/1307"}],"wp:attachment":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/media?parent=569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/categories?post=569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/tags?post=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}