לאחרונה, מעצבים לוקחים יותר ויותר סיכונים ושמים דגש על מספר צבעים בודדים בעיצובי אונליין. כל צבע איתו נאלץ מעצב לעבוד יכול בקלות לשמש בסיס ערכת צבעים מלאה, ישנם דוגמאות לשיטות עבודה מומלצות בכל רחבי האינטרנט.
הבנה של הפסיכולוגיה מאחורי צבעים, מאפשרת למעצב לקבל את החלטות העיצוב הנכונות ולתת את האפקט הרגשי הרצוי.
לצבעים, כמו לבני אדם, יש רובד פסיכולוגי, הגיוני, ולעיתים מתמטי. לכל צבע אפקט רגשי שונה, חשוב להבין את התוכן הרגשי של פלטת צבעים נתונה ואת הרושם והתחושה שהפלטה יוצרת אצל המשתמש.
ניתן ליצור עומק רגשי, סכמות מלאות גוונים ותוכן ממספר צבעים בודדים בלבד.
ריכזנו כאן מספר כלים שימושיים שיסייעו לכם בהנגשת החומר, ביצירת הפלטה ובבנייית סכמות צבע מרהיבות, רבגוניות ומרגשות.
1. Muzli
האתר מאפשר יצירה ועריכה מהירה של לוחות צבעים, תיאום צבעים ואפילו יצירת תצוגה מקדימה להורדת ערכות ממשק משתמש (UI) המותאמות אישית לצבע הנבחר.
2. Colorable
כלי העורך טסט קונטרסט לכל צבע בספקטרום.
3. Color Leap
מחולל צבע ראשוני מהיר המסתמך על מנוע חיפוש התמונות של גוגל.
4. Picular
מחולל צבע ראשוני מהיר המסתמך על מנוע חיפוש התמונות של גוגל.
5. Colourcode
כלי עיצוב מקוון, המאפשר שילוב צבעים קל ואינטואיטיבי.
6. Palettte App
אפליקציה חדשנית לעריכה ותיאום סכמתי של צבעים.
7. Colorinspire
השראה צבעונית – פלטות מעוררות השראה לכל פרויקט עיצובי.
8. ColorSpace
מנפיק פָּלֶטות צבע וכלי צבע רב גווניים במהירות ובפשטות.
9. Pigment
דרך ייחודית ליצירת צבעים מלאי חיים על בסיס תאורה ופיגמנט, במקום ביסוס מתמטי. ליצירת פלטת צבעים אופטימלית תוך שניות.
10. Adobe Color
אתר ליצירה ולשמירת סכמות צבע המורכבות כל אחת ממערך של חמישה צבעים.
11. Colors & Fonts
צבעים וגופנים- אוסף מיוחד של גווני צבע והגופנים המתאימים ביותר עבורם, לשימוש על ידי מפתחים ומעצבים דיגיטליים.
12. HueSnap
באתר מידע מפורט על צבעים. ניתן גם ליצור פה לוחיות צבע ולשתף אחרים. השראה צבעונית לקריאייטיבים ברחבי העולם.
13. Culrs
האתר 'תלתלים' מעניק גישה חכמה ופשוטה לבחירת פלטת צבעים.
14. Eva Design System
מערכת עיצוב אווה-ליצירת לוח צבעים באמצעות אלגוריתם עם יכולת למידה וחיקוי.
15. Scale
סולם- דרך גֶּנֶרָטִיבִית ליצירת סולמות צבע מכהה לבהיר, מחם לקר וכדומה.
16. Site Palette
פָּלֶטָה לאתר- לשימוש בדפדפן, ליצירת פלטת צבעים מקיפה. כלי חובה למעצבים ולמפתחי פרונט אנד. מיצוי ערכות צבע ללא עלות.
17. BrandColors
צבעי מותג- האוסף הגדול ביותר בנמצא של קודי הצבע הרשמיים של מותגים. כולל קודי צבע הקס עבור 500+ מותגים ביניהם פייסבוק, טוויטר, אינסטגרם ורבים אחרים.
18. Colorwise
אתר לחיפוש פלטת הצבע של המוצרים עם מספר המצביעים הגבוהה ביותר בProduct Hunt.
19. HTML Color Codes
מאגר קודי הצבע של HTML לעיצוב אתרים. באתר אפשרויות חיפוש באמצעות בורר צבעים, תרשים צבעים ושמות צבעים ב HTML עם קודי צבע: Hex, RGB ו- HSL.
20. ColorBox
'קופסת צבע'-כלי ויזואלי ליצירת ערכות צבע עם רמות סטורציה משתנות.
21. Generate — Coolors.co
אתר המאפשר יצירה, שמירה ושיתוף פָּלֶטות יפות בשניות!
22. Color — Cloudflare Design
כלי ליצירת פלטת צבעים לעיצוב מִמְשָׁק.
23. Instant Duotone Effect Generator
מחולל אפקטים מיידי של דו-טון- ליצירת אפקטים דו-טוניים יפים באופן מיידי בדפדפן. לשימוש עם תמונה כל תמונה נתונה או תמונה מהמאגר: עשרות אימג'ים דו-טוניים מושלמים כלולים בפונקציה.
24. Color Tool — Material Design
עיצוב חומרים- ליצירה ושיתוף ערכת צבעים עבור ממשק משתמש. בעל כלי מובנה למדידת רמת הנגישות והענין של כל שילוב צבעים!
25. Blendy
בלנדי- כלי מהיר לתצוגה מקדימה של מצבי מיזוג רקע של CSS. ניתן לשחק עם רמות מיזוג, צבעים ומעברי צבע בתמונות שבתצוגה.
26. LOL Colors
צבעי LOL- השראה קריאטיבית לסכמות צבעים.
27. Color Hunt
צבע האנט- פלטפורמה חינמית ופתוחה עם אלפי פָּלֶטות צבע אופנתיות שנבחרו אחת אחת על ידי מעצבים בכירים.
28. ColorMe
פונקציית הצבעים של CSS בלייב.
29. Polarite
קוטביות- אפליקציה ליצירת ערכות צבע הרמוניות בסיוע למידה מקוונת.
30. Gradient Hunt
אתר המציע אלפי פלטות צבע טרנדיות בקולקציה המתעדכנת מדי יום. מצאו את גוון הצבע המדויק לכל פרויקט עיצובי ושימרו צבע מעובד בכל גוון שהוא.
31. Palettable
כלי ליצירת לוח צבעים מרהיב בגיבוי של מיליוני מעצבים מרחבי העולם.
32. ColorSpark
כלי פשוט ויעיל המייצר צבעים ורבדי גוונים אקראיים ומרכיב מתוכם לוחות צבעים מיוחדים ומדהימים.
34. Sip
בורר צבע עבור פונקציות Mac. משמש לאיגור צבעים, לארגון ולשיתוף קולקטיבי.
35. CoolHue 2.0
תוסף (plugin) חינמי המאפשר מעברי צבע ואיגור גוונים.
36. Color Koala
צבע 'קואלה' – מחולל צבע מהיר, היוצר צבעים מדהימים לכל הפרויקטים בצד.
37. SchemeColor
אתר מוביל להורדה, יצירה ושיתוף של אלפי שילובי צבעים יפהפיים. בנוסף באתר מידע מפורט על קודי צבעים הקסדצימליים והמרה למקבילות RGB ו- CMYK.
38. Free Mesh Gradient Collection
אוסף רבדי צבע וגוון ללא עלות לשימוש ב.sketch, .png, .ai, .jpg ו eps 100.
39. WebGradients
היכנסו ל- WebGradients.com וקבלו 180 גוונים ליניאריים יפהפיים ב- CSS3, Photoshop ו- Sketch. הקולקציה יוצרה על ידי מעצבים מובילים והיא חינמית לחלוטין.
40. Gradient Buttons
כפתורים רב-גוניים יפהפיים עם אפקט ריחוף לשימוש ב CSS.
41. ColorKit
ColorKit משלב צבעים ומייצר גוונים וטינטים של כל צבע נתון.
42. Eggradients
כלי ליצירת צבעי רקע רב-גוניים. מבצע מעברי צבע קרים וחמים בעריכת עיצוב מגמתית. בצורה של ביצה! עם קודי hex ו- CSS.
43. Cool Backgrounds
רקעים צבעוניים- מבחר מפליא של רקעים מגניבים לבלוגים, אתרים או כטפטים לשולחן העבודה והפלאפון.
44. Google Art & Culture Experiment — Art Palette
ניסוי האמנות והתרבות של גוגל – 'לוח הצבעים לאמנות' הוא חלק מניסויי אמנות ותרבות החוקרים דרכים חדשים לקיום אינטראקציה בין המשתמש ואמנות. באמצעות לוח הצבעים באתר, תוכלו למצוא יצירות אמנות התואמות את שילובי הצבעים שבחרתם.
45. GradPad
מחולל מעברי צבע לשימוש ב CSS עבור עיצובים ברשת ובדפדפן.
46. Khroma
כרומה היא הדרך המהירה ביותר ליצור, לגלות, לחפש ולשמור שילובי צבעים ופָּלֶטות צבע.
47. Color palettes
מאגר של אלפי שילובי צבעים ב-Canva- כלי מתקדם ליצירת עיצובים מקצועיים.
48. Color Safe
אתר הבוחן לוחות צבעים קלאסיים עבור אתרי אינטרנט על סמך הנחיות הנגישות לתוכן אינטרנטי (WCAG-Web Content Accessibility Guidelines).
49. Paletton
גלגל צבעים פשוט ושימושי ליצירת סכמות צבע מרהיבות.
50. Colordot
בורר הצבעים הפשוט של Colordot.
51. Colors
מאגר נתונים סכמתי של פלטות צבע ממוספרות המונע ב100% על ידי איסוף מידע מקוון.
52. Contrast Ratio
יחס וניגודיות- כלי לחישוב יחסי הניגודיות של כל צבע. מעבר מבחן הנחיות הנגישות לתוכן אינטרנטי (WCAG-Web Content Accessibility Guidelines) מעולם לא היה כל כך קל!
53. Color Lisa
צבעי ליסה- לוחות צבעים בגיבוי יצירות המופת של גדולי האמנים של כל הזמנים.
54. Color Designer
מעצב הצבע- כלי לייצור ספקטרום גווני המבוסס על לוח צבעים נבחר. פשוט בחרו צבע בסיס, והאפליקציה עושה את השאר. ניתן להשתמש בצבעים שנבחרו מראש או בבורר הצבעים לשליטה רבה יותר בפרטים.
55. Color.review
כלי מתקדם לחקר צבעים ורמת נגישותם למשתמש.
56. Blend
בלנד- כלי המאפשר יצירה והתאמה אישית של צבעי CSS3 ייחודיים.
57. Contrast
אפליקציית macOS לגישה מהירה ליחסי ניגודיות של צבע נתון- לשימוש בהנחיות הנגישות לתוכן אינטרנטי (WCAG-Web Content Accessibility Guidelines).
57. Contrast
ממשק משתמש יפה ופשוט ליצירת מעברי צבע מקוונים.
המאמר הופיע במקור בבלוג של Muzli
תורגם על ידי אביבה שור, במיוחד למגזין הפורמה, במסגרת שיתוף תוכן עם Muzli
וואו איזה אוסף מקצועי ומפורט.
ליגה של מאמר!!
עכשיו נשאר רק לבחור אם איזה כלי הכי כדאי להשתמש..
לא חושבת שכלי אחד
אפשר לבחור כמה
באמת מבחר ענק!
וואווו איזה אליפות אתם!!
מאוד שימושי ומחדש,
שומרת לי אותו:)
המגזין שלכם פשוט ענק!
והכתבה הזו, אוצר בלום למעצבת!!!!!
תודתי שלוחה בשם כולם:)
יאאאא
כמה שזה מקל על העבודה.
טנקס!