עיצוב אתרים – 5 כלים שימושיים ליצירת עיצוב אתרים רספונסיביים

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

 .  

5 כלים שימושים של עיצוב אתרים שיכולים לעזור לכם

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