Minshari #2

Page 1

‫יסודות בעיצוב אינטראקטיבי ‪ -‬שנה ב׳‬

‫שנה ב׳ ‪11/2014‬‬

‫שיעור ‪#2‬‬


‫פיקסל‬ ‫פיקסל (קיצור של ‪ )Picture Element‬היא יחידת מידע גרפית בסיסית‪ ,‬המתארת‬ ‫נקודה בתמונה‪ .‬החלק הקטן ביותר של הקווים‪ ,‬התווים‪ ,‬והצורות שעל צג המחשב‬ ‫או בתמונה המודפסת‪ .‬כל תמונה בנויה ממאות אלפי עד עשרות מיליוני נקודות‬ ‫קטנות‪ ,‬ונקודה זו היא יחידת תמונה‪.‬‬ ‫ככל שהתמונה מורכבת מיותר פיקסלים‪ ,‬רמת האבחנה שלה תהיה גבוהה יותר‪,‬‬ ‫ויאמר עליה שהרזולוציה שלה גבוהה יותר‪ .‬התמונה תכיל יותר פרטים ותהיה חדה‪,‬‬ ‫טובה וקריאה יותר‪.‬‬ ‫‪ -‬ויקיפדיה‬


R G B


RGB

CMYK


‫רזולוציה‬ ‫כמות הפיקסלים בתמונות דיגיטליות‬


72ppi (pixels per inch)

inch (2.54cm)


1280x800 800x600

72dpi


1280x800 800x600

300dpi


‫מידות וסטנדרטים‬



‫אותו מכשיר‪ ,‬שתי תצוגות‬

‫תצוגה אופקית ‪480x320‬‬

‫תצוגה אנכית ‪320x480‬‬


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



by Experimental Jetset

moranpalmoni.com

by Mevis & Van Deursen

Grrr


‫תרגיל ‪ :1‬כרטיס ביקור ‪ -‬חלק ב’‬

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

‫התרגיל‪:‬‬ ‫בעקבות כרטיס הביקור שהבאתם לשיעור האחרון יש‬ ‫לייצר ‪ 2‬אובייקטים בדפוס שיתפקדו כתרגום של הכרטיס‬ ‫הוירטואלי לפורמט מודפס‪.‬‬ ‫ניתן להשתמש בכל חומר ובכל טכניקה‪ ,‬לחתוך‪ ,‬לצייר‪,‬‬ ‫לצבוע‪ ,‬להדביק ולעשות כל דבר ‪ -‬העיקר שהכרטיס‬ ‫המודפס יהיה דומה ככל האפשר לכרטיס האינטרקטיבי‬ ‫ויעביר את אותה חוויה‪ ,‬רעיון‪ ,‬ושפה עיצובית‪.‬‬ ‫הפורמט‪:‬‬ ‫האובייקטים חייבים להתקיים במרחב הפיזי ולא להיות‬ ‫מוצגים על גבי מסך‪.‬‬ ‫הגדלים הם‪:‬‬ ‫הראשון בגודל כרטיס ביקור סטנדרטי במידה ‪ 9x5‬ס״מ‪.‬‬ ‫השני בפורמט דפוס נתון לבחירה ‪ -‬כזה שישרת את‬ ‫החוויה המקורית בצורה הכי מדויקת וטובה‪.‬‬


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.