webDesign
באינטרנט החל מ 1998
 
עיצוב אתרים
עיצוב אתרי אינטרנט

אתרי אינטרנט מיוחדים

פורסם: 01/06/2022

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

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

ניתן לסווג את האפשרויות כיום למספר קבוצות:

  • תוספים שונים שמייצרים גלריות, סליידרים, ואפקטים רבים אחרים באמצעות קוד מבוסס javascript. שפת תכנות זו מאפשרת, באמצעות ספריות שונות, להציג גלריות תמונות בתנועה ועוד כיד הדמיון של מתכנתי האתרים.
  • אפשרויות css מתקדמות שלא היו בידי המעצבים בעבר. קובץ css אחד לפחות קיים בין קבצי כל אתר אינטרנט. קובץ ה css יוצר את מראה האתר. הקובץ מכיל מארזי מידע עיצוביים כגון גדלי אותיות, צבעים, מימדי חלקים בעמוד וכדומה. מעצב האתרים עושה שימוש באפשרויות שניתן להוסיף למארזי עיצוב אלה (styles). קבצים אלה הם קבצי טקסט שמכילים את פקודות לאזורים שונים בעמוד.
    בשנים האחרונות התווספו אפשרויות רבות כגון אפשרויות ליצירת גלריות רספונסיביות באמצעות grid ו flex, אפשרות שמירה על יחס פרופורציה של תאים באמצעות aspect-ratio צבעים בעלי שקיפות ועוד.
  • פורמט svg ניתן להצגה באתרי אינטרנט. פורמט זה מציג צורות וקטוריות (שרטוטיות) בעמודי אתרים ומאפשר אנימציות ותכנות. באמצעות פורמט זה ניתן ליצור לוגו חברה שיכלול אנימציה ויראה חד בכל גודל.
  • תג canvas מייצר אזור בו ניתן ליצור אנימציות מורכבות באמצעות קוד. שפת ה html עושה שימוש בתגים. התגים מגדירים אזורים בעמוד. תג canvas מאפשר יצירת אנימציות לצורכי פרסום, גרפים מסוגים שונים, משחקים מקוונים, תלת מימד ועוד.
  • ספריות javascript שמאפשרות את השלב הבא בעיצוב לאינטרנט - תלת מימד מלא. ניתן ליישם תלת מימד בתנועה באתרי אינטרנט כולל תכנון מיקום מצלמות, תאורה, צבע ועוד. אפשרויות אלה מחייבות תקשורת מהירה.

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

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

תגובות
הוספת תגובה
הוספת תגובה
 
 
כותרת
תוכן