{"id":3397,"date":"2024-11-09T07:30:11","date_gmt":"2024-11-09T04:30:11","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/macos-estetiginde-gelistirici-portfolyosu-tasarim-ve-gelistirme-hikayesi\/"},"modified":"2024-11-09T07:30:11","modified_gmt":"2024-11-09T04:30:11","slug":"macos-estetiginde-gelistirici-portfolyosu-tasarim-ve-gelistirme-hikayesi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/macos-estetiginde-gelistirici-portfolyosu-tasarim-ve-gelistirme-hikayesi\/","title":{"rendered":"macOS Esteti\u011finde Geli\u015ftirici Portfolyosu: Tasar\u0131m ve Geli\u015ftirme Hikayesi"},"content":{"rendered":"


\n
\n
\n
\n<\/head>
\n
\n macOS Esteti\u011finde Geli\u015ftirici Portfolyosu: Tasar\u0131m ve Geli\u015ftirme Hikayesi<\/p>\n

Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle macOS’un ikonik aray\u00fcz\u00fcnden ilham alarak geli\u015ftirdi\u011fim portfolyo projemi payla\u015fmak istiyorum. Bu proje, sadece bir web sitesi olmaktan \u00f6te, ki\u015fisel bir tasar\u0131m ve geli\u015ftirme yolculu\u011funun \u00fcr\u00fcn\u00fc oldu. Bu yaz\u0131da, tasar\u0131m s\u00fcrecini, kullan\u0131lan teknolojileri ve projede edindi\u011fim deneyimleri sizlerle payla\u015faca\u011f\u0131m.<\/p>\n

macOS’un \u015e\u0131k Aray\u00fcz\u00fcnden \u0130lham Alarak<\/h2>\n

macOS’un kullan\u0131c\u0131 dostu ve \u015f\u0131k aray\u00fcz\u00fc hep beni cezbetmi\u015ftir. Sadeli\u011fi, esteti\u011fi ve i\u015flevselli\u011fi bir araya getiren bu aray\u00fcz, benim i\u00e7in ideal bir ilham kayna\u011f\u0131yd\u0131. Bu nedenle, portfolyo web sitemi tasarlarken macOS’un belirgin tasar\u0131m unsurlar\u0131ndan ilham almaya karar verdim.<\/p>\n

\u00d6ncelikle, macOS’un minimalist ve modern aray\u00fcz\u00fcn\u00fc yans\u0131tan bir tasar\u0131m olu\u015fturmaya odakland\u0131m. Sade bir renk paleti, a\u00e7\u0131k ve net tipografi ve kullan\u0131c\u0131 dostu bir d\u00fczenleme, projeyi tan\u0131mlayan ana unsurlar oldu. Tasar\u0131mda, macOS’un ikonik pencerelerini ve men\u00fc \u00e7ubuklar\u0131n\u0131 taklit ettim. Bu sayede, web sitesi hem tan\u0131d\u0131k hem de \u015f\u0131k bir g\u00f6r\u00fcn\u00fcme sahip oldu.<\/p>\n

\u0130kinci olarak, macOS’un animasyonlu etkile\u015fimlerine ve ge\u00e7i\u015flerine dikkat \u00e7ektim. Web sitesine dinamik ve ak\u0131c\u0131 bir deneyim katmak i\u00e7in benzer animasyonlar\u0131 ve ge\u00e7i\u015fleri uygulad\u0131m. Bu sayede, kullan\u0131c\u0131lar\u0131n web sitesinde gezinmesi daha keyifli ve interaktif hale geldi. <\/p>\n

Teknolojiler: Geli\u015ftirme Se\u00e7enekleri<\/h2>\n

Proje i\u00e7in tercih etti\u011fim teknolojiler, hem performans hem de estetik a\u00e7\u0131dan macOS’un ruhuna uygun olmal\u0131yd\u0131. Bu nedenle, React gibi g\u00fc\u00e7l\u00fc bir JavaScript k\u00fct\u00fcphanesiyle ba\u015flad\u0131m. React’in bile\u015fen tabanl\u0131 yap\u0131s\u0131, web sitesinin mod\u00fcler ve yeniden kullan\u0131labilir olmas\u0131n\u0131 sa\u011flad\u0131. Ayr\u0131ca, CSS’te kullan\u0131lan \u00f6zel efektler ve ge\u00e7i\u015fler, macOS’un etkile\u015fimli aray\u00fcz\u00fcn\u00fc taklit etmek i\u00e7in idealdi.<\/p>\n

Projede kullan\u0131lan di\u011fer \u00f6nemli teknolojiler aras\u0131nda \u015funlar yer al\u0131yor:<\/p>\n