Web Tasar─▒m Terimleri – 1

13 Temmuz 2017

Merhabalar Web Tasar─▒m Severler,

Web sitelerimizi yaparken ├Âzel efekt veya mod├╝llere ihtiya├ž duyar─▒z. A┼ča─č─▒da bu isimlerden bir ka├ž─▒n─▒ yazaca─č─▒m ve ├Ârnekler ile anlataca─č─▒m. Bu yaz─▒m ├žok uzun oldu─ču i├žin bir ka├ž yaz─▒ya b├Âlerek anlat─▒m yapaca─č─▒m.

Web Tasar─▒m Terimleri Nelerdir?

1. Header (├ťst k─▒s─▒m)
2. Content (Orta k─▒s─▒m/─░├žerik K─▒sm─▒)
3. Footer (Alt k─▒s─▒m)
4. Sticky menu / Fixed Men├╝ (Sabit Men├╝)
5. Smart Men├╝ (Ak─▒ll─▒ Men├╝)
6. Smooth scroll (P├╝r├╝s├╝z Kayd─▒rma ├çubu─ču)
7. Menu Shrink (Shrink Men├╝)
8. Adaptive Images (Uyarlamal─▒ G├Ârseller)

 

1. Header (├ťst k─▒s─▒m)

Header (├ťst k─▒s─▒m) bir web sitesinde her sayfas─▒nda tasar─▒m olarak de─či┼čmeyen i├žerisinde logo ve men├╝ bulunduran k─▒s─▒md─▒r.

2. Content (Orta k─▒s─▒m/─░├žerik K─▒sm─▒)
Content (Orta k─▒s─▒m/─░├žerik K─▒sm─▒) bir web sitesinin orta k─▒sm─▒d─▒r. Bu k─▒s─▒m her a├žt─▒─č─▒n─▒z sayfan─▒n ┼čablonuna g├Âre de─či┼čtir. Kullan─▒c─▒ en ├žok bu k─▒s─▒mlarda vakit ge├žirir.

3. Footer (Alt k─▒s─▒m)
Footer (Alt k─▒s─▒m) bir web sitesinin a┼ča─č─▒ya do─čru inerken en sondaki aland─▒r. Bu alan genellikle web sitesinin her sayfas─▒nda ayn─▒ olacak ┼čekilde ayarlan─▒r.

5. Smart Sticky Men├╝ (Ak─▒ll─▒ Men├╝)
Bu men├╝de ayn─▒ sticky men├╝ gibi ├žal─▒┼č─▒r fakat kullan─▒c─▒n─▒n g├Âr├╝┼č├╝n├╝ bozmamak i├žin a┼ča─č─▒ya do─čru inerken men├╝ g├Âz├╝kmez sadece yukar─▒ do─čru scroll hareketi yaparsan─▒z men├╝ g├Âz├╝kecektir.

6. Smooth scroll (P├╝r├╝s├╝z Kayd─▒rma ├çubu─ču)
Kayd─▒rma ├žubu─ču i┼člemleri taray─▒c─▒n─▒n varsay─▒lan ayarlar─▒na g├Âre de─či┼čiklik g├Âstermektedir. Chromede her scroll topuyla kayd─▒rd─▒─č─▒n─▒zda 100px kayd─▒rma yaparken Firefox ile daha yumu┼čak bir kayd─▒rma mevcuttur. Web sitenizde paralax efektleri var ise her taray─▒c─▒da yumu┼čak bir kayd─▒rma yapman─▒z gerekmektedir. Smooth scroll i├žin ├Âzel jquery k├╝t├╝phaneleri kullanman─▒z gerekmektedir.

8. Adaptive Images (Uyarlamal─▒ G├Ârseller)

Bir web sitesinde g├Ârsellerin her platforma uyumlu olmas─▒ ├žok ├Ânemlidir. G├Ârselleri her platform i├žin ayarlaman─▒n 3 y├Ântemi vard─▒r.

  1. Responsive yap─▒ : Tek boyutlu g├Ârsel t├╝m ekranlara uyarlan─▒r.
  2. Adaptive images : Ayn─▒ g├Ârsel her platform i├žin boyutland─▒r─▒l─▒r. B├Âylece boyutu d├╝┼čer.
  3. Hibrit : Her platforma ayarlanm─▒┼č tek bir g├Ârsel.

Boyut olarak Adaptive images yap─▒s─▒ daha uygundur. Detayl─▒ Bilgi i├žin T─▒klay─▒n.

"Web Tasar─▒m Terimleri – 1" Benzer Yaz─▒lar─▒

Facebook Messenger Web Alert Sitene Ekle Web Tasar─▒m Terimleri - 2

Web Tasar─▒m Terimleri – 1 Etiketleri:

Bir Cevap Yaz─▒n

E-posta hesab─▒n─▒z yay─▒mlanmayacak. Gerekli alanlar * ile i┼čaretlenmi┼člerdir