graphic design - viscommkuniv.files.wordpress.com · design •first graphic marks humans make...
TRANSCRIPT
![Page 1: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/1.jpg)
Graphic Design
![Page 2: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/2.jpg)
Visual Culture is a language, and, like any language, visual culture has rules that make
communication possible Hagen & Golombisky , 2013, pg. 2
الحال في أي وه، وكما لغةالثقافة البصرية هي
ل التواصلها قواعد تجعل البصرية لغة، فإن الثقافة ممكناو االتصال
![Page 3: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/3.jpg)
Graphic Design Communicates
![Page 4: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/4.jpg)
Graphic Design is Planned
![Page 5: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/5.jpg)
Graphic Design makes visualsand typography work together
in space
![Page 6: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/6.jpg)
ت والكلماتصميم الجرافيك يجعل المرئيات معا في الفضاءتعمالن
![Page 7: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/7.jpg)
Visuals
•Symbols
•Icons
•Pictures
•lines
Type
•language
•words
Space
•White Space is not your Enemy
![Page 8: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/8.jpg)
![Page 9: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/9.jpg)
![Page 10: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/10.jpg)
Good Graphic Design:1. Captures attention2. Controls eye movement3. Conveys information4. Evokes emotion
![Page 11: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/11.jpg)
: التصميم الجرافيك الناجح
االنتباهيلفت 1.
العينفي حركة يتحكم 2.
ينقل معلومات3.
العاطفةيثير 4.
![Page 12: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/12.jpg)
![Page 13: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/13.jpg)
![Page 14: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/14.jpg)
![Page 15: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/15.jpg)
![Page 16: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/16.jpg)
![Page 17: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/17.jpg)
![Page 18: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/18.jpg)
![Page 19: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/19.jpg)
![Page 20: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/20.jpg)
Elements of Designعناصر تصميم الجرافيك
![Page 21: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/21.jpg)
Elements of Designعناصر تصميم الجرافيك
•Space•Line•Shape•Texture•Color•Typography
اءالمساحة و الفراغ أو الفض•
الخطوط•
االشكال•
الخامات•
األلوان•
خط النصوص•
![Page 22: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/22.jpg)
Spaceالفراغ
![Page 23: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/23.jpg)
Spaceالفراغ
Whether Positive or negative, Space is more than a key element in design. Space is a requirement.Hagen & Golombisky, 2013, pg 45
في أساسيعنصر سواء إيجابي ام سلبي، الفراغ هو أكثر .كل تصميم بحاجة الى فراغ. التصميم
![Page 24: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/24.jpg)
Spaceالفراغ• The convenience of the eye
• Space highlights components of the design
• More negative space gives a professional impression of the design
• Space organizes design and can be used to separate paragraphs of text
• Creative forms of negative space can be created, a professional technique used by some designers.
راحة العين وسهولة المتابعة•
تساهم الفراغات إبراز مكونات التصميم•
تعطي انطباعا احترافيا للتصميم•الذي على عكس التصميم المزدحم قليل الفراغات•
يترك انطباعا مربكا ومشتتا
التمييز تساهم الفراغات في تنسيق التصميم و•بين فقرات النصوص
بية، يمكن خلق أشكال إبداعية من المساحة السل•وهو أسلوب احترافي يستخدمه بعض
المصممين
شاتاسكتمن موقع عناصر تصميم الجرافيكي
![Page 25: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/25.jpg)
![Page 26: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/26.jpg)
Linesالخطوط• One of the most crucial elements in
design
• First graphic marks humans make
• Lines can be straight, curved, thick, thin, solid, and dashed.
• Lines can be used to • Frame information • Divide information• Add hierarchy and emphasis• Decorate • Draw the eye to a specific point
من أههم العناصر في التصميم•
خطوطالبشر دائما يبدؤون بالرسم باستخدام ال•
الخطوط ممكن ان تكون مستقيمة، منحنية، •.سميكة، ضعيفة، صلبة، ومتقطعة
:استخدام الخطوط ل•تأطير المعلومات•
تقسيم المعلومات•
إضافة التسلسل الهرمي والتركيز•
التزيين•
توجيه العين إلى نقطة محددة•
![Page 27: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/27.jpg)
![Page 28: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/28.jpg)
Shapeاألشكال
• A closed line to form a:
• circle
• square
• Star
• Shapes trigger instant recognition and are essential in communication process
ة األشكال هي الرسوم التي لها مساحة مغلق•ناتجة عن اتصال الخطوط
كالمربع •
الدائرة•
النجمة•
األشكال الرسومية التعبيرية هي لغة •صميمتواصل وتساهم في توصيل رسالة الت
![Page 29: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/29.jpg)
Shapeاألشكال
![Page 30: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/30.jpg)
Shapeاألشكال
Organic Shapes
اشكال طبيعية
Inorganic Shapes
اشكال غير طبيعية
![Page 31: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/31.jpg)
Textureالخامات
• Textures provide a special touch to the surfaces
• Smoothness
• Roughness
• Gloss
• Density
• Use as an alternative to solid-colored backgrounds
الخامات تعطي ملمسا خاصا للسطوح•النعومة•
الخشونة •
اللمعان•
الكثافة •
ن استخدامها كبديل عن الخلفيات ذات األلوا•المصمتة
![Page 32: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/32.jpg)
![Page 33: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/33.jpg)
Colorااللوان
• Very powerful communication tool
• It draws attention• It orders and organizes• It evokes emotion
أداة اتصال قوية جدا•
تلفت االنتباه•
ترتب و تنظم•
ستحضر العاطفةت•
![Page 34: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/34.jpg)
Color Theoryنظريات االلوان
![Page 35: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/35.jpg)
األلوان األولية
![Page 36: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/36.jpg)
األلوان الثانوية
![Page 37: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/37.jpg)
األلوان الثالثية
![Page 38: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/38.jpg)
و الباردةاأللوان الساخنة
![Page 39: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/39.jpg)
األلوان االحادية
![Page 40: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/40.jpg)
األلوان المماثلة
![Page 41: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/41.jpg)
أللوان المكملة
![Page 42: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/42.jpg)
األلوان التكاملية الثالثية
![Page 43: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/43.jpg)
Typographyخط النصوص
• Type contributes to the understanding of the message behind the design
• It is important to choose the appropriate text font for the message
• It is important to place the text in the appropriate place in the design
يساهم النص في فهم رسالة التصميم،•ويوضح هدفه
من المهم اختيار خط النص المالئم •للرسالة
من المهم وضع النص في المكان المالئم •في التصميم
![Page 44: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/44.jpg)
![Page 45: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/45.jpg)
For news
• Font for text
• Chose a second contrasting font for headlines• Same font, different size
• Different font
• Bold/Italic: Use minimally
• Spacing:• Leading
• Tracking
![Page 46: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/46.jpg)
![Page 47: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/47.jpg)
For news
• Paragraph indicators:• Indent
• Leading
• Columns• justification and alignment
![Page 48: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/48.jpg)
![Page 49: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/49.jpg)
Principles of Designأساسيات التصميم الجرافيك
![Page 50: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/50.jpg)
Principles of Design
Emphasis التركيز
Movement الحركة
Contrast التباين
Proximity التقارب
Alignment التنسيق
Balance التوازن
![Page 51: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/51.jpg)
Emphasisركيزتال
• Emphasis is showcasing a specific aspect of a design
• Usually the most important part of the design: Focal point
• It is used to:• Grab attention
• Direct the eye to it
• Capture interest of the viewer to the emphasized element
• In news: the main headline
يمالتصمإبراز جزء معين من هو التركيز •
عادة يكون أهم عنصر في التصميم•
:الغرض•لفت االنتباه •إليهالعين توجيه •زيادة اهتمام المشاهد لهذا العنصر •الرئيسيالمانشيت: في الصحافة•
![Page 52: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/52.jpg)
Emphasisالتركيز
• Rule 1:• You should have a focal point• The first thing the viewer sees
• Rule 2:• Limit one focal point per page or,
screen, or story, or ad
•١كل تصميم يجب ان يحتوي على عنصر •
أساسي
اول شيء يراه المشاهد•
•٢حة او تحديد عنصر أساسي واحد فقط في كل صف•
شاشة عرض او خبر او اعالن
![Page 53: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/53.jpg)
Image Source:TastyTutsFree YouTube Tutorial
![Page 54: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/54.jpg)
Movementالحركة
• A good design controls the eye flow the flow
• Lines can move the eye across the page
• Hierarchy
حركة داخل التصميم •
عة التحكم في طريقة حركة العين المتاب•للتصميم
التسلسل الهرمي•
![Page 55: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/55.jpg)
Image Source:TastyTutsFree YouTube Tutorial
![Page 56: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/56.jpg)
Contrastالتباين• Being strikingly different from
something in juxtaposition or close association
• The purpose of the contrast is to distinguish design elements from each other
• The clearer the contrast, the greater the clarity
• Contrast can be achieved through • Color• Scale• Type
درجة التضاد بين العناصر المتقاربة هو •والمتالصقة
ر من التباين هو إظهار وتمييز عناصالغرض •بعضهاالتصميم عن
الوضوح زاد التباين زاد كلما •
بتغييرالتباين يتم •اللون •
الحجم •
الخط•
![Page 57: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/57.jpg)
Image Source:TastyTutsFree YouTube Tutorial
![Page 58: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/58.jpg)
![Page 59: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/59.jpg)
Proximityالتقارب
• We perceive objects that are close together as belonging to the same group
• placing objects together to create a particular relationship between them
عض من بعضها البالقريبة نرى األشياء نحن •المجموعةإلى نفس باالنتماء
همااألشياء معا لخلق عالقة معينة بينوضع •
Image Source:TastyTutsFree YouTube Tutorial
![Page 60: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/60.jpg)
![Page 61: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/61.jpg)
Alignmentالتنسيق
• Distributing the elements of a design in a planned and neat manner rather than doing so randomly
• Taking into account the proportion of design elements and space used to distinguish between those elements
• The use of columns and grids
ميم عناصر التصالتنسيق يعني توزيع •بطريقة مرتبة وليست عشوائية
تناسب وينبغي للتصميم الجيد أن يراعي ال•راغاتوالفعناصر التصميم الصحيح بين
األعمدةاستخدام •
![Page 62: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/62.jpg)
Image Source:TastyTutsFree YouTube Tutorial
![Page 63: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/63.jpg)
![Page 64: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/64.jpg)
Balanceالتوازن
• In design, we think of balance in terms of visual weight.
• You want your designs to be visually balanced
من في التصميم، نحن نفكر في التوازن•حيث الوزن البصري
االهدف جعل التصميمات متوازنة بصري•
Image Source:TastyTutsFree YouTube Tutorial
![Page 65: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/65.jpg)
![Page 66: Graphic Design - viscommkuniv.files.wordpress.com · design •First graphic marks humans make •Lines can be straight, curved, thick, thin, solid, and dashed. •Lines can be used](https://reader030.vdocument.in/reader030/viewer/2022041302/5e134f36d106d84cc070ad8c/html5/thumbnails/66.jpg)
Referencesالمصادر
• White Space is not Your Enemy by Rebecca Hagen & Kim Golombisky
• TastyTuts Free YouTube Tutorial
• اسكتشاتمن موقع عناصر تصميم الجرافيكي
• اسكتشاتمن موقع الجرافيكيآسس تصميم
فهمهاوأسس Color theoryاللوننظرية: فواصل•