עיצוב אתר אינטרנט רספונסיבי - מה חשוב לדעת

במסך מחשב, בטאבלט או בנייד... אתר אינטרנט צריך להראות במיטבו בכוווולם 

מה זה אומר מבחינת מבנה האתר?

זה אומר שהאתר צריך להיות רספונסיבי,

כלומר אתר "גמיש" שמגיב ומתאים את עצמו אוטומטית לכל סוגי המסכים ולרזולוציות השונות. 

ומה זה אומר מבחינת העיצוב?

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

בר הניווט, התמונות, הטקסטים... ה כ ל 

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

איזה שינויים חשוב לעשות במעבר ממסך מחשב למובייל?

1. להקטין ולצמצם משמעותית את בר הניווט. במקום תפריט רוחבי נשתמש בתפריט הנפתח בלחיצה על כפתור ההמבורגר (שלושת הפסים)

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

3. לשנות את תצוגת האלמנטים. במקום להניח את האלמנטים זה לצד זה, נניח אותם אחד מעל השני.

4. להגדיר את גודל הפונט כדי שיהיה נוח לקריאה גם בכותרות וגם בפסקאות.

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

בתמונות המתחלפות... אתר האינטרנט שעוצב עבור כלי קפה CLAY CAFÉ. האתר כמובן... איך לא... רספונסיבי!

לעבודות נוספות היכנסו לגלריית העבודות