Uncategorized

תוכן עניינים

ספריית העל למעצבים גרפיים, גרפיקאים ומעצבי חוויית משתמש: יותר מ‑1,000 קישורים חכמים להורדות, השראה, צבע, פונטים, אייקונים, mockups, תבניות וכלי עבודה שבאמת שווה לשמור

עמוד אחד עם יותר מ‑1,000 קישורים שכל מעצב גרפי ומעצב UX ירצה לשמור

למה עמוד כזה שווה לשמור במועדפים

יש עמודים שקוראים פעם אחת, ויש עמודים שחוזרים אליהם כמעט בכל פרויקט. זה בדיוק הסוג השני. אם אתם עובדים בתחום עיצוב גרפי או UI UX או גם וגם, מיתוג, UI, UX, מצגות, סושיאל, בניית אתרים, אפליקציות, חומרים שיווקיים או תוכן חזותי מכל סוג — אתם כבר יודעים שהעבודה עצמה היא רק חלק מהסיפור. החלק השני הוא מציאת חומרי גלם מעולים בזמן קצר. תמונות, פונטים, אייקונים, איורים, מוקאפים, תבניות, UI kits, טקסטורות, אנימציות, צבעים, מערכות עיצוב, כלים לנגישות, generators, plugins, ספריות רכיבים, search pages, communities, דוגמאות ומאגרים פתוחים. ברגע שאין סדר, כל פרויקט מתחיל בפיזור. ברגע שיש סדר, אותה משימה בדיוק הופכת מהירה, חכמה ונעימה יותר. לכן העמוד הזה לא בנוי כרשימת לינקים אקראית, אלא כספרייה אמיתית שאפשר לעבוד איתה שוב ושוב.

קישור לקבוצה שמאפשרת לבוגרי לימודי עיצוב גרפי ללא ניסיון בכלל למצוא עבודה בקלות: https://www.facebook.com/groups/SGRAPHICDESIGNONLINE

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

איך להשתמש בעמוד בלי ללכת לאיבוד

כמות גדולה של קישורים יכולה להיות ברכה או עומס. הדרך להפוך את העמוד הזה לשימושי היא לא לעבור עליו מלמעלה עד למטה בכל פעם מחדש, אלא להגיע עם צורך ברור. האם חסר לכם פונט עברי טוב? mockup למובייל? איורים ל‑empty states? כלי לבדיקת contrast? ספריית אייקונים אחידה? UI kit להתחלת wireframe? ככל שהשאלה מדויקת יותר, כך הבחירה מהירה יותר. לכן המבנה כאן מחולק לפי קטגוריות עבודה אמיתיות ולא רק לפי שמות של אתרים. מעצב לא חושב במונחים של “איזה אתר אפתח היום”, אלא במונחים של “איזה חלק בפרויקט שלי דורש עכשיו פתרון”. זה ההבדל בין גלילה אקראית לבין שימוש מקצועי.

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

מה בודקים לפני שמורידים משאב

הורדה טובה מתחילה עוד לפני הלחיצה על הכפתור. קודם כול בודקים רישוי. האם המשאב מותר לשימוש מסחרי? האם צריך ייחוס? האם יש הגבלה על הפצה מחדש? האם מותר להשתמש בו כחלק ממוצר ללקוח? האם מדובר במאגר פתוח באמת או ב‑free sample שנועד למשוך למנוי? השלב הזה אולי לא מרגש, אבל הוא קריטי. מעצבים רבים מתאהבים מהר מדי בויז׳ואל יפה ושוכחים לבדוק אם מותר בכלל להשתמש בו. זה נכון לפונטים, לתמונות, לאייקונים, ל‑mockups, למברשות, ל‑vectors ואפילו לתבניות מצגת.

אחרי הרישוי מגיעה בדיקת האיכות. פתחו את הקובץ ואל תסמכו רק על thumbnail. האם ה‑SVG נקי? האם הפונט כולל משקלים רלוונטיים? האם האייקונים עקביים? האם mockup בנוי נכון או שהוא נראה טוב רק בתמונה המקדימה? האם הטקסטורה לא קטנה מדי? האם קובץ ה‑UI kit מסודר לשימוש אמיתי או שהוא רק יפה להצגה? השאלות האלה חוסכות זמן, מביכות ותיקונים. משאב טוב הוא לא זה שנראה הכי נוצץ בעמוד המכירה, אלא זה שנכנס לפרויקט בלי לייצר בעיות בדרך.

איך להבדיל בין משאב חינמי טוב לבין רעש

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

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

התאמות צבעים: לא רק לבחור יפה, אלא לבחור נכון

אחד המקומות שבהם מעצבים נופלים שוב ושוב הוא צבע. לא בגלל שאין להם טעם, אלא בגלל שצבע נמדד לא רק ברגש אלא גם בתפקוד. פלטה שנראית יפה בפרזנטציה יכולה להיכשל על כפתור, בטבלה, במסך מובייל בשמש, או בעומס של מערכת מורכבת. לכן קישורי הצבע בעמוד הזה לא נועדו רק לתת “פלטות יפות”, אלא גם כלים לחשיבה: generators להרמוניות, בודקי contrast, סימולטורים לעיוורון צבעים, מערכות טונים, scales, gradients ודוגמאות ל‑design tokens. בחירה טובה של צבע מתחילה בשאלה מה אמור לקרות על המסך: מה צריך למשוך תשומת לב, מה צריך להיות שקט, מה רמת הקריאות, ומה נשאר עקבי לאורך כל המערכת.

אם עובדים על מיתוג, כדאי לחשוב על צבע כמערכת של תפקידים ולא רק כזוג‑שלישיית גוונים. צבע ראשי, צבע משלים, צבעי מידע, הצלחות, שגיאות, אזהרות, טקסטים, רקעים, borders, states ו‑hover. אם עובדים על UI, חשוב לבדוק שהפלטה מחזיקה גם light mode וגם dark mode, וגם במצבים של disabled, selected, focus ו‑error. מי שמשלב בין טעם לבין בדיקה, חוסך לעצמו המון תיקונים בהמשך. בגלל זה הוספנו כאן גם הרבה קישורים למדריכי צבע, generators, search pages ומקורות השראה שמאפשרים לראות צבעים בהקשרים אמיתיים.

טיפוגרפיה: איפה מעצבים נופלים גם כשיש להם פונט טוב

פונט טוב הוא התחלה, לא פתרון. אפשר לקחת פונט מצוין ולהוציא ממנו תוצאה חלשה בגלל היררכיה לא ברורה, line-height לא נכון, משקלים שלא מדברים זה עם זה, צפיפות עייפה או pairing לא מחושב. לכן חלק הפונטים בעמוד הזה הוא רק שכבה אחת. מעבר למאגרים עצמם תמצאו גם מקורות לזיווג פונטים, בדיקת scales, השראה למערכות טיפוגרפיות, ספריות variable fonts, כלים לבניית rhythm, ותיעוד שעוזר לחשוב מעבר ל”איזה פונט יפה”. בסופו של דבר טיפוגרפיה היא מערכת של החלטות: מי מדבר ראשון, מי משלים, מה תפקיד הכותרת, מה תפקיד הטקסט, ואיך כל זה מחזיק גם במסך צפוף וגם בחומר מודפס.

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

אייקונים, איורים ושפת ממשק עקבית

אייקונים ואיורים נראים לפעמים כמו הפרט הקטן בפרויקט, אבל בפועל הם אחד הדברים שהכי מהר מסגירים חוסר עקביות. אייקונים בעובי שונה, פינות ברדיוס אחר, פרספקטיבה לא אחידה או ערבוב בין style line לבין filled יוצרים תחושת טלאי גם אם שאר העיצוב יפה. לכן הספריות שבחרנו כאן כוללות גם סטים גדולים ומקצועיים וגם חיפושים מוכנים בתוך קהילות, כדי שאפשר יהיה למצוא שפה שמתאימה לפרויקט ולהיצמד אליה. אותו היגיון נכון גם לאיורים. איור שטוח, איור isometric, דמויות אנושיות, 3D illustrations, scribbles, abstract shapes — כל אלה יכולים להיות מעולים, אבל רק אם הם מתאימים לסיפור, למותג ולממשק.

שימוש חכם באייקונים ובאיורים לא אומר להעמיס אותם בכל מקום, אלא לדעת איפה הם תורמים. לפעמים אייקון קטן בטבלה יחסוך טקסט. לפעמים illustration אחד ב‑empty state יעשה שירות רגשי מצוין. לפעמים דווקא ויתור על איור ייתן לעמוד להיראות בוגר ומדויק יותר. הקישורים כאן לא נועדו לגרום לכם להוריד כמה שיותר, אלא לעזור לבחור טוב יותר: מה שייך ל‑brand, מה שייך ל‑product, מה משרת תוכן, ומה סתם מקשט.

מוקאפ טוב לא נועד להרשים בלבד

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

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

חוויית משתמש, נגישות ובדיקות שחוסכות תיקונים

מעצב מוצר או UX/UI לא יכול לעצור רק בשלב של “נראה טוב”. ממשק טוב צריך להיות קריא, נגיש, עקבי, ברור, נוח לסריקה ומתפקד גם מחוץ למסך הדגמה מושלם. בדיוק בגלל זה חלק גדול מהקישורים כאן עוסק לא רק בויז׳ואלים, אלא גם במערכות עיצוב, נגישות, contrast, content design, UX patterns, components, states, research hubs, guides וכלים שמאפשרים לבדוק החלטות ולא רק להרגיש אותן. הצבעים יכולים להיות יפים, אבל אם CTA נבלע, הטבלה לא סריקה, הכותרת לא ברורה, או שהטופס נשבר ב‑mobile, שום אסתטיקה לא תציל את החוויה.

היתרון של עמוד כזה הוא שאפשר לעבור מהר ממקור השראה למקור בדיקה. לראות UI יפה, ואז לעבור לכלי contrast. לבחור אייקון, ואז לבדוק אם הוא נשאר ברור בגודל קטן. לקחת design system, ואז לעבור ל‑patterns של tables, forms, empty states ו‑navigation. מי שעובד כך מההתחלה חוסך לעצמו הרבה תיקונים יקרים בהמשך. והאמת היא שזה לא רק עניין של “נגישות” במובן הפורמלי; זו פשוט דרך חכמה יותר לבנות חוויות שעובדות טוב עבור יותר אנשים.

איך בונים workflow שלא נשבר באמצע פרויקט

אחד ההבדלים הגדולים בין מעצב שמרגיש עמוס כל הזמן לבין מעצב שעובד בשטף הוא איכות ה‑workflow. לא הכישרון בלבד, אלא הסדר. אם בכל פעם צריך לחפש מחדש background, פונט, icon set, plugin, stock image, mockup ו‑contrast checker, העבודה נקטעת שוב ושוב. לעומת זאת, כשיש סט מקורות קבוע + עמוד אחד גדול שמרכז הרחבות, חיפושים מוכנים ומקורות חלופיים, אפשר לזוז מהר יותר בין שלבי הפרויקט. זאת הסיבה שהעמוד הזה משלב גם אתרים ישירים וגם חיפושי עומק. לפעמים צריך ספרייה פתוחה, ולפעמים צריך פשוט קיצור דרך למקום שבו כבר מישהו אחר ארגן את הקטגוריה הרלוונטית.

המלצה מעשית מאוד: אל תנסו להכיר את כל אלף הקישורים ביום אחד. בחרו היום קטגוריה אחת שמכאיבה לכם באמת. אם אתם נתקעים עם צבעים, עברו על הצבע. אם חסרים לכם mockups, בנו לעצמכם סט mockups. אם אתם מרגישים שהאייקונים שלכם תמיד לא אחידים, עברו על ספריות האייקונים והחיפושים המוכנים. תוך זמן קצר תתחילו להרגיש שהעמוד הזה לא רק “מלא קישורים”, אלא באמת תומך בדרך שבה אתם עובדים. זה הרגע שבו הוא הופך מעוד מדריך ל‑bookmark שחוזרים אליו שוב ושוב.

חיפושי עומק מוכנים ב‑Figma Community

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

קישורים בקטגוריה

קישורים מוכנים לתוספי Figma לפי משימה

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

קישורים בקטגוריה

חיפושי השראה ממוקדים ב‑Behance

כשמחפשים כיוון ויזואלי, לא תמיד צריך עוד tutorial; לפעמים צריך לראות עשרות דוגמאות אמיתיות, לזהות שפה, להבין מה עובד ולבנות מזה כיוון משלכם. הקישורים כאן מובילים לחיפושים מוכנים ב‑Behance לפי משימות נפוצות: UI, מיתוג, אריזות, פוסטים, דשבורדים, mockups, טיפוגרפיה ועוד. מומלץ במיוחד לשלב בין החיפושים האלה לבין ספריות המשאבים שבחלקים הקודמים של העמוד.

קישורים בקטגוריה

חיפושי רעיונות מהירים ב‑Dribbble

Dribbble מצוין כשצריך לראות מהר וריאציות, טרנדים, כיוונים קומפוזיציוניים וטונים גרפיים. הוא פחות מתאים למחקר עמוק, אבל מעולה כשהמוח צריך ניצוץ. הקישורים הבאים לוקחים אתכם ישירות לחיפושים שימושיים שחוזרים כמעט בכל פרויקט: onboarding, מסכי התחברות, כפתורים, איורים, posters, cards, dashboards, flows, gradients ועוד.

קישורים בקטגוריה

חיפושים מוכנים ב‑Creative Market

גם אם לא כל פריט כאן חינמי, Creative Market נשאר מקום מצוין לבדוק איך נראים assets מסודרים לפי נישה, סגנון ותוצאה. הוא מעולה לפונטים, mockups, מברשות, תבניות פרינט, תבניות סושיאל, מצגות, דפוסים ואריזות. מעבר לכך, הוא עוזר להבין סטנדרט מסחרי: איך בנוי קובץ טוב, איך מוצג asset מקצועי, ואיזה סוג חבילות באמת חוסכות זמן.

קישורים בקטגוריה

חיפושים מוכנים ב‑Gumroad

Gumroad הפך בשנים האחרונות למקום שבו מעצבים רבים משתפים קבצים, ערכות, תבניות, brushes, mockups, decks, icon packs ומשאבים שנבנו מתוך עבודה אמיתית. יש בו גם פריטים חינמיים, גם pay‑what‑you‑want וגם חבילות בתשלום. אם אתם אוהבים למצוא דברים שפחות נראים כמו “מדף גנרי”, זה מקום טוב מאוד לצלול אליו דרך חיפושים ממוקדים.

קישורים בקטגוריה

חיפושי מושן ו‑Lottie מוכנים

מי שעובד על אפליקציות, dashboards, onboarding או מסכי מערכת יודע שאנימציה עדינה עושה הבדל גדול. אבל לא כל פרויקט מצדיק בנייה מאפס. החיפושים הבאים ב‑LottieFiles מיועדים למי שצריך loaders, success states, error states, CTA animations, cursor motion או micro interactions שאפשר לבדוק מהר, להוריד ולשלב.

קישורים בקטגוריה

קישורי תבניות מוכנים ב‑Canva

גם מעצבים מקצועיים משתמשים לפעמים ב‑Canva כנקודת פתיחה מהירה, במיוחד כשצריך גרסאות, וריאציות, דפי סושיאל, מסמכים שיווקיים, covers, stories, menus, decks או חומרים שאמורים לצאת מהר. הקישורים כאן מסודרים לפי תוצר, כך שאפשר לפתוח מיד חיפוש ממוקד ולא לבזבז זמן על גלילה כללית.

קישורים בקטגוריה

חיפושי עומק ב‑Envato Elements

Envato לא מיועד רק למי שמחפש לקנות asset; הוא גם מקור מצוין להבנת רמות גימור, אריזת קבצים, mockups מקצועיים, תבניות פרזנטציה, ערכות מותג, PSDs, UI kits, social packs ו-assets לפרויקטים מסחריים. גם אם בסוף תבחרו מקור חינמי, החיפושים כאן יכולים לחדד מה לחפש ומה באמת נחשב לקובץ מוכן היטב.

קישורים בקטגוריה

תמונות סטוק, ארכיון וצילום חופשי

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

קישורים בקטגוריה

  • Unsplash — https://unsplash.com — מאגר תמונות רחב ונקי לשימושים רבים.
  • Pexels — https://www.pexels.com — תמונות וסרטונים חינמיים באיכות גבוהה.
  • Pixabay — https://pixabay.com — תמונות, וידאו, איורים ומוזיקה במקום אחד.
  • Burst — https://burst.shopify.com — תמונות חינמיות לפרויקטים מסחריים.
  • Kaboompics — https://kaboompics.com — תמונות לייף סטייל עם פלטות צבע נלוות.
  • StockSnap — https://stocksnap.io — צילום סטוק איכותי עם ניווט פשוט.
  • Gratisography — https://gratisography.com — תמונות עם אופי חריג ולא בנאלי.
  • Picjumbo — https://picjumbo.com — מאגר גדול לפרסומים, אתרים ומצגות.
  • Life of Pix — https://www.lifeofpix.com — צילום איכותי באווירה מערכתית.
  • Reshot — https://www.reshot.com — תמונות פחות סטוקיות ויותר טבעיות.
  • New Old Stock — https://nos.twnsnd.co — צילומי ארכיון ווינטג׳.
  • SplitShire — https://www.splitshire.com — תמונות חינמיות עם סגנון אישי.
  • ISO Republic — https://isorepublic.com — תמונות וסרטונים חינמיים.
  • Foodiesfeed — https://www.foodiesfeed.com — אוכל, מטבח ומשקאות.
  • Freestocks — https://freestocks.org — מאגר ידידותי לעבודה שוטפת.
  • Barnimages — https://barnimages.com — צילום אווירה וחפצים.
  • LibreShot — https://libreshot.com — תמונות חופשיות עם דגש שימושי.
  • PxHere — https://pxhere.com — חיפוש תמונות לפי נושאים.
  • NegativeSpace — https://negativespace.co — צילום נקי עם הרבה חלל נשימה.
  • Flickr Commons — https://www.flickr.com/commons — אוספים היסטוריים ותרבותיים.
  • Openverse — https://openverse.org — חיפוש במדיות פתוחות מרחבי הרשת.
  • StockVault — https://www.stockvault.net — תמונות, טקסטורות ואלמנטים.
  • Morguefile — https://morguefile.com — ותיק, פשוט ומהיר לעבודה.
  • FreeRange Stock — https://freerangestock.com — תמונות לשימוש מסחרי בכפוף לרישוי.
  • Rawpixel Public Domain — https://www.rawpixel.com/category/53/public-domain — חומרי וינטג׳ ודומיין ציבורי.
  • Moveast — https://moveast.me — צילום מסעות ואווירה.
  • Travel Coffee Book — https://travelcoffeebook.com — צילומי טיולים ונופים.
  • Jay Mantri — https://jaymantri.com — תמונות חינמיות במראה טבעי.
  • Magdeleine — https://magdeleine.co — צילום אוצרות לפי מצב רוח.
  • IM Free — https://imcreator.com/free — תמונות וחומרי עיצוב.
  • Styled Stock — https://styledstock.co — תמונות ממותגות בסגנון נשי/עסקי.
  • Startup Stock Photos — https://startupstockphotos.com — משרדים, מחשבים, יזמות וצוותים.
  • Realistic Shots — https://realisticshots.com — צילום מינימליסטי לעבודה דיגיטלית.
  • Skitterphoto — https://skitterphoto.com — תמונות ציבוריות נוחות להורדה.
  • Cupcake — https://cupcake.nilssonlee.se — מאגר קטן אך יפה.
  • MMT — https://mmtstock.com — צילום חופשי לפרויקטים שונים.
  • Picography — https://picography.co — תמונות אסתטיות חינמיות.
  • Snapwire Snaps — https://snapwiresnaps.tumblr.com — אוספי צילום קלים ומהירים.
  • Smithsonian Open Access — https://www.si.edu/openaccess — יצירות ואובייקטים ממוזיאונים.
  • NASA Image Library — https://images.nasa.gov — חלל, מדע, משימות ותיעוד.
  • NYPL Digital Collections — https://digitalcollections.nypl.org — אוספים דיגיטליים עשירים.
  • Europeana — https://www.europeana.eu — תרבות, היסטוריה ואמנות מאירופה.
  • British Library on Flickr — https://www.flickr.com/photos/britishlibrary — חומרי ארכיון ויזואליים.
  • Library of Congress Free to Use — https://www.loc.gov/free-to-use/ — חומרים פתוחים לשימוש.
  • Nappy — https://nappy.co — ייצוג חזותי מגוון ושימושי.
  • Moose Photos — https://photos.icons8.com — תמונות מאת Icons8.
  • Pikwizard — https://pikwizard.com — תמונות רבות כולל סצנות משרד.
  • Canva Photos — https://www.canva.com/photos/free/ — חיפוש מהיר לתמונות חינמיות.
  • Depositphotos Free Files — https://depositphotos.com/free-files.html — קבצים חינמיים משתנים.
  • Public Domain Archive — https://publicdomainarchive.com — צילום ציבורי לשימוש נוח.

וידאו, פוטג׳ים ותנועות מוכנות

בדיוק כמו בתמונות, גם בווידאו לא כל קטע חינמי שווה שימוש. הקטגוריה הזאת מיועדת למי שבונה מוקאפים חיים, רילס, מצגות, עמודי נחיתה עם hero video, מודעות סושיאל או הדמיות מוצר. כדאי לשים לב לקצב התנועה, לצפיפות הפריים, לכמות האנשים בפריים, לכיוון המבט, ולשאלה האם הווידאו ישרת טקסט, אייקונים או מסר שיווקי. יש פרויקטים שבהם וידאו עשיר מדי הורס את הקריאות, ויש פרויקטים שבהם דווקא תנועה קלה ברקע הופכת עמוד שלם לחי יותר. ריכזתי כאן גם מאגרים של פוטג׳ים חינמיים, גם אזורי חינם בתוך ספריות מסחריות, וגם מקורות שיכולים לעזור למי שמחפש חומר גלם לעבודה מהירה. אם אתה בונה שפה למותג, שמור תיקייה נפרדת לקטעי פתיחה, ל-B-roll, ל-loopים, ולתנועות רקע. כך תוכל לחזור אליהם שוב במקום להתחיל כל פרויקט מאפס.

קישורים בקטגוריה

  • Coverr — https://coverr.co — וידאו חינמי לאתרים, פרזנטציות ומוקאפים.
  • Pexels Videos — https://www.pexels.com/videos/ — קטעי וידאו חינמיים במגוון רחב.
  • Pixabay Videos — https://pixabay.com/videos/ — וידאו חופשי לשימושים רבים.
  • Videvo — https://www.videvo.net — קליפים, מוקאפים ותנועות.
  • Videezy — https://www.videezy.com — וידאו HD ו-4K להורדה.
  • Mixkit — https://mixkit.co — וידאו, מוזיקה ואפקטים.
  • Mazwai — https://mazwai.com — קטעי וידאו אוצרותיים.
  • Vidsplay — https://www.vidsplay.com — וידאו חינמי לפרויקטים.
  • Motion Places — https://www.motionplaces.com — לוקיישנים וצילומי אווירה.
  • Life of Vids — https://www.lifeofvids.com — קטעי וידאו קצרים ונקיים.
  • Dareful — https://www.dareful.com — וידאו 4K חינמי.
  • Beachfront B-Roll — http://www.beachfrontbroll.com — B-roll חינמי לשימוש רחב.
  • Clipstill — https://clipstill.com — סינמגרפים וקטעים חיים.
  • Distill — https://www.wedistill.io — קטעי וידאו מוקפדים.
  • OpenFootage — https://www.openfootage.net — פוטג׳ים ואנימציות.
  • MotionElements Free — https://www.motionelements.com/free/stock-footage — סקשן חינמי בתוך מאגר גדול.
  • Storyblocks Free — https://www.storyblocks.com/free — פריטים חינמיים מתחלפים.
  • Adobe Stock Free Videos — https://stock.adobe.com/free — חומרי וידאו חינמיים.
  • Canva Videos — https://www.canva.com/videos/free/ — מאגר וידאו מהיר לעבודה.
  • NASA Videos — https://www.nasa.gov/multimedia/videogallery/ — קטעי חלל ותיעוד מדעי.
  • Archive.org Moving Image — https://archive.org/details/movies — וידאו ציבורי וארכיוני.
  • Mixkit Art Videos — https://mixkit.co/free-stock-video/ — גלריית וידאו שימושית.
  • Pond5 Public Domain — https://www.pond5.com/free — קטעים חינמיים ומשתנים.
  • Motion Array Freebies — https://motionarray.com/browse/free/ — חינמיים לעריכת וידאו ומושן.
  • Envato Free Files — https://elements.envato.com/free-files — קבצים חינמיים מתחלפים.
  • CapCut Resources — https://www.capcut.com/resource/ — תבניות ומשאבים קצרים.
  • Canva Video Templates — https://www.canva.com/templates/videos/ — תבניות מוכנות לעריכה.
  • Luma AI Dream Machine — https://lumalabs.ai/dream-machine — יצירת וידאו AI לשלב קונספט.
  • Runway — https://runwayml.com — עריכה ויצירה מבוססת AI.
  • Pika — https://pika.art — וידאו גנרטיבי קצר.

פונטים ומקורות טיפוגרפיים

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

קישורים בקטגוריה

  • Google Fonts — https://fonts.google.com — ספריית פונטים פתוחה ויציבה.
  • Adobe Fonts — https://fonts.adobe.com — פונטים למנויי Adobe.
  • Font Squirrel — https://www.fontsquirrel.com — אוסף פונטים חינמיים מסוננים.
  • DaFont — https://www.dafont.com — מאגר עצום בסגנונות רבים.
  • Fontshare — https://www.fontshare.com — שירות פונטים חינמי של ITF.
  • Fontfabric Free Fonts — https://www.fontfabric.com/free-fonts/ — פונטים חינמיים איכותיים.
  • Use & Modify — https://usemodify.com — אוסף פונטים פתוחים לשימוש.
  • Font Library — https://fontlibrary.org — פונטים בקוד פתוח לשפות רבות.
  • FreeFaces — https://www.freefaces.gallery — גלריית פונטים חינמיים אסתטית.
  • Lost Type — https://losttype.com — פונטים עצמאיים מעוצבים היטב.
  • Velvetyne — https://velvetyne.fr — פאונדרי ניסיוני ומעניין.
  • League of Moveable Type — https://www.theleagueofmoveabletype.com — פונטים פתוחים באיכות גבוהה.
  • Collletttivo — https://www.collletttivo.it/typefaces/ — פונטים עם אופי עכשווי.
  • Open Foundry — https://open-foundry.com — פלטפורמה נקייה לפונטים פתוחים.
  • Pangram Pangram Free Fonts — https://pangrampangram.com/collections/free-fonts — חינמיים מעולים למיתוג.
  • Befonts — https://befonts.com — מאגר גדול עם פילוח טוב.
  • FontSpace — https://www.fontspace.com — פונטים חינמיים רבים.
  • 1001 Free Fonts — https://www.1001freefonts.com — קטלוג ותיק ונוח.
  • UrbanFonts — https://www.urbanfonts.com — פונטים ואייקונים.
  • Cufon Fonts — https://www.cufonfonts.com — חיפוש מהיר לפי סגנון.
  • Abstract Fonts — https://www.abstractfonts.com — פונטים חופשיים ופרימיום.
  • FontsArena — https://fontsarena.com — קטלוג פונטים ואוספים.
  • Fontesk — https://fontesk.com — פונטים חינמיים עם עיצוב טוב.
  • Omnibus Type — https://omnibus-type.com — פונטים פתוחים ושימושיים.
  • Atipo Free Fonts — https://www.atipofoundry.com/fonts/ — פונטים עם סגנון אירופי נקי.
  • Indian Type Foundry — https://www.indiantypefoundry.com/fonts — מקור מקצועי לטיפוגרפיה.
  • The Velvetyne Downloads — https://velvetyne.fr/fonts/ — קטלוג ההורדות של VTF.
  • Public Sans — https://public-sans.digital.gov — פונט רשמי שימושי ונקי.
  • IBM Plex — https://www.ibm.com/plex/ — משפחת פונטים רחבה ואיכותית.
  • Overpass — https://overpassfont.org — אלטרנטיבה בסגנון תחבורתי.
  • Inter — https://rsms.me/inter/ — פונט UI פופולרי ונוח.
  • Manrope — https://manropefont.com — פונט מודרני גמיש.
  • Space Grotesk — https://fonts.google.com/specimen/Space+Grotesk — סנס מודרני עם אופי.
  • Space Mono — https://fonts.google.com/specimen/Space+Mono — מונוספייס עם נוכחות.
  • DM Sans — https://fonts.google.com/specimen/DM+Sans — סנס נקי לעיצוב דיגיטלי.
  • Archivo — https://fonts.google.com/specimen/Archivo — משפחה חזקה לכותרות וטקסט.
  • Nunito — https://fonts.google.com/specimen/Nunito — ידידותי ונעים למסכים.
  • Rubik — https://fonts.google.com/specimen/Rubik — גיאומטרי ונגיש.
  • Heebo — https://fonts.google.com/specimen/Heebo — פונט עברי שימושי מאוד.
  • Assistant — https://fonts.google.com/specimen/Assistant — פונט עברי נקי לממשקים.
  • Alef — https://fonts.google.com/specimen/Alef — עברי בסיסי וקריא.
  • Secular One — https://fonts.google.com/specimen/Secular+One — כותרות עבריות כבדות.
  • Frank Ruhl Libre — https://fonts.google.com/specimen/Frank+Ruhl+Libre — סריפי עברי קלאסי.
  • Varela Round — https://fonts.google.com/specimen/Varela+Round — עגול וידידותי.
  • Sora — https://fonts.google.com/specimen/Sora — מודרני למסכים.
  • FontBundles Free Fonts — https://fontbundles.net/free-fonts — אזור חינמי עם מבחר משתנה.
  • Creative Fabrica Free Fonts — https://www.creativefabrica.com/freebies/free-fonts/ — פונטים וקבצי בונוס.
  • Pixel Surplus Fonts — https://pixelsurplus.com/collections/free-fonts — אוצרות חינמיים למעצבים.
  • Graphic Pear Fonts — https://www.graphicpear.com/category/free-fonts — פונטים בתוך ספריית freebie.
  • Unblast Fonts — https://unblast.com/fonts/ — פונטים ותבניות בעיצוב נקי.

אייקונים, סימנים וספריות SVG

אייקונים הם שפה. כשהם בנויים נכון, הם מקצרים טקסט, מארגנים מידע, מרככים צפיפות, ומעלים את תחושת הסדר. כשהם נבחרים רע, הם שוברים עקביות, יוצרים עומס, וגורמים למסך להרגיש כאילו הוא הורכב מכמה מוצרים שונים. לכן ריכזתי כאן ספריות אייקונים בקווים שונים: דקים, מלאים, rounded, duotone, מותגים, אייקונים מונפשים, ואוספים שמיועדים במיוחד ל-UI. ההמלצה שלי היא לא לערבב שלושה סטים באותו מסך בלי סיבה טובה. בחר מערכת אחת, קבע stroke או fill, בדוק גודל מינימלי, בדוק אם יש תמיכה ב-SVG, ובדוק אם הספרייה באמת מכסה את כל מה שאתה צריך לפני שאתה נכנס לפרויקט. ברגע שאתה עובד עם ספרייה עקבית, גם מסכים פשוטים נראים הרבה יותר מקצועיים.

קישורים בקטגוריה

  • The Noun Project — https://thenounproject.com — אייקונים ותמונות בספרייה גדולה.
  • Icons8 — https://icons8.com/icons — אייקונים, תמונות, איורים ועוד.
  • Iconfinder — https://www.iconfinder.com — חיפוש נוח באייקונים חינמיים ופרימיום.
  • Font Awesome — https://fontawesome.com — ספריית אייקונים ותיקה.
  • Heroicons — https://heroicons.com — אייקוני SVG איכותיים.
  • Remix Icon — https://remixicon.com — אייקונים פתוחים לממשקים.
  • Lucide — https://lucide.dev — ספריית אייקונים מודרנית.
  • Tabler Icons — https://tabler.io/icons — אייקונים חינמיים רבים.
  • Phosphor Icons — https://phosphoricons.com — אייקונים גמישים בכמה משקלים.
  • Material Symbols — https://fonts.google.com/icons — אייקונים רשמיים של Material.
  • Bootstrap Icons — https://icons.getbootstrap.com — ספריית SVG פתוחה.
  • Feather Icons — https://feathericons.com — סט נקי ומינימליסטי.
  • Ionicons — https://ionicons.com — אייקונים פתוחים לאפליקציות.
  • Iconoir — https://iconoir.com — ספרייה מגוונת בקו אחיד.
  • Eva Icons — https://akveo.github.io/eva-icons/ — אייקונים פתוחים למוצרי UI.
  • Simple Icons — https://simpleicons.org — לוגואים של מותגים ב-SVG.
  • Streamline Free Icons — https://www.streamlinehq.com/icons — אייקונים מדויקים ושימושיים.
  • Flaticon — https://www.flaticon.com — אייקונים וסטים רבים.
  • SVG Repo — https://www.svgrepo.com — מאגר SVG ענק.
  • Iconmonstr — https://iconmonstr.com — אייקונים פשוטים ומהירים.
  • Flowbite Icons — https://flowbite.com/icons/ — אייקוני SVG חופשיים.
  • Radix Icons — https://www.radix-ui.com/icons — אייקונים לרכיבי ממשק.
  • Devicon — https://devicon.dev — אייקוני טכנולוגיות ומותגים.
  • Unicons — https://iconscout.com/unicons — אייקונים בקו אחיד.
  • Boxicons — https://boxicons.com — ספריית אייקונים חופשית.
  • Zondicons — https://www.zondicons.com — אייקונים וקטוריים נקיים.
  • css.gg — https://css.gg — אייקונים פתוחים עם ייצוא נוח.
  • CoreUI Icons — https://coreui.io/icons/ — אייקונים חינמיים למוצרים.
  • Weather Icons — https://erikflowers.github.io/weather-icons/ — אייקוני מזג אוויר.
  • Typicons — https://www.s-ings.com/typicons/ — אייקונים קלאסיים ונוחים.
  • Octicons — https://primer.style/octicons/ — אייקוני GitHub.
  • Akar Icons — https://akaricons.com — אייקונים פתוחים מינימליסטיים.
  • Fluent UI System Icons — https://github.com/microsoft/fluentui-system-icons — אייקונים פתוחים של Microsoft.
  • Jam Icons — https://jam-icons.com — אייקונים חופשיים לפיתוח.
  • Lineicons — https://lineicons.com/icons — אייקונים לשימוש מסחרי.
  • MingCute — https://mingcute.com — ספריית SVG וקוד.
  • Pikaicons — https://www.pikaicons.com — אייקונים חופשיים באופי חם.
  • Mono Icons — https://icons.mono.company — אייקונים מונוכרומטיים.
  • Solar — https://www.solariconset.com — סט עשיר ונעים.
  • Hugeicons Free — https://hugeicons.com/icons — אייקונים חינמיים ופרימיום.
  • IconPark — https://iconpark.oceanengine.com — מערכת אייקונים גדולה.
  • Iconsax — https://iconsax.io — אייקונים בקו עכשווי.
  • Iconhub — https://iconhub.io — חיפוש ועבודה עם סטים רבים.
  • IconBros — https://www.iconbros.com — ספריית אייקונים מגוונת.
  • UseAnimations — https://useanimations.com — אייקונים מונפשים.
  • Lordicon — https://lordicon.com — אייקונים אינטראקטיביים ומונפשים.
  • BlendIcons — https://blendicons.com — אייקונים בקו מעוגל ונעים.
  • Doodle Icons — https://khushmeen.com/icons.html — אייקונים חופשיים בסגנון ידני.
  • Atlas Icons — https://atlasicons.vectopus.com — אייקונים בקו עקבי.
  • 3dicons — https://3dicons.co — אייקונים תלת-ממדיים.

איורים, אווטארים ודמויות

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

קישורים בקטגוריה

  • unDraw — https://undraw.co/illustrations — איורים חינמיים להתאמה מהירה.
  • DrawKit — https://www.drawkit.com — איורים, אייקונים ו-3D.
  • Ouch! — https://icons8.com/illustrations — איורים של Icons8.
  • Storyset — https://storyset.com — איורים לעריכה בצבעים וסצנות.
  • ManyPixels Gallery — https://www.manypixels.co/gallery — גלריית איורים חינמית.
  • IRA Design — https://iradesign.io — איורים וקטוריים צבעוניים.
  • Open Doodles — https://www.opendoodles.com — איורים בסגנון סקיצה חופשית.
  • Humaaans — https://www.humaaans.com — דמויות להרכבה.
  • Blush — https://blush.design — מערכת בניית איורים ואווטארים.
  • Absurd Design — https://absurd.design — איורים ידניים עם אופי חריג.
  • Lukasz Adam — https://lukaszadam.com/illustrations — איורים SVG חינמיים.
  • Delesign — https://delesign.com/free-designs/graphics — חבילת גרפיקות חינמיות.
  • illlustrations — https://illlustrations.co — איורים חופשיים לפרויקטים.
  • Get Illustrations — https://www.getillustrations.com — חבילות איורים רבות.
  • Streamline Illustrations — https://www.streamlinehq.com/illustrations — איורים ווקטוריים מוכנים.
  • Craftwork Illustrations — https://craftwork.design/freebies/category/illustrations — freebies של איורים.
  • LS Graphics Illustrations — https://www.ls.graphics/free — חינם באיכות גבוהה.
  • Design Stripe — https://designstripe.com — בניית סצנות ואיורים.
  • Black Illustrations — https://www.blackillustrations.com — איורים עם ייצוג שחור מודגש.
  • Open Peeps — https://www.openpeeps.com — דמויות ידניות להרכבה.
  • Avataaars — https://getavataaars.com — יוצר אווטארים מהיר.
  • Exemplar — https://themeselection.com/item/exemplar-free-avatar-library-for-figma-and-sketch/ — ספריית אווטארים חינמית.
  • Sapiens — https://sapiens.ui8.net — מערכת דמויות להרכבה.
  • Big Heads — https://www.bigheads.io — אווטארים דינמיים.
  • Stubborn — https://stubborn.fun — איורים ודמויות לפרויקטים.
  • Handz — https://www.handz.design — ידיים ואחיזות לאיורי מוצר.
  • OpenMoji — https://openmoji.org — אימוג׳ים פתוחים לשימוש.
  • Paper Illustrations — https://icons8.com/illustrations/style–paper — איורי נייר של Icons8.
  • Growww Kit — https://growwwkit.com/illustrations/phonies — איורים חינמיים.
  • Wannathis Free Illustrations — https://wannathis.one/freebies — חינמיים בעיצוב עכשווי.
  • Retro Illustrations — https://www.retrovectors.com/free-vectors/ — וקטורים באווירת רטרו.
  • Pixeltrue Illustrations — https://www.pixeltrue.com/free-illustrations — איורים חופשיים.
  • DrawKit Characters — https://www.drawkit.com/product-category/characters — דמויות מוכנות.
  • Notioly — https://notioly.com — איורים, אייקונים וסטיקרים.
  • Control — https://control.rocks/freebies — איורים חינמיים וחמודים.
  • Shapefest — https://www.shapefest.com — צורות 3D ואיורים מרחביים.
  • Icons8 Mega Creator — https://icons8.com/mega-creator — הרכבת סצנות, דמויות ואייקונים.
  • IRA Gradient — https://iradesign.io/gallery/illustrations — גלריית וריאציות של IRA.
  • DrawKit 3D — https://www.drawkit.com/3d-illustrations — איורי 3D חינמיים ופרימיום.
  • Shape — https://shape.so — איורים וצורות.
  • Vecteezy Illustrations — https://www.vecteezy.com/free-vector/illustration — וקטורים ואיורים.
  • Freepik Illustrations — https://www.freepik.com/free-vectors/illustrations — ספרייה גדולה.
  • Canva Illustrations — https://www.canva.com/illustrations/ — איורים מובנים בתוך Canva.
  • Storytale — https://storytale.io/freebies — איורים ו-3D freebies.
  • Khagwal 3D — https://www.khagwal.co/3d-illustrations — איורי 3D חינמיים.
  • Opendoodles Generator — https://generator.opendoodles.com — בניית קומפוזיציות מוכנות.
  • Shape Fest Free 3D — https://www.shapefest.com/shape-library — ספריית צורות 3D.

מוקאפים, הצגת מסכים ותצוגות מוצר

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

קישורים בקטגוריה

  • Mockup World — https://www.mockupworld.co — מוקאפים למובייל, פרינט ומיתוג.
  • Unblast — https://unblast.com/mockups/ — מוקאפים ו-freebies רבים.
  • GraphicBurger — https://graphicburger.com/mock-ups/ — ספרייה ותיקה ושימושית.
  • Pixeden Freebies — https://www.pixeden.com/free-web-elements — freebies איכותיים לעיצוב.
  • Freepik Mockups — https://www.freepik.com/free-photos-vectors/mockup — מוקאפים ותבניות.
  • Smartmockups — https://smartmockups.com — יצירת מוקאפים מהירה.
  • Placeit — https://placeit.net — מוקאפים למוצרים, חולצות ומסכים.
  • Pixelbuddha Mockups — https://pixelbuddha.net/freebies/mockups — freebies למעצבים.
  • Graphic Pear Mockups — https://www.graphicpear.com/category/mockups — מוקאפים נקיים להורדה.
  • Mockups Design — https://mockups-design.com — מוקאפים חופשיים ומעודכנים.
  • Anthony Boyd Graphics — https://www.anthonyboyd.graphics — מוקאפים למיתוג ומסכים.
  • Mockup Maison — https://mockup.maison — מוקאפים למובייל וברנדינג.
  • Resource Boy Mockups — https://resourceboy.com/mockups/ — קבצים חינמיים רבים.
  • ZippyPixels Free Mockups — https://zippypixels.com/freebies/ — מוקאפים ותבניות.
  • 360 Mockups — https://360mockups.com — מוקאפים ב-PSD.
  • MediaLoot Free Mockups — https://medialoot.com/freebies/ — freebies מעוצבים היטב.
  • Yellow Images Free — https://yellowimages.com/free — פריטים חינמיים מתוך ספרייה גדולה.
  • Artboard Studio — https://artboard.studio — מוקאפים בדפדפן.
  • Shotsnapp — https://shotsnapp.com — יצירת mockup למסכים במהירות.
  • Dimmy Club — https://dimmy.club — מסגרות ותצוגות למסכים.
  • Angle — https://angle.sh — הצגת צילומי מסך בזוויות.
  • Facebook Design Devices — https://facebook.design/devices — קבצי מכשירים ומצגות.
  • Apple Design Resources — https://developer.apple.com/design/resources/ — קבצי מוצר רשמיים של Apple.
  • Google Material Assets — https://m3.material.io/foundations/design-resources/overview — משאבים רשמיים ל-Material.
  • LS Graphics Devices — https://www.ls.graphics/free-mockups — מוקאפים ו-freebies.
  • Mockuuups Studio — https://mockuuups.studio — יצירת mockups למכשירים.
  • Screely — https://www.screely.com — הפיכת screenshot להצגה יפה.
  • Shots — https://shots.so — מוקאפים מהירים לתוצרים.
  • Previewed — https://previewed.app — מוקאפים לאפליקציות.
  • App Launchpad — https://theapplaunchpad.com — מסגרות App Store ותצוגות.
  • Rotato — https://www.rotato.app — סיבוב והצגת מוצרים/מסכים.
  • Figma Mockups Plugin — https://www.figma.com/community/plugin/817043359134136295/Mockup-Plugin — מוקאפים בתוך Figma.
  • Mr.Mockup Freebies — https://mrmockup.com/freebies/ — freebies ממותגים.
  • UI8 Freebies — https://ui8.net/freebies — freebies ומוקאפים.
  • Behance Mockup Search — https://www.behance.net/search/projects?search=free%20mockup — חיפוש freebies דרך Behance.
  • Dribbble Mockup Search — https://dribbble.com/search/free%20mockup — חיפוש מוקאפים בקהילה.
  • Canva Mockups — https://www.canva.com/mockups/ — מוקאפים מוכנים בתוך Canva.
  • Adobe Express Mockups — https://www.adobe.com/express/create/mockup — יצירת mockup מהירה.
  • Shotsnapp Device Frames — https://shotsnapp.com/device-frames — מסגרות מכשיר מוכנות.
  • Mockuphone — https://mockuphone.com — mockups למכשירים ישירות מהדפדפן.

UI Kits, Figma, Sketch ורכיבי מוצר

מעצבים שעובדים בממשקים, במערכות SaaS, באתרים מורכבים או באפליקציות, חייבים לבנות מהירות. זה לא אומר לעבוד שטחי, אלא לדעת להשתמש נכון במשאבים: UI kits, templates, community files, design tokens, תוספים, ורכיבים מוכנים. הקטגוריה הזאת מיועדת בדיוק לזה. במקום לבנות שוב ושוב אותו date picker, modal, side nav, dashboard card או onboarding flow, אפשר להתחיל מבסיס איכותי ואז לשפר. השימוש החכם במשאבים כאלה לא פוגע ביצירתיות; הוא מפנה זמן לחשיבה, UX, סדר, ניסוח, היררכיה ובדיקות. מה שחשוב הוא לא להישען עיוור על kit אחד. בדוק naming, auto layout, רכיבים, styles, responsive behavior, נגישות, ויכולת התאמה. אם הקובץ מלוכלך, הוא יגנוב לך זמן במקום לחסוך זמן.

קישורים בקטגוריה

  • Figma Community — https://www.figma.com/community — קהילת קבצים, תוספים ומשאבים.
  • Sketch App Sources — https://www.sketchappsources.com — freebies ל-Sketch.
  • UIXLibrary — https://uixlibrary.com — משאבי UI חינמיים.
  • Sketch Repo — https://sketchrepo.com — קבצי Sketch ו-freebies.
  • Sketch App Rocks — https://sketchapp.rocks — אינדקס למשאבי Sketch.
  • FigmaCrush — https://www.figmacrush.com — קבצי Figma, wireframes ו-UI kits.
  • Figma Elements — https://figmaelements.com — ספריית אלמנטים וקיטים.
  • Figma Freebies — https://figmafreebies.com — freebies לקהילת Figma.
  • Figma Resources — https://www.figmaresources.com — משאבים לקבצי Figma.
  • Figma Template — https://figmatemplate.com — תבניות מוכנות.
  • Figma Plugins — https://www.figma.com/community/plugins — תוספים לעבודה מהירה.
  • UI Store Design — https://www.uistore.design — freebies של UI ו-UX.
  • UI8 — https://ui8.net — UI kits ומשאבים פרימיום וחינמיים.
  • Uplabs — https://www.uplabs.com — קהילת קבצים, תבניות ומשאבים.
  • Freebiesbug — https://freebiesbug.com — קבצי Figma, XD, PSD ועוד.
  • Craftwork Freebies — https://craftwork.design/freebies — freebies איכותיים לעיצוב מוצר.
  • Setproduct Freebies — https://setproduct.com/freebies — freebies נקיים לממשקים.
  • LS Graphics Free — https://www.ls.graphics/free — freebies מקצועיים.
  • UIHut Freebies — https://www.uihut.com/freebies — קיטים, אייקונים ותבניות.
  • UIBundle — https://uibundle.com — freebies במגוון קטגוריות.
  • openby.design — https://openby.design — משאבי UI פתוחים.
  • Design+Code Resources — https://designcode.io/resources — משאבים לקהילה של product design.
  • HTMLrev — https://htmlrev.com — תבניות HTML ו-UI.
  • Flowbite — https://flowbite.com — רכיבי UI מוכנים.
  • HyperUI — https://www.hyperui.dev — רכיבי Tailwind חינמיים.
  • Mamba UI — https://mambaui.com — קומפוננטות ותבניות Tailwind.
  • Tailwind Components — https://tailwindcomponents.com — ספריית רכיבים קהילתית.
  • Tailwind Toolbox — https://www.tailwindtoolbox.com — תבניות וכלים ל-Tailwind.
  • Tailwind Kit — https://www.tailwind-kit.com — רכיבים חינמיים.
  • Meraki UI — https://merakiui.com — קומפוננטות responsive.
  • Kitwind Kometa — https://kitwind.io/products/kometa/components — קיטים ורכיבים.
  • Float UI — https://floatui.com — רכיבים ותבניות חינמיים.
  • Konsta UI — https://konstaui.com — UI למובייל עם Tailwind.
  • DaisyUI — https://daisyui.com — ערכת קומפוננטות פופולרית.
  • shadcn/ui — https://ui.shadcn.com — רכיבים מעוצבים ל-React.
  • Uiverse — https://uiverse.io — אלמנטים HTML/CSS קהילתיים.
  • Headless UI — https://headlessui.dev — רכיבים נגישים ללא עיצוב קשיח.
  • Radix UI — https://www.radix-ui.com — פרימיטיבים איכותיים לממשקים.
  • Material UI — https://mui.com — קומפוננטות React מלאות.
  • Ant Design — https://ant.design — מערכת UI חזקה למוצרים.
  • Chakra UI — https://chakra-ui.com — קומפוננטות נגישות ופשוטות.
  • Mantine — https://mantine.dev — ספריית קומפוננטות עשירה.
  • Evergreen — https://evergreen.segment.com — קומפוננטות למוצרים B2B.
  • PrimeReact — https://primereact.org — ספריית קומפוננטות רחבה.
  • Onsen UI — https://onsen.io — רכיבי UI למובייל והיברידי.

טקסטורות, מברשות, דפוסים ורקעים

בפרויקטים מסוימים כל מה שצריך הוא רקע נקי; בפרויקטים אחרים חסרה בדיוק שכבת החומר שמחייה את כל הקומפוזיציה. טקסטורות, מברשות, דפוסים ורקעים יכולים להוסיף עומק, להוריד תחושת פלסטיק, ולגרום לעיצוב דיגיטלי להרגיש עשיר יותר. מצד שני, זו גם אחת הקטגוריות שהכי קל להגזים בהן. טקסטורה חזקה מדי מלכלכת קריאות, דפוס לא מדויק יוצר רעש, ומברשת לא מתאימה יכולה להפוך עיצוב אלגנטי למשהו אקראי. לכן הרשימה כאן מיועדת גם למי שמחפש חומרים לפוטושופ ולאילוסטרייטור, וגם למי שמחפש SVG patterns, blobs, waves, gradients ורקעי UI. ההמלצה הכי חשובה: השתמש בשכבות כאלה כדי לשרת מסר וחומריות, לא כדי לכסות על חולשה קומפוזיציונית.

קישורים בקטגוריה

  • Brusheezy — https://www.brusheezy.com — מברשות, טקסטורות ווקטורים.
  • MyPhotoshopBrushes — https://myphotoshopbrushes.com — מברשות לפוטושופ.
  • Texturelabs — https://texturelabs.org — טקסטורות וחומרי עזר.
  • Textures.com — https://www.textures.com — טקסטורות וחומרים רבים.
  • CGBookcase — https://www.cgbookcase.com — טקסטורות PBR להורדה.
  • ambientCG — https://ambientcg.com — מאגר חומרים פתוח.
  • Poly Haven Textures — https://polyhaven.com/textures — טקסטורות HDRI וחומרים.
  • Lost and Taken — https://lostandtaken.com — טקסטורות ישנות באיכות טובה.
  • Pattern Library — https://thepatternlibrary.com — דפוסים וקטוריים.
  • Hero Patterns — https://heropatterns.com — תבניות SVG לרקע.
  • SVG Backgrounds — https://www.svgbackgrounds.com — רקעים וקטוריים מוכנים.
  • BGJar — https://bgjar.com — רקעים SVG גמישים.
  • Haikei — https://haikei.app — רקעים, blobs וגלים.
  • MagicPattern — https://www.magicpattern.design/tools — כלי יצירת דפוסים ורקעים.
  • Cool Backgrounds — https://coolbackgrounds.io — רקעים גנרטיביים.
  • Transparent Textures — https://www.transparenttextures.com — טקסטורות שקופות לרקע.
  • Subtle Patterns — https://www.toptal.com/designers/subtlepatterns — אוסף דפוסים עדינים.
  • Patterninja — https://patterninja.com — יצירת דפוסים מותאמים.
  • Pattern Monster — https://pattern.monster — רקעים SVG יפים.
  • Trianglify — https://trianglify.io — רקעים גאומטריים.
  • Grainient — https://grainient.supply — גרדיאנטים עם גריין.
  • Gradient Hunt — https://gradienthunt.com — אוספי גרדיאנטים.
  • uiGradients — https://uigradients.com — גרדיאנטים קלאסיים ומהירים.
  • Blobmaker — https://www.blobmaker.app — יצירת blobs SVG.
  • Shape Divider — https://www.shapedivider.app — מפרידי צורות לאתרים.
  • Get Waves — https://getwaves.io — גלים SVG מותאמים.
  • fffuel — https://fffuel.co — מנוע ליצירת רקעים ו-textures.
  • Patternpad — https://patternpad.com — פאטרנים מהירים ל-SVG.
  • Doodad — https://doodad.dev/pattern-generator/ — מחולל דפוסים פשוט.
  • Paper.co — https://www.papers.co — רקעים וטקסטורות השראה.
  • Nucleo Pattern Generator — https://nucleoapp.com/svg-pattern-generator — מחולל SVG patterns.
  • Paaatterns — https://products.ls.graphics/paaatterns/ — דפוסים מוכנים.
  • Iconscout Patterns — https://iconscout.com/patterns — רקעים ודפוסים.
  • Freepik Textures — https://www.freepik.com/free-photos-vectors/texture — טקסטורות ווקטוריות.
  • Vecteezy Textures — https://www.vecteezy.com/free-vector/texture — טקסטורות חינמיות.
  • Rawpixel Textures — https://www.rawpixel.com/search/texture — חיפוש טקסטורות.
  • Photoshop Supply Brushes — https://www.photoshopsupply.com/brushes — מברשות וקבצים.
  • BrushKing — https://www.brushking.eu — מברשות חינמיות.
  • DeviantArt Brushes — https://www.deviantart.com/search?q=photoshop+brushes — חיפוש מברשות בקהילה.
  • Adobe Substance 3D Assets — https://substance3d.adobe.com/assets — חומרים, smart materials ועוד.
  • Canva Backgrounds — https://www.canva.com/backgrounds/ — רקעים מובנים לפרויקטים.
  • Patternico — https://patternico.com — יצירת דפוסים מהירה.
  • Noise & Texture — https://www.noisetexturegenerator.com — יצירת רעש וטקסטורה.
  • Pixeltrue Patterns — https://www.pixeltrue.com/free-svg-patterns — דפוסים חינמיים.
  • SVG Wave — https://svgwave.in — יצירת גלי SVG.
  • Low Poly Generator — https://www.lowpolygenerator.com — יצירת טקסטורות low poly.

צבע, גרדיאנטים ופלטות

צבע הוא אחד הכלים החזקים והמסוכנים ביותר בעיצוב. בחירה נכונה של צבע יכולה להוביל מבט, לסמן חשיבות, ליצור עומק, לקבוע אופי מותגי ולתמוך בנגישות. בחירה רשלנית תיצור בלגן, עייפות, בעיות קריאות ואפילו חוסר אמון. לכן הקטגוריה הזאת לא בנויה רק מפלטות יפות, אלא גם מכלים שבודקים ניגודיות, מייצרים מדרגות גוון, עוזרים לבנות מערכת ולא רק לבחור צבע בודד, ומציגים פלטות בתוך מסכים אמיתיים. אם אתה עובד במוצר דיגיטלי, אל תסתפק בארבעה צבעים שמצאת במקרה. בנה מערכת: primary, secondary, surface, border, focus, success, warning, danger, disabled, text levels. צבע טוב הוא לא רק יפה; הוא מתפקד.

קישורים בקטגוריה

  • Adobe Color — https://color.adobe.com — בחירת צבעים, ניגודיות והרמוניה.
  • Coolors — https://coolors.co — גנרטור פלטות מהיר.
  • Color Hunt — https://colorhunt.co — פלטות מוכנות באווירות שונות.
  • Happy Hues — https://www.happyhues.co — פלטות עם דוגמאות שימוש.
  • CoolHue — https://webkul.github.io/coolhue/ — גרדיאנטים מוכנים.
  • ColorSpace — https://mycolor.space — יצירת פלטות ממספר צבעים.
  • Colormind — http://colormind.io — מחולל פלטות מבוסס AI.
  • Khroma — https://www.khroma.co — מערכת חכמה לבחירת צבע.
  • Huemint — https://huemint.com — בדיקת צבעים בהקשר ממשקי.
  • Material Theme Builder — https://m3.material.io/theme-builder — בניית מערכת צבע ל-Material.
  • Material UI Colors — https://www.materialui.co/colors — קטלוג צבעים מהיר.
  • Tailwind Colors — https://tailwindcss.com/docs/customizing-colors — פלטת Tailwind הרשמית.
  • Tailwind Shades — https://www.tailwindshades.com — יצירת גוונים אוטומטית.
  • uiGradients — https://uigradients.com — גרדיאנטים מוכנים.
  • Gradient Hunt — https://gradienthunt.com — אוסף רחב של גרדיאנטים.
  • ColorBox — https://www.colorbox.io — יצירת מערכות צבע.
  • Paletton — https://paletton.com — בניית הרמוניה צבעונית.
  • Colorable — https://colorable.jxnblk.com — בדיקת ניגודיות בין צבעים.
  • Accessible Colors — https://accessible-colors.com — בדיקת נגישות צבע.
  • Leonardo — https://leonardocolor.io — כלי נגישות מבית Adobe.
  • Color.review — https://color.review — בדיקת ניגודיות פשוטה.
  • Who Can Use — https://www.whocanuse.com — הבנת ניגודיות מול לקויות ראייה.
  • Realtime Colors — https://www.realtimecolors.com — תצוגת צבע באתר חי.
  • Color Leap — https://colorleap.app — פלטות בהשראת תקופות.
  • BrandColors — https://brandcolors.net — צבעי מותגים ידועים.
  • Color Lisa — https://colorlisa.com — פלטות מתוך יצירות אמנות.
  • LOL Colors — https://www.webdesignrankings.com/resources/lolcolors/ — פלטות יפות ומהירות.
  • Eva Design Colors — https://colors.eva.design — גוון ומערכת צבע.
  • Open Color — https://yeun.github.io/open-color/ — פלטת UI פתוחה.
  • Flat UI Colors — https://flatuicolors.com — בחירת צבעים קלה ומהירה.
  • Pigment by ShapeFactory — https://pigment.shapefactory.co — פלטות נגישות ונעימות.
  • ColorMagic — https://colormagic.app — פלטות מבוססות AI.
  • Huetone — https://huetone.ardov.me — יצירת scale לצבעים.
  • Muzli Colors — https://colors.muz.li — השראה צבעונית מהירה.
  • Canva Color Palette Generator — https://www.canva.com/colors/color-palette-generator/ — פלטות מתוך תמונה.
  • Color Hex — https://www.color-hex.com — מידע מפורט על כל צבע.
  • HTML Color Codes — https://htmlcolorcodes.com — מדריכי צבע וקודים.

נכסי תלת־ממד, צורות ומודלים

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

קישורים בקטגוריה

  • Poly Haven — https://polyhaven.com — HDRI, מודלים וטקסטורות.
  • Sketchfab — https://sketchfab.com — מודלים תלת־ממדיים לצפייה והורדה.
  • CGTrader Free — https://www.cgtrader.com/free-3d-models — מודלים חינמיים רבים.
  • TurboSquid Free — https://www.turbosquid.com/Search/3D-Models/free — חיפוש מודלים חינמיים.
  • Free3D — https://free3d.com — מודלים חינמיים למגוון תחומים.
  • Poly Pizza — https://poly.pizza — מודלים low poly חופשיים.
  • Spline Community — https://spline.design/community — סצנות ואובייקטים ל-Spline.
  • Vectary — https://www.vectary.com/3d-modeling — כלי ו-assets תלת־ממד.
  • 3dicons — https://3dicons.co — אייקונים תלת־ממדיים.
  • Shapefest — https://www.shapefest.com — צורות 3D חינמיות.
  • Iconscout 3D — https://iconscout.com/3d-illustrations — איורי 3D מוכנים.
  • DrawKit 3D — https://www.drawkit.com/3d-illustrations — 3D packs ו-freebies.
  • LS Graphics 3D — https://www.ls.graphics/3d — איורי 3D וסצנות.
  • Craftwork 3D — https://craftwork.design/freebies/category/3d-illustrations — freebies תלת־ממדיים.
  • Khagwal 3D — https://www.khagwal.co/3d-illustrations — סטים חינמיים ל-UI.
  • Spline Assets — https://spline.design/examples — דוגמאות וסצנות.
  • Vectary 3D Elements — https://www.vectary.com/templates — טמפלטים ואלמנטים.
  • Nasa 3D Resources — https://nasa3d.arc.nasa.gov/models — מודלים תלת־ממדיים מדעיים.
  • glTF Sample Models — https://github.khronos.org/glTF-Sample-Viewer-Release/ — מודלים לדוגמא ו-WebGL.
  • Sketchfab Downloadable — https://sketchfab.com/features/download — חיפוש מודלים להורדה.
  • Saly 3D — https://www.figma.com/community/file/890095002328610853/Saly-3D-Illustration-Pack — חבילת 3D פופולרית ב-Figma.
  • 3D Burger — https://3dburger.com — אוספי 3D מסחריים וחינמיים.
  • Avatarz 3D — https://www.figma.com/community/file/966941637724342478/Avatarz — אווטארי 3D.
  • Notioly 3D — https://notioly.com/3d — סטים תלת־ממדיים.
  • Control 3D — https://control.rocks/freebies/3d — freebies 3D.
  • Storytale 3D — https://storytale.io/3d-illustrations — איורי 3D להורדה.
  • UI8 3D — https://ui8.net/category/3d-assets — קטגוריית 3D.
  • Freepik 3D — https://www.freepik.com/3d-models — מודלים תלת־ממדיים.
  • Icons8 3D Fluency — https://icons8.com/illustrations/3d — איורי 3D של Icons8.
  • Figma 3D Plugins Search — https://www.figma.com/community/search?resource_type=plugins&sort_by=relevancy&query=3D — תוספים למשימות 3D.

Design Systems ורכיבי ממשק

מערכת עיצוב טובה היא אחד ההבדלים הגדולים בין צוות שנראה מקצועי לבין צוות שכל מסך בו מרגיש כאילו נבנה על ידי מישהו אחר. גם אם אתה מעצב יחיד, שימוש ב-design systems ובספריות רכיבים יעזור לך לקבל החלטות יציבות יותר, לעבוד מהר יותר ולשמור על עקביות לאורך זמן. בקטגוריה הזאת ריכזתי מערכות רשמיות של חברות גדולות, ספריות רכיבים פתוחות, פרימיטיבים נגישים, ופתרונות שיכולים לשרת גם מעצב וגם מפתח. המטרה כאן אינה להעתיק עיצוב קיים, אלא ללמוד עקרונות: spacing, states, tokens, form patterns, navigation, error handling, accessibility, content hierarchy. מי שעובד עם מערכות כאלה לאורך זמן מתחיל לראות מסכים אחרת. הוא פחות חושב על קישוט ויותר על שפה.

קישורים בקטגוריה

  • Material Design — https://m3.material.io — מערכת העיצוב של Google.
  • Apple Human Interface Guidelines — https://developer.apple.com/design/human-interface-guidelines/ — עקרונות ומסמכים רשמיים.
  • Apple Design Resources — https://developer.apple.com/design/resources/ — קבצי Sketch/Figma ועוד.
  • Fluent 2 — https://fluent2.microsoft.design — מערכת העיצוב של Microsoft.
  • Fluent UI — https://react.fluentui.dev — רכיבי UI של Microsoft.
  • Carbon Design System — https://carbondesignsystem.com — מערכת העיצוב של IBM.
  • IBM Plex — https://www.ibm.com/design/language/typography/typeface — טיפוגרפיה כחלק ממערכת.
  • Atlassian Design System — https://atlassian.design — עקרונות, רכיבים ותיעוד.
  • Shopify Polaris — https://polaris.shopify.com — מערכת עיצוב למסחר ומוצרים.
  • Salesforce Lightning — https://www.lightningdesignsystem.com — מערכת Lightning הרשמית.
  • GOV.UK Design System — https://design-system.service.gov.uk — מערכת ציבורית מעולה.
  • U.S. Web Design System — https://designsystem.digital.gov — מערכת עיצוב ממשלתית.
  • Primer — https://primer.style — מערכת העיצוב של GitHub.
  • PatternFly — https://www.patternfly.org — מערכת לעולמות Enterprise.
  • Base Web — https://baseweb.design — קומפוננטות מבית Uber.
  • Blueprint — https://blueprintjs.com — רכיבים לדשבורדים ומערכות.
  • Elastic UI — https://elastic.github.io/eui — מערכת עיצוב של Elastic.
  • Orbit — https://orbit.kiwi — מערכת עיצוב של Kiwi.
  • Pajamas — https://design.gitlab.com — מערכת העיצוב של GitLab.
  • Wise Design — https://wise.design — מערכת עיצוב ועקרונות.
  • Decathlon Design System — https://design.decathlon.com — משאבים ורכיבים.
  • Zendesk Garden — https://garden.zendesk.com — מערכת עיצוב של Zendesk.
  • Mailchimp Pattern Library — https://ux.mailchimp.com/patterns — דפוסי UI ועקרונות.
  • Audi Design System — https://www.audi.com/ci/en/guides/user-interface/introduction.html — השראה ל-UI מותגי.
  • Duet Design System — https://www.duetds.com — מערכת עיצוב פתוחה.
  • Backpack — https://backpack.github.io — מערכת עיצוב ישנה אך שימושית.
  • Semi Design — https://semi.design — ערכת רכיבים מודרנית.
  • Chakra UI — https://chakra-ui.com — קומפוננטות נגישות.
  • Radix UI — https://www.radix-ui.com — פרימיטיבים ברמה גבוהה.
  • Headless UI — https://headlessui.dev — רכיבים לא מעוצבים.
  • Reach UI — https://reach.tech — נגישות בקדמת הבמה.
  • Mantine — https://mantine.dev — מערכת רכיבים עשירה.
  • MUI — https://mui.com — קומפוננטות React פופולריות.
  • Ant Design — https://ant.design — מערכת רכיבים רחבה.
  • Bootstrap — https://getbootstrap.com — ערכת UI ותיקה.
  • Bulma — https://bulma.io — framework קל ונקי.
  • Tailwind UI blocks alternatives — https://tailblocks.cc — בלוקים חינמיים ל-Tailwind.
  • Flowbite Blocks — https://flowbite.com/blocks/ — בלוקים מוכנים לעמודים.
  • HyperUI Components — https://www.hyperui.dev/components — קומפוננטות ותבניות.
  • Mamba UI Templates — https://mambaui.com/components — סטים לעיצוב מהיר.

UX, נגישות, מחקר ותוכן משלים

מעצב טוב לא רק אוסף נכסים. הוא גם מבין אנשים, מגבלות, נגישות, ניסוח, דפוסי שימוש וטעויות שחוזרות על עצמן. זאת הסיבה שהכנסתי כאן קטגוריה שאינה רק ‘מה להוריד’ אלא גם ‘מה לבדוק ומה ללמוד’. אם אתה בונה חוויית משתמש בלי להתייחס לניגודיות, זרימות, קריאות, states, הודעות שגיאה וצרכי משתמש אמיתיים, גם הקובץ הכי יפה לא יציל את המוצר. כאן תמצא מקורות לבדוק נגישות צבע, ספריות של user flows אמיתיים, אתרי מחקר UX, כלי audit ותוכן מקצועי. בעמוד אמיתי שמייצר תוצאה, משאבי הורדה ומשאבי חשיבה חייבים לחיות יחד. זאת בדיוק הנקודה של הספרייה הזו.

קישורים בקטגוריה

  • Nielsen Norman Group — https://www.nngroup.com — מחקר UX ומאמרים מעמיקים.
  • Baymard Institute — https://baymard.com — מחקרי e-commerce ו-UX.
  • Laws of UX — https://lawsofux.com — עקרונות UX קלאסיים.
  • Checklist Design — https://www.checklist.design — צ׳קליסטים למסכים ותהליכים.
  • Growth Design Psychology — https://growth.design/psychology — פסיכולוגיה התנהגותית במוצר.
  • UX Collective — https://uxdesign.cc — מאמרים וניתוחים מהשטח.
  • UX Planet — https://uxplanet.org — תוכן UX נגיש ונרחב.
  • UX Booth — https://www.uxbooth.com — מאמרים יסודיים למעצבים.
  • A List Apart — https://alistapart.com — תוכן עיצוב, תוכן ונגישות.
  • Web Content Accessibility Guidelines — https://www.w3.org/WAI/standards-guidelines/wcag/ — התקן החשוב לנגישות.
  • WAI-ARIA Authoring Practices — https://www.w3.org/WAI/ARIA/apg/ — דפוסי רכיבים נגישים.
  • WebAIM — https://webaim.org — בדיקות, מדריכים וכלים.
  • Deque University — https://dequeuniversity.com/resources/ — משאבי נגישות רבים.
  • A11Y Project — https://www.a11yproject.com — קהילה ומדריכים לנגישות.
  • Accessible Color Matrix — https://toolness.github.io/accessible-color-matrix/ — בדיקת שילובי צבע.
  • Who Can Use — https://www.whocanuse.com — הבנת נגישות צבעים.
  • Contrast Checker — https://webaim.org/resources/contrastchecker/ — בדיקת ניגודיות.
  • Stark — https://www.getstark.co — בדיקות נגישות למעצבים.
  • Use Contrast — https://usecontrast.com — בדיקה מהירה של צבעים.
  • Able — https://able.app — בדיקות נגישות לממשקים.
  • Page Flows — https://pageflows.com — זרימות משתמש ממוצרים אמיתיים.
  • Mobbin — https://mobbin.com — מאגר UI וזרימות ממסכים אמיתיים.
  • Screenlane — https://screenlane.com — מאגר UI למובייל ולווב.
  • Refero — https://refero.design — דפוסי UI ואוספים.
  • Land-book — https://land-book.com — עמודי נחיתה ודפי בית.
  • Httpster — https://httpster.net — אתרים עם אופי חזותי.
  • Godly — https://godly.website — אוספי אתרים מעוררי השראה.
  • SaaS Landing Page — https://saaslandingpage.com — עמודי SaaS להשראה.
  • Really Good UX — https://www.reallygoodux.io — זרימות UX מדויקות.
  • Design Vault — https://designvault.io — גלריית מסכים ודפוסים.
  • GoodUI — https://goodui.org — מאגר מבחני השוואה UX.
  • UX Archive — https://uxarchive.com — זרימות ממוצרים נבחרים.
  • Pttrns — https://pttrns.com — דפוסי UI למובייל.
  • Accessibility Insights — https://accessibilityinsights.io — כלים של Microsoft לבדיקות.
  • axe DevTools — https://www.deque.com/axe/devtools/ — בדיקות נגישות בדפדפן.
  • Lighthouse — https://developer.chrome.com/docs/lighthouse/overview/ — בדיקות איכות, נגישות וביצועים.
  • Readability Test Tool — https://www.webfx.com/tools/read-able/ — בדיקת קריאות טקסט.

השראה, גלריות ופורטפוליו

השראה היא דבר מסוכן כשמשתמשים בה לא נכון. מי שאוסף יותר מדי בלי מערכת סינון עלול להתחיל לחקות במקום להבין. מצד שני, בלי השראה קשה להישאר חד. לכן בקטגוריה הזאת ריכזתי גלריות, פורטפוליו, אתרי פרסים, מאגרי מסכים ומקומות שבהם אפשר ללמוד שפה, קומפוזיציה, היררכיה ותנועה. ההמלצה שלי היא לא לשאול ‘איזה אתר יפה’, אלא לפרק: למה ה-hero עובד, למה המסגרת הזאת מרגישה מדויקת, איך הטיפוגרפיה מחזיקה משקל, איזה spacing נותן תחושת יוקרה, מה הופך כפתור ללחיץ, ואיך תמונות משתלבות בלי לשבור את הקצב. השראה טובה לא גורמת לך להעתיק. היא גורמת לך להבין.

קישורים בקטגוריה

  • Behance — https://www.behance.net — פורטפוליו ופרויקטים מכל התחומים.
  • Dribbble — https://dribbble.com — השראה חזותית מהירה.
  • Awwwards — https://www.awwwards.com — אתרי פרימיום וחדשנות.
  • SiteInspire — https://www.siteinspire.com — אוצרות אתרים לפי סגנון.
  • CSS Design Awards — https://www.cssdesignawards.com — גלריית אתרים מצטיינים.
  • Muzli — https://muz.li — פיד השראה לעיצוב.
  • Collect UI — https://collectui.com — מסכים יומיים להשראה.
  • UI Garage — https://uigarage.net — פילוח לפי סוג מסך.
  • One Page Love — https://onepagelove.com — אתרי עמוד אחד.
  • Land-book — https://land-book.com — עמודי נחיתה מעולים.
  • Lapa Ninja — https://www.lapa.ninja — גלריית landing pages.
  • Footer — https://footer.design — אוסף footers איכותיים.
  • NavBar Gallery — https://www.navbar.gallery — השראה לתפריטים וניווט.
  • Sidebar — https://sidebar.io — ניוזלטר וקישורים לעיצוב.
  • Designspiration — https://www.designspiration.com — לוחות השראה.
  • Niice — https://niice.co — איסוף השראה ויזואלית.
  • Millo — https://millo.co — מאמרים ומשאבים לפרילנסרים ומעצבים.
  • Brutalist Websites — https://brutalistwebsites.com — השראה לא שגרתית.
  • Minimal Gallery — https://minimal.gallery — אתרים מינימליסטיים.
  • Commerce Cream — https://commercecream.com — חנויות אונליין מעוצבות.
  • SaaS Interfaces — https://saasinterfaces.com — ממשקי SaaS להשראה.
  • Screenlane — https://screenlane.com — מאגר מסכים אמיתיים.
  • Mobbin — https://mobbin.com — אוסף אדיר של מסכים.
  • Refero — https://refero.design — דפוסי UI ו-design systems.
  • Flowstep — https://flowstep.design — ספריית זרימות ומסכים.
  • Calltoidea — https://www.calltoidea.com — רעיונות CTA ו-section design.
  • Abduzeedo — https://abduzeedo.com — בלוג השראה ותוכן חזותי.
  • Design Made in Germany — https://www.designmadeingermany.de — מאמרים והשראה עיצובית.
  • BP&O — https://bpando.org — מיתוג וזהות חזותית.
  • LogoLounge — https://www.logolounge.com — השראה לעיצוב לוגואים.
  • Packaging of the World — https://packagingoftheworld.com — השראה לאריזות.
  • Fonts In Use — https://fontsinuse.com — טיפוגרפיה בהקשר אמיתי.
  • Typewolf — https://www.typewolf.com — השראה טיפוגרפית.
  • Mindsparkle Mag — https://mindsparklemag.com — מיתוג, ווב ואיור.
  • Webdesign Inspiration — https://www.webdesign-inspiration.com — גלריית אתרים מסוננת.
  • SiteSee — https://sitesee.co — השראה לאתרים ול־UX.
  • Hoverstat.es — https://www.hoverstat.es — השראה לאנימציות וריחופים.
  • Godly — https://godly.website — אתרים עם רעיון חזק.

כלי עריכה, ניקוי, המרה ויצוא

מעצב עובד מהר יותר לא בגלל שהוא מוכשר יותר, אלא בגלל שיש לו שולחן עבודה חכם. לפעמים ההבדל בין שעה של תיקונים לבין חמש דקות הוא כלי קטן: דחיסת SVG, הסרת רקע, conversion, vectorization, screenshot polish, color picker, font detector או export utility. לכן מופיעה כאן גם קטגוריה שלמה לכלי עזר יומיומיים. אלו לא תמיד האתרים שמצטלמים יפה, אבל הם האתרים שחוסכים זמן, שומרים על איכות קבצים, ומונעים טעויות. כמעט כל פרויקט עובר דרך שלב של ניקוי, המרה, בדיקה או ייצוא, וכשאין ספרייה מסודרת של כלים כאלה, מעצבים נתקעים על פעולות קטנות במקום להתקדם. הקישור הנכון בזמן הנכון שווה הרבה יותר מעוד השראה שלא תשתמש בה.

קישורים בקטגוריה

  • Photopea — https://www.photopea.com — עריכה בסגנון Photoshop בדפדפן.
  • Pixlr — https://pixlr.com — עריכת תמונה מהירה.
  • Canva — https://www.canva.com — עיצוב מהיר עם המון נכסים.
  • Adobe Express — https://www.adobe.com/express/ — עיצוב, resize ותבניות.
  • Remove.bg — https://www.remove.bg — הסרת רקע אוטומטית.
  • Cleanup.pictures — https://cleanup.pictures — מחיקת אובייקטים מתמונה.
  • LetsEnhance — https://letsenhance.io — שיפור והגדלת תמונה.
  • TinyPNG — https://tinypng.com — דחיסת PNG/JPG.
  • Squoosh — https://squoosh.app — שליטה עמוקה בדחיסה ויצוא.
  • ImageOptim Online — https://imageoptim.com/online — אופטימיזציית תמונה.
  • SVGOMG — https://jakearchibald.github.io/svgomg/ — ניקוי ודחיסת SVG.
  • Vectorizer — https://vectorizer.ai — המרת raster לוקטור.
  • ImageTracer — https://imagetracerjs.sourceforge.net — וקטוריזציה בקוד פתוח.
  • Convertio — https://convertio.co — המרת פורמטים.
  • CloudConvert — https://cloudconvert.com — המרות קבצים מדויקות.
  • EZGIF — https://ezgif.com — עריכת GIF, המרה ודחיסה.
  • Compress JPEG — https://compressjpeg.com — דחיסת JPEG מהירה.
  • Compress PNG — https://compresspng.com — דחיסת PNG מהירה.
  • IloveIMG — https://www.iloveimg.com — כלי תמונה יומיומיים.
  • DocHipo Background Remover — https://www.dochipo.com/tools/background-remover/ — הסרת רקע מהירה.
  • Fotor — https://www.fotor.com — עריכה ותיקונים.
  • BeFunky — https://www.befunky.com — עריכה קלה עם טמפלטים.
  • VistaCreate — https://create.vista.com — עיצוב מהיר לרשתות.
  • GIMP — https://www.gimp.org — עורך תמונה חופשי.
  • Krita — https://krita.org — ציור דיגיטלי ואיור.
  • Inkscape — https://inkscape.org — וקטור חופשי.
  • Vectr — https://vectr.com — וקטור פשוט בדפדפן.
  • Lunacy — https://icons8.com/lunacy — עיצוב UI עם ספריות מובנות.
  • Penpot — https://penpot.app — עיצוב ממשק בקוד פתוח.
  • Excalidraw — https://excalidraw.com — סקיצות ו-wireframes מהירים.
  • Whimsical — https://whimsical.com — flowcharts, wireframes ולוחות.
  • diagrams.net — https://www.diagrams.net — דיאגרמות חופשיות.
  • Shots — https://shots.so — גם mockup וגם export מהיר.
  • Screely — https://www.screely.com — הצגת screenshot מסודרת.
  • ImageColorPicker — https://imagecolorpicker.com — שליפת צבע מתמונה.
  • ColorZilla — https://www.colorzilla.com — תוסף דגימת צבע.
  • WhatFont — https://www.whatfontis.com — זיהוי פונטים ותואמים.
  • WhatTheFont — https://www.myfonts.com/pages/whatthefont — זיהוי פונט מתוך תמונה.
  • SVG Repo Editor — https://www.svgrepo.com/svg-editor/ — עריכת SVG מהירה.
  • JPG2PNG — https://jpg2png.com — המרה בין פורמטים.

מושן, Lottie ואנימציה

בעולם שבו מסכים זזים, נפתחים, מגיבים ונושמים, motion הוא כבר לא בונוס. גם תנועה קטנה יכולה להסביר היררכיה, לתת פידבק, לחבר בין מצבים, או להפוך מוצר יבש לנעים יותר. אבל כמו בכל תחום חזותי, תנועה בלי שליטה נראית ילדותית. בקטגוריה הזאת תמצא ספריות Lottie, אייקונים מונפשים, כלים ליצירת loading states, generators לאנימציות CSS, וכלים שמחברים מושן ישירות לממשק. מי שעובד נכון עם משאבים כאלה חוסך זמן עצום, במיוחד במצבי handoff או פרוטוטייפים. חשוב לבחור תנועה שתומכת במסר, לא רק מראה את עצמה. אם המשתמש מרגיש את האנימציה יותר מדי, כנראה שהיא חזקה מדי.

קישורים בקטגוריה

  • LottieFiles — https://lottiefiles.com — ספריית Lottie והשראה.
  • LottieFiles Community — https://lottiefiles.com/community — אנימציות קהילתיות.
  • Lordicon — https://lordicon.com/icons — אייקונים מונפשים.
  • UseAnimations — https://useanimations.com — אייקונים אנימטיביים חופשיים.
  • Rive — https://rive.app — אנימציה אינטראקטיבית.
  • Jitter — https://jitter.video — motion בדפדפן.
  • Animaticons — https://animaticons.co — GIF ו-icons מונפשים.
  • Motionbox — https://motionbox.io — יצירת ועריכת וידאו/מושן.
  • Iconscout Lottie — https://iconscout.com/lotties — אנימציות Lottie.
  • Designmodo Lottie — https://designmodo.com/animated-icons-lottie/ — אוסף Lottie שימושי.
  • Loading.io — https://loading.io — לודרים ואנימציות exportable.
  • SpinKit — https://tobiasahlin.com/spinkit/ — לודרים ב-CSS.
  • Epic Spinners — https://epic-spinners.epicmax.co — אוסף לודרים.
  • SVG Loaders — https://loading.io/css/ — לודרים קלים.
  • Haiku Animator — https://www.haikuforteams.com — כלי מושן ל-UI.
  • Spline — https://spline.design — תנועה ותלת־ממד לאינטראקציה.
  • Framer Motion Docs — https://www.framer.com/motion/ — motion לממשקי React.
  • SVGator — https://www.svgator.com — אנימציית SVG בדפדפן.
  • MotionElements Lottie — https://www.motionelements.com/lottie-animation — Lottie assets.
  • Rive Community — https://rive.app/community/ — קבצי Rive קהילתיים.
  • Lottielab — https://www.lottielab.com — יצירת Lottie בדפדפן.
  • Canva Animated Stickers — https://www.canva.com/stickers/search/animated/ — מדבקות ואנימציות.
  • Iconscout Animated Icons — https://iconscout.com/animated-icons — אייקונים מונפשים.
  • Hover.css — https://ianlunn.github.io/Hover/ — אפקטי hover מוכנים.
  • Animate.css — https://animate.style — ספריית אנימציות CSS.
  • Magic Animations — https://www.minimamente.com/project/magic/ — אנימציות CSS.
  • Animista — https://animista.net — מחולל אנימציות CSS.
  • CSShake — https://elrumordelaluz.github.io/csshake/ — ספריית shake.
  • Kute.js — https://thednp.github.io/kute.js/ — אנימציות SVG/CSS/JS.
  • GSAP — https://gsap.com — אנימציות מתקדמות לווב.

כלי AI יצירתיים למעצבים

אי אפשר להתעלם יותר מ-AI בעולם העיצוב, אבל אפשר בהחלט להשתמש בו בצורה בוגרת. הכלים שכאן לא נועדו להחליף עין מקצועית, אלא להאיץ שלבים: חיפוש כיוונים, mockups, ויזואל קונספטואלי, ניקוי תמונה, vectorization, צבע, לוגו בסיסי, wireframe, UI generation ועוד. ההבדל בין שימוש חכם לשימוש שטחי הוא השאלה מה אתה עושה עם התוצאה. מי שמסתפק בפלט הראשון יקבל תוצאה בינונית. מי שמבין קומפוזיציה, טיפוגרפיה, יחס צבע, היררכיה ורישוי — יוכל להשתמש בכלים האלה כמאיץ עבודה אמיתי. לכן שמתי אותם בסוף הספרייה ולא בתחילתה: קודם יסודות, אחר כך קיצור דרך. AI הוא שכבת כוח, לא תחליף לשיקול דעת.

קישורים בקטגוריה

  • Adobe Firefly — https://www.adobe.com/products/firefly.html — יצירת תמונות, טקסטורות וטקסט.
  • Midjourney — https://www.midjourney.com — הפקת ויז׳ואלים קונספטואליים.
  • Leonardo AI — https://leonardo.ai — יצירת תמונות ונכסים.
  • Ideogram — https://ideogram.ai — חזק בטקסט בתוך תמונה.
  • Krea — https://www.krea.ai — יצירה ו-upscale בזמן אמת.
  • Recraft — https://www.recraft.ai — וקטורים, אייקונים ואיור.
  • Canva Magic Media — https://www.canva.com/magic-media/ — מדיה AI בתוך Canva.
  • Runway — https://runwayml.com — וידאו ועריכה מבוססת AI.
  • Pika — https://pika.art — וידאו קצר AI.
  • Luma Dream Machine — https://lumalabs.ai/dream-machine — וידאו מהיר מטקסט.
  • Magnific — https://magnific.ai — upscale חכם ומפורט.
  • Topaz Labs — https://www.topazlabs.com — שיפור תמונה ווידאו.
  • Remove.bg — https://www.remove.bg — AI להסרת רקע.
  • Cleanup.pictures — https://cleanup.pictures — מחיקה גנרטיבית.
  • Vectorizer AI — https://vectorizer.ai — המרת raster לוקטור.
  • Looka — https://looka.com — לוגואים וזהות בסיסית.
  • Brandmark — https://brandmark.io — לוגואים וסקיצות מותג.
  • Khroma — https://www.khroma.co — בחירת צבע מבוססת העדפה.
  • Huemint — https://huemint.com — פלטות בהקשר ממשקי.
  • Fontjoy — https://fontjoy.com — זיווג פונטים מהיר.
  • Autodraw — https://www.autodraw.com — איור מהיר מתוך שרבוט.
  • Galileo AI — https://www.usegalileo.ai — יצירת UI מתיאור.
  • v0 — https://v0.dev — יצירת UI וקוד.
  • Uizard — https://uizard.io — סקיצה לטמפלט ומסך.
  • Visily — https://www.visily.ai — wireframes ו-mockups בעזרת AI.
  • Mokker AI — https://mokker.ai — mockups למוצרים.
  • Designs.ai — https://designs.ai — כלי מיתוג, וידאו וקול.
  • Clipdrop — https://clipdrop.co — עריכה ויצירת תמונות.
  • Microsoft Designer — https://designer.microsoft.com — עיצוב מהיר מבוסס AI.
  • Figma AI Search — https://www.figma.com/ai/ — יכולות AI בתוך Figma.

לסיום: עמוד ששווה לחזור אליו שוב ושוב

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

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