דבר אלי בתמונות

דבר אלי בתמונות

אבי מזרחי - אס"י-אסמ"י 5.8.10

מפת מחשבות בנושא עיצוב מידע וקומיקס

http://www.flickr.com/photos/deathtogutenberg/361664198/

עיצוב מידע

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

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

הצגת מידע חזותי (אינפוגרפיקה), נעשית בעיתונים, במפות, במערכות מידע, במערכות

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

ביניהם ודרך הניווט באתר האינטרנט. האתר יכול להיות מתוכנן במבנה לינארי, היררכי, רשת, מטריצה ועוד.

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

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

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

http://he.wikipedia.org/wiki/%D7%AA%D7%A7%D7%A9%D7%95%D7%A8%D7%AA

http://he.wikipedia.org/wiki/%D7%9E%D7%99%D7%93%D7%A2

http://he.wikipedia.org/wiki/%D7%9C%D7%A7%D7%95%D7%AA

http://he.wikipedia.org/wiki/%D7%90%D7%99%D7%A0%D7%A4%D7%95%D7%92%D7%A8%D7%A4%D7%99%D7%A7%D7%94

http://he.wikipedia.org/wiki/%D7%A2%D7%99%D7%AA%D7%95%D7%9F

http://he.wikipedia.org/wiki/%D7%9E%D7%A4%D7%94

http://he.wikipedia.org/wiki/%D7%9E%D7%A2%D7%A8%D7%9B%D7%AA_%D7%9E%D7%99%D7%93%D7%A2

http://he.wikipedia.org/wiki/%D7%90%D7%AA%D7%A8_%D7%90%D7%99%D7%A0%D7%98%D7%A8%D7%A0%D7%98

http://he.wikipedia.org/wiki/%D7%90%D7%AA%D7%A8_%D7%90%D7%99%D7%A0%D7%98%D7%A8%D7%A0%D7%98

http://he.wikipedia.org/wiki/%D7%AA%D7%A8%D7%A9%D7%99%D7%9D

http://he.wikipedia.org/wiki/%D7%A0%D7%99%D7%95%D7%95%D7%98_%D7%91%D7%90%D7%AA%D7%A8_%D7%90%D7%99%D7%A0%D7%98%D7%A8%D7%A0%D7%98

http://he.wikipedia.org/wiki/%D7%A2%D7%99%D7%A6%D7%95%D7%91

http://he.wikipedia.org/wiki/%D7%92%D7%A8%D7%A4%D7%99%D7%A7%D7%94

http://he.wikipedia.org/wiki/%D7%9E%D7%9E%D7%A9%D7%A7_%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9

http://he.wikipedia.org/wiki/%D7%94%D7%A0%D7%93%D7%A1%D7%AA_%D7%90%D7%A0%D7%95%D7%A9

http://he.wikipedia.org/wiki/%D7%A9%D7%99%D7%9E%D7%95%D7%A9%D7%99%D7%95%D7%AA

עיצוב גרפי

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

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

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

מעיצוב בול ועד עיצוב ממשק וירטואלי.



http://he.wikipedia.org/wiki/%D7%9E%D7%A2%D7%A8%D7%9B%D7%AA_%D7%94%D7%A9%D7%9E%D7%99%D7%A2%D7%94

http://he.wikipedia.org/wiki/%D7%9B%D7%AA%D7%91_%D7%A2%D7%AA

http://he.wikipedia.org/wiki/%D7%A1%D7%A4%D7%A8

http://he.wikipedia.org/w/index.php?title=%D7%9E%D7%95%D7%A6%D7%A8_%D7%A6%D7%A8%D7%99%D7%9B%D7%94&action=edit&redlink=1

http://he.wikipedia.org/wiki/%D7%9B%D7%A8%D7%96%D7%94

http://he.wikipedia.org/wiki/%D7%A4%D7%A8%D7%A1%D7%95%D7%9D

http://he.wikipedia.org/w/index.php?title=%D7%A9%D7%9C%D7%98_%28%D7%90%D7%9E%D7%A6%D7%A2%D7%99_%D7%A4%D7%A8%D7%A1%D7%95%D7%9D%29&action=edit&redlink=1

http://he.wikipedia.org/wiki/%D7%A2%D7%99%D7%9E%D7%95%D7%93

http://he.wikipedia.org/wiki/%D7%A2%D7%99%D7%A6%D7%95%D7%91_%D7%90%D7%AA%D7%A8%D7%99_%D7%90%D7%99%D7%A0%D7%98%D7%A8%D7%A0%D7%98

http://he.wikipedia.org/wiki/%D7%98%D7%9C%D7%95%D7%95%D7%99%D7%96%D7%99%D7%94

http://he.wikipedia.org/wiki/%D7%9E%D7%9E%D7%A9%D7%A7_%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9

http://he.wikipedia.org/wiki/%D7%9E%D7%A2%D7%A8%D7%9B%D7%AA_%D7%9E%D7%99%D7%93%D7%A2

http://he.wikipedia.org/wiki/%D7%90%D7%99%D7%95%D7%A8

http://he.wikipedia.org/wiki/%D7%95%D7%99%D7%93%D7%90%D7%95

http://he.wikipedia.org/wiki/%D7%90%D7%A0%D7%99%D7%9E%D7%A6%D7%99%D7%94

http://he.wikipedia.org/wiki/%D7%91%D7%95%D7%9C

עיצוב ספר

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

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

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

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

גבוהה, שתפתה הן לקנות את הספר והן לקוראו.

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

רבה גם לצורה שבה מוגש תוכן זה.

http://he.wikipedia.org/wiki/%D7%A1%D7%A4%D7%A8_%D7%9C%D7%99%D7%9E%D7%95%D7%93

http://he.wikipedia.org/wiki/%D7%94%D7%92%D7%93%D7%94_%D7%A9%D7%9C_%D7%A4%D7%A1%D7%97

עיצוב הדף

פעולת הסידור מעבירה את המקור של הספר (החל בכתב יד וכלה בקובץ של מעבד תמלילים) לצורה הראויה לדפוס. קודם הסידור יש להחליט על

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

הדף ידבר אל הקורא ויסייע לו בהבנת הכתוב.

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

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

ישראל היום

http://docs.google.com/wiki/%D7%9B%D7%AA%D7%91_%D7%99%D7%93_(%D7%99%D7%A6%D7%99%D7%A8%D7%94)

http://docs.google.com/wiki/%D7%9E%D7%A2%D7%91%D7%93_%D7%AA%D7%9E%D7%9C%D7%99%D7%9C%D7%99%D7%9D

http://docs.google.com/wiki/%D7%93%D7%A4%D7%95%D7%A1

http://docs.google.com/wiki/%D7%A4%D7%A1%D7%A7%D7%94

http://www.israelhayom.co.il/site/digital.php

עימוד

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

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

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

עימוד דף תלמוד

http://docs.google.com/wiki/%D7%A2%D7%99%D7%AA%D7%95%D7%9F

http://docs.google.com/wiki/%D7%9E%D7%92%D7%96%D7%99%D7%9F

http://docs.google.com/wiki/%D7%90%D7%AA%D7%A8_%D7%90%D7%99%D7%A0%D7%98%D7%A8%D7%A0%D7%98

http://docs.google.com/wiki/%D7%A1%D7%A4%D7%A8

http://docs.google.com/wiki/%D7%92%D7%95%D7%A4%D7%9F

http://docs.google.com/wiki/%D7%90%D7%99%D7%A0%D7%A4%D7%95%D7%92%D7%A8%D7%A4%D7%99%D7%A7%D7%94

http://docs.google.com/wiki/%D7%9E%D7%95%D7%93%D7%A2%D7%95%D7%AA

http://farm1.static.flickr.com/184/390931565_67643bb136.jpg

גופן

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

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

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

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

זאת.

דוגמאות של גופניםגופנים מרמזים

http://docs.google.com/wiki/%D7%AA%D7%9C%D7%9E%D7%95%D7%93_%D7%91%D7%91%D7%9C%D7%99

http://docs.google.com/wiki/%D7%9E%D7%A1%D7%9B%D7%AA_%D7%9E%D7%92%D7%99%D7%9C%D7%94

http://www.gali-design.co.il/images/fonts.jpg

http://www.edu-negev.gov.il/tapuz/noamtp/font/font.gif

טיפוגרפיה

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

שורות, בין מילים, בין אותיות ובין צמדי אותיות.

פטר והזאב | טיפוגרפיה

אהרוני מודגש - טיפוגרפיה - שנקר

Minimalism - Kinetic Typography Poem

A lesson on typography

http://www.youtube.com/watch?v=8DZcIjXdZrA&feature=related

http://www.youtube.com/watch?v=MqZLnbBjFuo&feature=related

http://www.youtube.com/watch?v=t3lSSp-3068&feature=fvst

http://www.youtube.com/watch?v=Ki6rcXvUWP0

אינפוגרפיקה

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

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

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

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

infogrphicsState of The Internet

Infographics 2D Animation Sampler Infographics 3D Animation Sampler

http://docs.google.com/w/index.php?title=%D7%94%D7%9E%D7%97%D7%A9%D7%94&action=edit&redlink=1

http://docs.google.com/wiki/%D7%9E%D7%99%D7%93%D7%A2

http://docs.google.com/wiki/%D7%90%D7%99%D7%95%D7%A8

http://docs.google.com/wiki/%D7%AA%D7%A6%D7%9C%D7%95%D7%9D

http://docs.google.com/wiki/%D7%90%D7%A0%D7%99%D7%9E%D7%A6%D7%99%D7%94

http://docs.google.com/wiki/%D7%98%D7%A7%D7%A1%D7%98

http://docs.google.com/wiki/%D7%A2%D7%99%D7%AA%D7%95%D7%A0%D7%95%D7%AA

http://docs.google.com/wiki/%D7%A1%D7%A4%D7%95%D7%A8%D7%98

http://docs.google.com/wiki/%D7%90%D7%A7%D7%98%D7%95%D7%90%D7%9C%D7%99%D7%94



http://www.dailymotion.com/video/x14hxo_infographics_blog

http://www.youtube.com/watch?v=T6MfnuvH4Rs

http://www.youtube.com/watch?v=EN6E9twaZg0&feature=related

http://www.youtube.com/watch?v=bWC_wnCj8nU

אטלס ישראל - רוני לוית

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

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

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

אוכל ושל לבוש.

Israel Atlas' photostream

http://www.flickr.com/photos/israelatlas/

עטיפה ספרים וכתבי עת

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

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

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

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

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

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

לתוכנם. פעם אפילו קניתי ספר בישול - ספר בישול, בחיי - בשל מראה כריכתו". תמונות של עטיפות ספרים

חיים בתוך עטיפה

http://docs.google.com/wiki/%D7%A2%D7%99%D7%A6%D7%95%D7%91_%D7%A1%D7%A4%D7%A8%D7%99%D7%9D

http://docs.google.com/wiki/%D7%A9%D7%99%D7%95%D7%95%D7%A7

http://docs.google.com/wiki/%D7%90%D7%A8%D7%98_%D7%A1%D7%A4%D7%99%D7%92%D7%9C%D7%9E%D7%9F

http://he.wikipedia.org/wiki/%D7%A7%D7%98%D7%92%D7%95%D7%A8%D7%99%D7%94:%D7%95%D7%99%D7%A7%D7%99%D7%A4%D7%93%D7%99%D7%94_-_%D7%AA%D7%9E%D7%95%D7%A0%D7%95%D7%AA_%D7%A9%D7%9C_%D7%A2%D7%98%D7%99%D7%A4%D7%95%D7%AA_%D7%A1%D7%A4%D7%A8%D7%99%D7%9D

http://digital-edition.israelhayom.co.il/Olive/ODE/Israel/LandingPage/LandingPage.aspx?href=SVRELzIwMTAvMDYvMjI.&pageno=MzM.&entity=QXIwMzMwNg..&view=ZW50aXR5

דוגמא של עיצוב עטיפה לכתב-עת ספרותי

ספר

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

ערבים בסביבות שנת 1200 לספירה, אך תיעוד ראשון על הדפס של עמוד שלם מחיתוך עץ באירופה מתוארך לשנת 1410. ספרים שנוצרו בדרך הזאת מתחילים

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

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

מגולפות עשויות ממתכת. את האותיות הבודדות אפשר לסדר כל פעם בהרכב אחר וליצור על ידי כך את כל המילים של השפה מתוך מספר מוגבל של אותיות.

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

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

http://docs.google.com/wiki/%D7%9B%D7%A8%D7%99%D7%9B%D7%94

http://he.wikipedia.org/wiki/%D7%98%D7%9B%D7%A0%D7%95%D7%9C%D7%95%D7%92%D7%99%D7%94

http://he.wikipedia.org/wiki/%D7%A0%D7%99%D7%99%D7%A8

http://he.wikipedia.org/wiki/%D7%90%D7%99%D7%A8%D7%95%D7%A4%D7%94

http://he.wikipedia.org/wiki/%D7%A2%D7%A8%D7%91%D7%99%D7%9D

http://he.wikipedia.org/wiki/1200

http://he.wikipedia.org/wiki/%D7%90%D7%99%D7%A8%D7%95%D7%A4%D7%94



http://he.wikipedia.org/wiki/%D7%94%D7%9E%D7%96%D7%A8%D7%97_%D7%94%D7%AA%D7%99%D7%9B%D7%95%D7%9F

http://he.wikipedia.org/wiki/%D7%A6%D7%95%D7%A8%D7%A3

http://he.wikipedia.org/wiki/%D7%96%D7%94%D7%91

http://he.wikipedia.org/wiki/%D7%90%D7%95%D7%AA

http://he.wikipedia.org/wiki/%D7%9E%D7%AA%D7%9B%D7%AA

http://he.wikipedia.org/wiki/%D7%A9%D7%A4%D7%94

http://he.wikipedia.org/wiki/%D7%A4%D7%9C%D7%93%D7%94

http://he.wikipedia.org/wiki/%D7%A2%D7%95%D7%A4%D7%A8%D7%AA

דוגמא לטכנולוגיית הדפסה מורכבת

מה זה עיצוב טוב?

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

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

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

העיצוביות.

בין עיצוב אינטרנט לפרינט

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

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

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

כיום, מקובל גם בעיתונות להשתמש ב"לינקים" (קישורים) ככלי עיצובי, למשל ע"י שימוש ב"בועות אינפורמציה" המשולבות בטקסט וקוטעות את

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

מגמות שולטות בתחום כתבי-העת

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

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

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

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

דוגמא לעיצוב מינימלסטי

דוגמא לשימוש בסוגי נייר שונים

תקשורת חזותית

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

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

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

http://docs.google.com/wiki/%D7%AA%D7%A7%D7%A9%D7%95%D7%A8%D7%AA_%D7%97%D7%96%D7%95%D7%AA%D7%99%D7%AA

http://docs.google.com/wiki/%D7%AA%D7%A7%D7%A9%D7%95%D7%A8%D7%AA_%D7%97%D7%96%D7%95%D7%AA%D7%99%D7%AA

http://docs.google.com/wiki/%D7%A7%D7%95%D7%9C

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

ספר אלקטרוני

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

ספר אלקטרוני (או ספר דיגיטלי; באנגלית electronic book או בקיצור e-book או eBook) הוא ספר המוגש לקורא בצורה דיגיטלית, כקובץ הנקרא במחשב או במכשיר שנועד במיוחד לקריאת ספרים כאלה. יש

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

רחב של מטרות שלו).

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

הספרים המדברים ועט הפלא

http://docs.google.com/wiki/%D7%94%D7%9E%D7%90%D7%94_%D7%94%D7%A2%D7%A9%D7%A8%D7%99%D7%9D

http://docs.google.com/wiki/%D7%A1%D7%A4%D7%A8_%D7%90%D7%9C%D7%A7%D7%98%D7%A8%D7%95%D7%A0%D7%99

http://docs.google.com/wiki/%D7%A6%D7%92

http://docs.google.com/wiki/%D7%9E%D7%97%D7%A9%D7%91

http://docs.google.com/wiki/%D7%90%D7%A0%D7%92%D7%9C%D7%99%D7%AA

http://docs.google.com/wiki/%D7%A1%D7%A4%D7%A8

http://docs.google.com/wiki/%D7%A7%D7%95%D7%91%D7%A5

http://docs.google.com/wiki/%D7%9E%D7%97%D7%A9%D7%91

http://www.youtube.com/watch?v=kobMHsSioFQ&feature=related

http://www.youtube.com/watch?v=TERjLi0GybU

העברת ספרים לפורמט דיגיטלי

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

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

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

google ספריםפרויקט בן-יהודה

http://docs.google.com/wiki/%D7%A1%D7%A8%D7%99%D7%A7%D7%AA_%D7%A1%D7%A4%D7%A8

http://docs.google.com/w/index.php?title=%D7%94%D7%A7%D7%9C%D7%93%D7%94&action=edit&redlink=1

http://books.google.co.il/

http://www.benyehuda.org/



ספר דיגיטלי - תלת מימד

Moka Art Collection - With fascinating 3D Art in all pages

http://albummania.cresys.co.jp/gallery/view.asp?seq=7476&path=091006114126

עתיד הספר

הגלישה באינטרנט: הכל חוץ מהתוכן

פרופ' רפאלי על עתיד הספר בעולם הדיגיטלי

http://lnk.nana10.co.il/Article/?ArticleID=727422&TypeID=1&sid=182

http://www.youtube.com/watch?v=597YaDRdOAE

עתיד העיתון

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

כדי "להילחם" בתופעה זו נוצרו החינמונים, ולראיה - ישראל היום הוא העיתון הנפוץ

ביותר במדינה, עבר את ידיעות אחרונות.

ערוץ 2 | מה קורה | מעריב נגד ישראל היום | טוקבקים | צנזורה

האם האינטרנט בכלל מעודד פתיחות?

http://www.youtube.com/watch?v=ROPby9Y1Ovc

http://net.nana10.co.il/Article/?ArticleID=714624&TypeID=1&sid=127

עיצוב אתר אינטרנט

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

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

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

עיצוב אתר אינטרנט הוא תהליך של המשגה (conceptualization), תכנון, עיצוב, וביצוע של markup) תוכן המיועד לצפייה באמצעות דפדפן, ולכן מוגדר באמצעות שפת תגיות

language) שאותה הדפדפן מסוגל לפענח ולהציג כממשק משתמש גרפי (GUI). האתר מורכב מדפים המוצגים כל אחד בנפרד, והעיצוב כולל את העיצוב של כל אחד מהדפים

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

http://docs.google.com/wiki/%D7%A2%D7%99%D7%A6%D7%95%D7%91


http://docs.google.com/wiki/%D7%93%D7%A4%D7%93%D7%A4%D7%9F

http://docs.google.com/wiki/%D7%A9%D7%A4%D7%AA_%D7%AA%D7%92%D7%99%D7%95%D7%AA

http://docs.google.com/wiki/%D7%9E%D7%9E%D7%A9%D7%A7_%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9_%D7%92%D7%A8%D7%A4%D7%99

http://docs.google.com/wiki/%D7%93%D7%A3_%D7%90%D7%99%D7%A0%D7%98%D7%A8%D7%A0%D7%98

עיצוב ממשק המשתמש

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

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

שבו באים לידי ביטוי שיקולים פונקציונליים (אחיזה נוחה של הבקבוק) ושיווקיים (הבקבוק הוא סמל מסחרי).

http://docs.google.com/wiki/%D7%A9%D7%99%D7%95%D7%95%D7%A7

http://docs.google.com/wiki/%D7%91%D7%A7%D7%91%D7%95%D7%A7

http://docs.google.com/wiki/%D7%A7%D7%95%D7%A7%D7%94_%D7%A7%D7%95%D7%9C%D7%94

http://docs.google.com/wiki/%D7%A1%D7%9E%D7%9C_%D7%9E%D7%A1%D7%97%D7%A8%D7%99

ארכיטקטורת מידע

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

וביעילות.תפקידו של ארכיטקט המידע מתמקד באיתור צורכי המידע של

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

וההתמצאות.

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

המידע.

http://he.wikibooks.org/wiki/%D7%90%D7%A8%D7%9B%D7%99%D7%98%D7%A7%D7%98%D7%95%D7%A8%D7%AA_%D7%9E%D7%99%D7%93%D7%A2

ויזואליזציה של מידע

מצגת ויזואליזציה של מידע

אתר ויזואליזציה של מידע

טבלת היסודות של כל סוגי הויזואליזציה - כאשר עומדים עם הסמן על ריבוע מתקבלת דוגמא (ויזואליזציה של מידע – בצבע ירוק בהיר).

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

Musicovery - ניווט מוסיקלי ע"פ צבע (ז'אנר) ומיקום (סגנון).searchcube הוא מנוע חיפוש גרפי המציג את תוצאות החיפוש בפורמט

קומפקטי חזותית בשלושה ממדים.

http://www.hipusit.info/uploads/1207068945_information%20visualization.ppt

http://vlib.eitan.ac.il/infoviz/

http://www.visual-literacy.org/periodic_table/periodic_table.html

http://www.elab.usilu.net/usi10anni/knowledge_domain_maps/visualization_scholars

http://www.musicovery.com/

http://search-cube.com/

usability שימושיות אתר

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

שהוא עובר. אתר בעל שימושיות גבוהה, ישאיר חוויה חיובית על הגולשים וימכור יותר מאתר מתחרה בעל שימושיות נמוכה.

Basic Website Usability Tips

http://www.youtube.com/watch?v=0SyRjjAGpvg

כללים לעיצוב אתר אינטרנט

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

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

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

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

הם יוכלו לגלוש למידע עדכני או לנווט לכל מדור באתרים בקלות.5. הימנעו משימוש בקטעי קול באתרים שלכם בבניית אתרים. אם

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

בטוחים כי יש לגולשים שליטה עליהם – ברמת עוצמת שמע לפחות.

שימושיות או אסתטיקה?

ביקורשת: אתר סלקום - שימושיות או אסתטיקה?

http://www.ynet.co.il/articles/0,7340,L-3669043,00.html

נגישות

נגישות בסרגלי ניווט

http://www.youtube.com/watch?v=2DTbG4zwYTM

Second life - עולמות וירטואליים

יובל דרור מסביר ללונדון וקירשנבאום מה זה סקנד לייף SL Libraries - Info Insland Archipelago Tour

Making books in Second Life

http://net.nana10.co.il/Article/?ArticleID=409757

http://www.youtube.com/watch?v=B8v3TZethQ0&feature=related

http://www.youtube.com/watch?v=OV_PzgPPue0

עודפות

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

נהפוך למבולבלים יותר ונעמיק את חיפושינו אחר העצמיות שלנו ומצביע על המשוואה שאומצה ברוב העולם: "אושר = יותר", ומסביר עד כמה היא מורידה

אותנו מהפסים.

יותר מדי מידע

דניאל מילוא

יותר מידי

האינטרנט לא נותן לשכוח

http://www.youtube.com/watch?v=DmCURb150xU

http://23tv.co.il/79-he/Tachi.aspx?id=5393&programId=282

http://www.toomuch.us/index_he.aspx?skip=true

http://net.nana10.co.il/Article/?ArticleID=735211&TypeID=1&sid=127

Design

דבר אלי בתמונות