אילוסטרציה לעיצוב רספונסיבי

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

1. רזולוצית בסיס בשלבי העיצוב

כבר בשלב העיצוב, חשוב לעבוד על רזולוציה גדולה יחסית, אבל לא מקסימאלית. אנחנו יודעים שליותר ויותר גולשים יש מסכים גדולים, ורזולוציות גבוהות כגון רזולוציות 4K המאפשרים לצפות באתרים ברזולוציה של 3840/2160, אבל יחד עם זאת, רוב הגולשים נכון לעכשיו עדיין גולשים עם רזולוציות של 1300 פיקסלים (רוחב), כך שמה שיכול להיראות טוב במסך 4K בתוכנת עיצוב, לא יראה נכון לגולש שיש לו מסך עם רזולוציה נמוכה. לכן, רזולוציה 1920/1080 היא בסיס טוב, כי היא נמצאת "באמצע".

איך אתה מוצג ברזולוציה 1366/768 (הרזוצוליה הכי נפוצה באינטרנט כיום)
אותו אתר בדיוק, הפעם ברזולוציה קצת יותר גבוהה, 1920/1080, שבקרוב תהיה הרזולוציה הנפוצה ביותר
וכאן רזולוצית 4K (3840/2160) שיש לגולשים רבים