איך עושים אינפוגרפיקה?

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

 

בדיקות המונים. איך לעשות את זה?

נתוני טקסט לנתונים גרפיים. איך עושים אינפוגרפיקה?

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

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

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

באופן מיידי אנו רואים שיש לו רמת מיומנות של 75% בפוטושופ, אילוסטרייטור ו InDesign. כל המידע שלו מועבר בצורה פשוטה ותמציתית (ומרעננת) שמנצחת את המשפטים הארוכים והממושכים על ההיסטוריה שלו עם Adobe Creative Suite. איך עושים אינפוגרפיקה?

תמונות (ותרשימים) שוות אלף מילים

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

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

זְרִימָה. איך עושים אינפוגרפיקה?

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

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

הנעל הגדולה הזו מובילה אותנו לשלב 3 של התהליך, שנמצא בבועת הזום. אופס! קיווינו להתחיל עם שלב 1...

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

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

תן תחושה של נתונים

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

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

ניווט עם אייקונים. איך עושים אינפוגרפיקה?

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

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

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

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

הפיכת נתונים לאטרקטיביים. איך עושים אינפוגרפיקה?

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

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

איך להכין אינפוגרפיקה משלך?

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

 

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

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

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

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

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

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

מסקנה

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

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