top of page
Complete Designer Toolbox3-Article.jpg

ארגז הכלים המלא למעצב: חלק שלישי

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

Color Review.png

כלים לשימוש בצבע


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

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

Hue-Snap.png
Grabient.png

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

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

Khorma.png
colorslurp.png

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

Kraken.png

כלים לדחיסת תמונות

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

Kraken- שירות מקוון זה מאפשר לגרור לחלון הדפדפן קובץ אחד או יותר ולדחוס אותם באופן משמעותי. חלק מהנסיונות שביצענו הניבו דחיסה מרשימה של 80% האתר מאפשר לדחוס את התמונות באמצעות אלגוריתם מאבד פרטים, ללא איבוד פרטים ומצב מיוחד בו ניתן לקבוע פרמטרים מסויימים לדחיסה. האתר מאפשר להירשם לגירסה מקצוענית בתשלום המאפשרת ביצוע פעולות נוספות לקבצים כמו קביעת מימדי הקובץ ועוד. את הקבצים הדחוסים ניתן להוריד כקובץ Zip או ישירות לשירות Box. האתר מאפשר להעלות קובץ Zip דחוס הכולל מספר רב של תמונות לדחיסה.

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

Tiny PNG.png
Tiny jpg.png

TinyJPG- גירסת קובצי ה-JPEG של האתר TinyPNG מציע שירות זהה רק לפורמט הדחיסה הפופולארי.

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

Imageoptim.png
lukaszadam.png

איורים וקטוריים

Lukasz Adam- איורים וקטוריים מקסימים לשימוש חופשי.

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

manypixels.png
ira design.png

IRA Design- גלריית איורים וקטוריים המבוססת על מעברי צבע. האתר מאפשר לבחור את גוון מעבר הצבע של מרכיבים באיורים ולהורידם בפורמטים SVG או PNG.

Ouch!- איורים יצירתיים יכולים לתבל את העיצוב שלכם ולהעניק לו מראה רענן. אתר זה מציע איורים כאלה ואפשרות לחיפוש איורים לפי נושא.

ouch.png
Dimensions.Guide.png

undraw- ספריית איורים זו כוללת מגוון נושאים ומנוע חיפוש. כל האיורים בסגנון אחיד וניתנים להורדה בפורמט SVG או PNG.

Mockup for free.png

מוקאפים

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

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

The Mockup Club.png
Vector Mockups Library.png

Vector Mockup Library- אתר זה מייחד את עצמו במוקאפים ןקטוריים שנועדו למצגות. לחיצה על כפתור ההורדה תוביל לדף בו תוכל לתרום למפתחים, או פשוט להקליד בשדה המחיר את הספרה 0 ולהוריד את הקבצים. האתר מציע בין היתר סימבולים לסקצ׳ ולתוכנות נוספות.

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

Threed.png
Barnimages.png

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

Simple icons.png

אייקונים


Simple icons- אתר זה מספק סמלים וסמלילים של מותגים מפורסמים בפורמט SVG לשימוש בפוטושופ, אילוסטרייטור וכל תוכנה גראפית התומכת בפורמט זה.

Remixon.png
Portal-icons.gif

Portlab Icons- אייקונים לא חייבים להיות סטטיים. ערכת האייקונים החינמית הבאה מונפשת וניתנת להורדה בפורמט HTML.

אתר נוסף באותו סגנון- Animaticons

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

Iconsvg.png
Tilda Icons.png

Tilda Icons- אתר זה מציע למעלה מ-700 אייקונים חינמיים ו-43 ערכות נושא. ניתן להשתמש באייקונים לכל צורך, רק שיש לתת קרדיט ליוצרים/

Coolbackgrounds.png

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

patterninja.png
Hero Patterns.png

Hero Patterns- בדומה לאתרים קודמים, גם אתר זה מאפשר לבחור תבניות ולעצב אותן בהתאם להעדפות הצבע שלכם. בסיום העיצוב ניתן להוריד את הקובץ בפורמט SVG, או להעתיק את קוד ה-CSS שלו.

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

The Pattern Library.png
Sabtle Patterns.png

Subtle Patterns- תבניות מוסיפות עניין לרקע ולעיתים תורמות לאווירה שמבקש המעצב להעביר.  אתר זה מציג למעלה מ-500 תבניות ׳שטוחות׳ בעלות אופי מגוון. לצד כל תבנית מוצג היוצר וקישור לאתר שלו. כך שאם אהבתם את היצירה, תוכלו לגלוש לאתר היוצר ואולי למצוא מקור השראה נוסף. התבניות בפורמט PNG וניתנות להורדה ושימוש חופשי.

bottom of page