ABA


"יסודות העיצוב הגרפי - קומפוזיציה"
גירסת הדפסה        
קבוצות דיון גרפיקה נושא #8866 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 8866
AqUa 
חבר מתאריך 10.9.03
18455 הודעות
   23:24   20.12.03   
אל הפורום  
  יסודות העיצוב הגרפי - קומפוזיציה  
 
ערכתי לאחרונה בתאריך 20.12.03 בשעה 23:24 בברכה, AqUa
 
אוקיי אז כל פעם שאני קורא תגובות של אנשים (ואני קורא את של כולם! הכי כיף) אז אני מוצא שאלות ותגובות שתמיד עולות בשיעורים שעברתי.
אז אני אנסה לצמצם ממש בקצרה כל מה שאפשר על כל מה שקשור בעיצוב גרפי אבל תיאורתית!!! (טחנו לנו תשכל).

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


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

נושא הטיפוגרפיה ענק מאוד! עד כדי כך שיש תארים בטיפוגרפיה!


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

היה לי קשה למצוא סוגי קומפוזיציות אבל מצאתי והסבר ליד כל אחד:

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

תתעלמו מהקוים לא יודע אם זה בכוונה הוא שמישהו ניסה להסביר את המשמעות
תחשבו שיש קו באמצע שחוצה את העבודה ומצד ימין ילדה קטנה ומצד שמאל גדולה. יש פה גם קומ' מאוזנת בין הארץ לעצים/שמים (סעיף הבא)
http://www.photocollege.co.uk/scentre/startphot/images/symm.jpg

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

דוגמא טובה יחסית שכל מה שיש מעל הקו יש למטה האובייקט הגדול נמצא למעלה ולמטה הטקסט מעל מקביל לטקסט מתחת באלכסון והאובייקט הצבעוני הקטן מקביל לטקסט הקטן באלכסון.
והכל דיי מאוזן.
http://www.designmuseum.org/

גם פה הבחור כנגד הבחורה (שדומא לבקי גריפין משום מה : ) ותיבות הטקסט
http://www.canoe.ca/MoviesImagesD/doublejeopardy_poster.jpg

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

הדוגמא הכי טובה שמצאתי זה הפרוטפוליו אבירם (נתייחס רק לחלק העליון) הכל דיי מרוכז בצד ימין חוץ מהלוגו שבצד שמאל לבד ואז הוא יותר חשוב!
http://czer.tk
(כבר אמרתי שהאתר פצצה? : )

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

זה הדבר הכי אלכסוני שמצאתי התייאשתי מלחפש, אם אמצא דוגמא יותר טובה אני יוסיף
http://www.quantumsails.com/images/pic_up/90.jpg

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

מחולק לשלישים אופקיים
http://newark1.com/

מחולק לשלישים אנכיים
http://www.designcouncil.org.uk/webdav/servlet/XRM?Page/@id=6000

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

תהנו!

                       www.sefigev.com


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  תודה על ההסבר :) Tensor 20.12.03 23:32 1
  תודה ספי :) Avi139   20.12.03 23:39 2
  מאשיר ומעשיר zf 21.12.03 00:36 3
  תודה על ההסבר!!! sweeet 21.12.03 00:44 4
  תודה רבה על ההסבר! BJack 21.12.03 10:07 5
  יופי של הסבר , כל הכבוד :) czer  21.12.03 10:15 6
  חיוני מאוד, תודה :) צ'סטר 21.12.03 11:15 7
  בכיף! תהנו! AqUa  21.12.03 14:05 8
  הסבר מצויין תודה רבה JokerD 22.12.03 09:38 9
  תודה ההסבר מעולה ovadija 22.12.03 09:54 10
  תודה (: CyBeR Y 22.12.03 12:37 11

       
Tensor

   23:32   20.12.03   
אל הפורום  
  1. תודה על ההסבר :)  
בתגובה להודעה מספר 0
 
   כל הכבוד!


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק
   23:39   20.12.03   
אל הפורום  
  2. תודה ספי :)  
בתגובה להודעה מספר 0
 
   למדתי את זה בעבר שלמדתי תקשורת... הזכרת לי כמה דברים

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
zf

   00:36   21.12.03   
אל הפורום  
  3. מאשיר ומעשיר  
בתגובה להודעה מספר 0
 
   10X


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
sweeet

   00:44   21.12.03   
אל הפורום  
  4. תודה על ההסבר!!!  
בתגובה להודעה מספר 0
 
   זה מראה שאתה ממש מבין מה למדת
תודה רבה!


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
BJack לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 18.11.03
22979 הודעות, 15 פידבק
   10:07   21.12.03   
אל הפורום  
  5. תודה רבה על ההסבר!  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
czer  לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 22.4.02
311 הודעות, 1 פידבק
   10:15   21.12.03   
אל הפורום  
  6. יופי של הסבר , כל הכבוד :)  
בתגובה להודעה מספר 0
 
   קבל ח"ח


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
צ'סטר

   11:15   21.12.03   
אל הפורום  
  7. חיוני מאוד, תודה :)  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
AqUa 
חבר מתאריך 10.9.03
18455 הודעות
   14:05   21.12.03   
אל הפורום  
  8. בכיף! תהנו!  
בתגובה להודעה מספר 0
 

                       www.sefigev.com


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
JokerD

   09:38   22.12.03   
אל הפורום  
  9. הסבר מצויין תודה רבה  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
ovadija

   09:54   22.12.03   
אל הפורום  
  10. תודה ההסבר מעולה  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
CyBeR Y

   12:37   22.12.03   
אל הפורום  
  11. תודה (:  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net