ככה תעצבו אתר יפה בקלות

תגיות:

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

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

  2. בחרו פונטים מודרנים
    פונטים מודרנים, או בשמם הטיפוגרפי san-serif, משתלבים הכי טוב בתוצרים מודרנים
    האהובים עלי והחינמים של גוגל הם:
    Heebo, Rubik, Assistant.
    תדאגו שהfallback של אחד הפונטים האלה שאתם בוחרים יהיה san-serif.

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

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

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

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

14 לייקים

תודה רבה על הטיפים :slight_smile: