Responsivlik haqqında yazın

1. 
   Responsivlik haqqında yazın.
   

Responsive veb dizayn eyni zamanda cavab verən, həssas veb dizayn deməkdir. Son illərdə tez-tez eşitdiyimiz bu veb dizayn forması ilk dəfə 2010-cu ildə yaranıb və son bir neçə ildə dünyada və ölkəmizdə populyarlaşıb.
Responsiv dizayn vebsayta mobil və planşet cihazlarından daxil olduqda, saytdakı şəkillər və mətn kimi elementlər ekranın eninə uyğun olaraq yenidən formalaşdırıldıqda və ekrana uyğunlaşdıqda baş verir. Ümumilikdə masaüstü, planşet və mobil versiyalar olaraq 3 mərhələdə hazırlanır.
Məlum olduğu kimi, ziyarətçilər mobil cihazlardan saytlara daxil olarkən sayta baxmaqda və naviqasiyada çətinlik çəkirlər. Əgər daxil olduqları sayt responsive və ya mobil sayt deyilsə, oxumaq istədikləri ərazini böyüdərək məhdud əraziyə baxa və istifadə etməkdə çətinlik çəkə bilərlər. Sayt menyularında naviqasiya etmək çox çətindir və menyular mobil cihazlara uyğun olmadığı üçün çox vaxt getmək istədikləri linki tapa bilmirlər. Cavab verən saytlara mobil cihazlardan daxil olduqda, menyular formasını dəyişir və istifadəsi asan versiyaya çevrilir, adətən yuxarıdan açılır. Şriftlər və şəkillər bir-birinin ardınca elə düzülür ki, onları ekranda böyütmədən asanlıqla oxumaq mümkün olsun. Hətta mobil versiyada az əhəmiyyət kəsb edən elementlər gizlədilir, ziyarətçiyə səhifə haqqında yalnız ən sadə məlumatlar göstərilir.
Axtarış motorlarında cavab verən saytları ciddi şəkildə dəstəkləyir. Axtarış sistemlərində öz domen adı kimi fərqli bir alt domen altında mobil versiyaya malik olmaqdansa, səhifəni tək bir url ilə cavablandırmaq daha məqsədəuyğundur. Çünki mobil axtarışlarda axtarış sistemləri adətən səhifənin mobil uyğunluğuna fikir vermədən nəticələri sıralayır.

2. 
   İnterfeys dizayn desktop dizaynı, mobil app dizaynı və responsiv dizan fərqlərini yazın çəkərək təsvir edin
   

Responsivlik browserin ölçülərinə görə interface-in və a web səhifənin görüşünün dəyişməsidir.
Dizayn növləri:
User interface, mobil applicatio, destop design və responsivlik desing
Desktop-responsiv dizayn
Əgər desktop dizaynında şəkil və dizayn həmin elementlər alt-alta verilir.
Desktop

Responsive

Desktop dizaynda yanaşı verilən birdən artıq obyekt olarsa, əmin obyetlər responsive dizaynda vertikal olaraq alt alta düzülür.

Şəkillər üçün responsive dizaynda ölçülər 100% olmalıdır (saödan-sola) bütün məsafəni ekranda tutmalıdır.
Textlər üçün qayda
Textlərin oxunaqlı olması üçün ən kiçik ölçü 18 olmalıdır(desktopda 14)
Button üçün qayda.
Responsive dizaynda buttonlar inkar ölçüsündən asılı olaraq dəyişir. Min 48 olmalıdır. Bu həmçinin click edilə bilən bütün linklərə aiddir.

3. 
   Xəbərlər bölməsinin dizaynını
   
4. 
   Moodboard ,Bannerlər , Mockup haqqında yazın
   

Mood board şəkillərdən ibarət kollajdır. Moodboardakı şəkillər eyni rəng tonunda olmalıdır. əgər şəkillər arasında məsafə varsa həmin məsafə bütün şəkillərin arasında eyni olmalıdır. Şəkillərin düzülüşü adətən xaotik seçilir.
Qrafik dizaynerlər , interyer dizaynerləri , sənaye dizaynerləri , fotoqraflar və digər yaradıcı rəssamlar izləmək istədikləri üslubu əyani şəkildə göstərmək üçün Mood boardan istifadə edirlər. 
Banner reklam xarakterli qrafik bir şəkildir (şəkil). Bannerlər tez-tez reklam məqsədilə istifadə olunur, yeni müştərilər cəlb etmək üçün sayta yerləşdirilir. Belə bir reklamı tıkladığınızda, xidmət sifariş edən müştərinin veb səhifəsinə aparılırsınız. Adətən bannerlər GIF, JPEG və ya Flash formatında istifadə olunur. Bu formatların şəkilləri ya statik, ya da cizgi şəklində ola bilər. JPEG və GIF şəkilləri Photoshop-da asanlıqla edilə bilər. Flash və ya Java bannerləri yaxşıdır, çünki vektor qrafiklərindən istifadə edirlər, adi şəkillərdən daha təsir edici görünürlər, yüngüldürlər. Standart baner ölçüləri 480x60, 400x40, 336x280, 300x250, 250x250, 240x240, 234x60, 120x60, 125x125, 728x90, 160x600, 100x100, 120x600, 300x600, 88x31.
Mockup hazırlanmış məhsulun müştəriyə təqdim edilməsi üçün hazırlanmış diyazndır. Mockup rəqəmsal məhsulun müxtəlif cihazlarda görüşünü təsvir edən dizayndı. Əgər rəqəmsal məhsul web səhifə olarsa, onun mockup pc və ya notebook mobil cahazı təsvir edilir. Mockup photoshop proqram vasitəsiləö düzəldilir.