תכנון לאינטרנט וטאבלטים - עיצוב רספונסיבי
המונח Responsive נמצא בחזית כבר זמן מה אבל מה המשמעות של זה? האינטרנט השתנה הרבה במהלך השנים, מפלטפורמה מבוססת טקסט לרוב לסביבה אינטראקטיבית, מרתקת, מולטימדיה ורבת מכשירים.

דפי האינטרנט השתנו בעשור האחרון כדי לשקף את השיפורים באינטרנט והמכשירים בהם אנו משתמשים בכדי לצפות בו. אם כבר מדברים על מכשירים, יש לנו כמה סוגים לבחירה, כולל מחשבים, מיני מחשבים, טאבלטים וסמארטפונים. ככל שמספר המכשירים והווריאציות שלהם גדל, הבעיה הופכת להיות ברורה. לכל מכשיר ולכל וריאציה של מכשיר יש גודל מסך משלו.

כשהיינו צריכים רק לתכנן אתרי אינטרנט למחשבים שולחניים וניידים, השיקול העיקרי שלנו היה כיצד להבטיח שדף האינטרנט המוצג זהה לא משנה מה המחשב או דפדפן האינטרנט. התשובה הייתה לעצב עבור דפדפני האינטרנט המובילים ואת רזולוציות המסך הנפוצות ביותר. זה עבד לזמן קצר. בעיה נוספת התבררה כאשר פרמטרים אלה המשיכו להשתנות. גודל המסך למחשב הראשון שלי היה 800 x 600 ובכל זאת אהבתי אותו. ואז 1024 על 800 הפכו לנורמה. כעת המחשבים גדלו לגודל של 27 אינץ 'ומעלה. אז רזולוציית היעד עבור אתר אינטרנט המשיכה להשתנות.

בדיוק כשהתחלנו ליהנות מעיצוב למסכים גדולים יותר אלה, הפופולריות של הסמארטפון והטאבלט גברה מאוד, עם האפליקציות המגניבות שלהם אך המסכים הקטנים יותר. למעשה, ניתן לחזות כי סמארטפונים וטבלאות ישמשו לעתים קרובות יותר מאשר מחשבים לצפייה באינטרנט בעוד מספר שנים בלבד. בהתחלה היו רק מעט מכשירים ניידים. אז התחלנו לתכנן גם אתר ראשי עבור משתמש המחשבים וגם אתר שני למשתמש הנייד. אבל זה לא פתר את הבעיה לחלוטין, מכיוון שאנחנו עדיין מתכננים עבור פריסות ברוחב קבוע.

כעת, אינך יכול להניח באיזה מכשיר הצופה ישתמש בכדי להציג את האתר שלך. לכן עיצוב עבור גדלי מסך קבועים מסוימים הוא כבר לא התשובה הטובה ביותר לבעיה. מה שאנחנו צריכים הוא דרך לקבוע את גודל מסך המכשיר של המשתמש ולהציג את דף האינטרנט בהתאם. מכאן שעיצוב אתרים מגיב, המשתמש ב- CSS כדי לקבוע את רוחב המסך ולהציג דף אינטרנט באופן שונה לפי הצורך. זה מאפשר לנו רק אתר אחד שיחלוף למספר גרסאות לפי הצורך.


הוראות וידאו: בניית, עיצוב אתרים: סרט תדמית המציג לקט עבודות של אתרים (מרץ 2024).