Document Details

InestimableAnemone

Uploaded by InestimableAnemone

Taibah University

Tags

graphic design design principles visual communication design elements

Summary

This document is a lecture or presentation on graphic design. It covers different design elements and their characteristics.

Full Transcript

‫ﻣﺤﺘﻮﯾﺎت اﻟﻤﺤﺎﺿﺮة اﻷوﻟﻲ‬ ‫ﻣﺻطﻠﺣﺎت ﻣﺗﻌﻠﻘﺔ ﺑﻌﻧﺎﺻر ﺗﺻﻣﯾم اﻟﺟراﻓﯾك‬ ‫‪ -‬ﺗﺻﻣﯾم اﻟﺟراﻓﯾك ‪Graphic Design‬‬ ‫‪ -‬ﻋﻧﺎﺻر ﺗﺻﻣﯾم اﻟﺟراﻓﯾك ‪Elements of graphic design‬‬ ‫‪ -‬اﻟﺧط ‪Line‬‬ ‫ ‬ ‫‪ -‬اﻟﺷﻛل ‪Shape‬‬...

‫ﻣﺤﺘﻮﯾﺎت اﻟﻤﺤﺎﺿﺮة اﻷوﻟﻲ‬ ‫ﻣﺻطﻠﺣﺎت ﻣﺗﻌﻠﻘﺔ ﺑﻌﻧﺎﺻر ﺗﺻﻣﯾم اﻟﺟراﻓﯾك‬ ‫‪ -‬ﺗﺻﻣﯾم اﻟﺟراﻓﯾك ‪Graphic Design‬‬ ‫‪ -‬ﻋﻧﺎﺻر ﺗﺻﻣﯾم اﻟﺟراﻓﯾك ‪Elements of graphic design‬‬ ‫‪ -‬اﻟﺧط ‪Line‬‬ ‫ ‬ ‫‪ -‬اﻟﺷﻛل ‪Shape‬‬ ‫ ‬ ‫‪ -‬اﻟﻣﻠﻣس ‪Texture‬‬ ‫ ‬ Graphic Design ‫ﺗﺼﻤﯿﻢ اﻟﺠﺮاﻓﯿﻚ‬ Graphic design is creating visual content by using elements like typography, colors, shapes, images, to create and combine symbols and other forms of visual representations to deliver an idea and communicate a message. ‫اﻟﺗﺻﻣﯾم اﻟﺟراﻓﯾﻛﻲ ھو ﻋﺑﺎرة ﻋن إﻧﺷﺎء ﻣﺣﺗوى ﻣرﺋﻲ ﺑﺎﺳﺗﺧدام ﻋﻧﺎﺻر ﻣﺛل اﻟﻛﺗﺎﺑﺎت‬ ‫واﻷﻟوان واﻷﺷﻛﺎل واﻟﺻور ﻹﻧﺷﺎء ودﻣﺞ اﻟرﻣوز واﻷﺷﻛﺎل اﻷﺧرى ﻣن اﻟﺗﻣﺛﯾﻼت اﻟﻣرﺋﯾﺔ‬.‫ﻟﺗوﺻﯾل ﻓﻛرة وﺗوﺻﯾل رﺳﺎﻟﺔ‬ Elements of graphic design ‫ﻋﻨﺎﺻﺮ اﻟﺘﺼﻤﯿﻢ اﻟﺠﺮاﻓﯿﻜﻲ‬ A set of tools used to build the perfect graphic design. Every single piece of design is trying to communicate a message. d ‫ﺤﺎول‬e ‫ﻢ‬W‫ اﻟﺘﺼﻤ‬c\ ‫ _ﻞ ﺟﺰء‬.^\‫\[ اﻟﻤﺜﺎ‬W‫ﻢ اﻟﺠﺮاﻓ‬W‫ﻣﺠﻤﻮﻋﺔ ﻣﻦ اﻷدوات اﻟﻤﺴﺘﺨﺪﻣﺔ ﻟﺒﻨﺎء اﻟﺘﺼﻤ‬.‫ﻞ رﺳﺎﻟﺔ‬W‫ﺗﻮﺻ‬ The elements of design are tools a designer use to craft meaning and bring clarity to a muddled mess of ideas. y‫ح ﻋ‬w‫ﺿﻔﺎء اﻟﻮﺿ‬t‫ و‬nd‫ﺎﻏﺔ اﻟﻤﻌ‬W‫ﺴﺘﺨﺪﻣﻬﺎ اﻟﻤﺼﻤﻢ ﻟﺼ‬p n\ o ‫ اﻷدوات اﻟ‬m\ ‫ﻢ‬W‫ اﻟﺘﺼﻤ‬l‫ﻋﻨﺎ‬.‫ﺸﺎ|ﻜﺔ ﻣﻦ اﻷﻓ~ﺎر‬z‫ﻣﺠﻤﻮﻋﺔ ﻣ‬ Line ‫اﻟﺨﻂ‬ Images ‫اﻟﺼﻮر‬ Shape ‫اﻟﺸ~ﻞ‬ Colors ‫اﻻﻟﻮان‬ Texture ‫اﻟﻤﻠﻤﺲ‬ Space ‫اﻟﻔﺮاغ‬ Typography ‫ﺘﺎ|ﺎت‬à‫اﻟ‬ Line: ‫اﻟﺧط‬ - The first and most basic element of design is line..‫ﻢ ﻫﻮ اﻟﺨﻂ‬W‫ اﻟﺘﺼﻤ‬c\ d å‫أول وأﻫﻢ ﻋﻨ‬ - In Drawing line is the stroke of the Pen or pencil, But in graphic design It’s any connected points d d ‫\[ ﻫﻮ أي ﻧﻘﺎط‬W‫ﻢ اﻟﺠﺮاﻓ‬W‫ اﻟﺘﺼﻤ‬c\ ‫ﻦ‬à‫ وﻟ‬،‫ﺔ اﻟﻘﻠﻢ أو اﻟﻘﻠﻢ اﻟﺮﺻﺎص‬íld ‫ اﻟﺨﻂ ﻫﻮ‬،‫ اﻟﺮﺳﻢ‬c\ ‫ﻣﺘﺼﻠﺔ‬ ‫ أﻧواع ﻟﺧطوط‬Types of line Types of line Shape: ‫اﻟﺷﻛل‬ - Shapes help the designer to add interest or organize elements of design. They are not strictly ornamental, either, as shapes can have symbolic meanings, invoke feelings, or be used to direct the eye to the most important information. ‫ﻤﻜﻦ أن‬e ‫ﺚ‬W‫ ﺣ‬،‫ﺔ ﺗﻤﺎًﻣﺎ‬W‫ﺴﺖ زﺧﺮﻓ‬û‫ _ﻤﺎ أﻧﻬﺎ ﻟ‬.‫ﻢ‬W‫ اﻟﺘﺼﻤ‬l‫ﻢ ﻋﻨﺎ‬W‫ إﺿﺎﻓﺔ اﻻﻫﺘﻤﺎم أو ﺗﻨﻈ‬y‫ﺴﺎﻋﺪ اﻷﺷ~ﺎل اﻟﻤﺼﻤﻢ ﻋ‬ô.‫≠ إ^ أﻫﻢ اﻟﻤﻌﻠﻮﻣﺎت‬d ™ ‫ﻪ اﻟﻌ‬W‫ﺴﺘﺨﺪم ﻟﺘﻮﺟ‬ôُ ‫ أو‬،‫ أو ﺗﺜ™© اﻟﻤﺸﺎﻋﺮ‬،‫®ﺔ‬ß‫¶ رﻣ‬d‫ﻜﻮن ﻟﻸﺷ~ﺎل ﻣﻌﺎ‬e \ Types of Shape in graphic design : - Shapes are at the root of design. ‫ﻢ‬W‫ أﺳﺎس اﻟﺘﺼﻤ‬m \ ‫اﻷﺷ~ﺎل‬ There are three basic types of shapes: :‫ﺔ ﻣﻦ اﻷﺷ~ﺎل‬W‫ﻫﻨﺎك ﺛﻼﺛﺔ أﻧﻮاع أﺳﺎﺳ‬ Geometric shapes ‫ﺔ‬W‫أﺷ~ﺎل ﻫﻨﺪﺳ‬ Organic shapes ( ‫®ﺔ ) ﺣﺮة اﻟﺸ~ﻞ‬w‫أﺷ~ﺎل ﻋﻀ‬ Abstract shapes ‫أﺷ~ﺎل ﻣﺠﺮدة‬ Geometric shapes ‫ﺔ‬7‫ﻨﺪﺳ‬3 ‫ﺎل‬0‫أﺷ‬ Geometric shapes are your squares, rectangles, circles and triangles, These typically include sharp corners but may have rounded elements. ‫ وﻋﺎدة ً ﻣﺎ ﺗﺗﺿﻣن زواﯾﺎ ﺣﺎدة وﻟﻛن ﻗد ﺗﺣﺗوي ﻋﻠﻰ ﻋﻧﺎﺻر‬،‫اﻷﺷﻛﺎل اﻟﮭﻧدﺳﯾﺔ ھﻲ اﻟﻣرﺑﻌﺎت واﻟﻣﺳﺗطﯾﻼت واﻟدواﺋر واﻟﻣﺛﻠﺛﺎت‬ ‫ﻣﺳﺗدﯾرة‬ Geometric shapes ‫ﺔ‬7‫ﺎل اﻟﻬﻨﺪﺳ‬0‫ اﻻﺷ‬: - Circle ‫اﻟﺪاﺋﺮة‬ The circle is smooth, and appears smaller than the rectangle, even though they have equal dimensions..‫ ﻋﻠﻰ اﻟرﻏم ﻣن أن أﺑﻌﺎدھﻣﺎ ﻣﺗﺳﺎوﯾﺔ‬،‫ وﺗﺑدو أﺻﻐر ﻣن اﻟﻣﺳﺗطﯾل‬،‫اﻟداﺋرة ﻧﺎﻋﻣﺔ‬ ‫اﻟﻣرﺑﻊ واﻟﻣﺳﺗطﯾل ‪- square & Rectangle‬‬ ‫‪The square & rectangle are very solid and recognizable.‬‬ ‫اﻟﻣرﺑﻊ واﻟﻣﺳﺗطﯾل ﻣﺗﻣﺎﺳﻛﺎن ﻟﻠﻐﺎﯾﺔ وﯾﻣﻛن اﻟﺗﻌرف ﻋﻠﯾﮭﻣﺎ‪.‬‬ square and rectangles signify stability and trust. They are the go-to shape for order and organization, as well as all other traits associated with these, such as logical, calculating, and above all, efficient. ‫ وﻫﻤﺎ اﻟﺸ~ﻼن اﻟﻤﻔﻀﻼن ﻟﻠﻨﻈﺎم‬.‫ﻞ ﻳﺮﻣﺰان إ^ اﻻﺳﺘﻘﺮار واﻟﺜﻘﺔ‬W‫ ـﻊ واﻟﻤﺴﺘﻄ‬íª‫اﻟﻤ‬ ً ‫ وﻗ¬ﻞ‬،‫ ﻣﺜﻞ اﻟﻤﻨﻄﻖ واﻟﺤﺴﺎب‬،‫ ﻓﻀﻼ ﻋﻦ ﺟﻤﻴﻊ اﻟﺴﻤﺎت اﻷﺧﺮى اﻟﻤﺮﺗ¬ﻄﺔ ﺑﻬﻤﺎ‬،‫ﻢ‬W‫واﻟﺘﻨﻈ‬.‫ﻔﺎءة‬à‫«ء اﻟ‬ » ‫_ﻞ‬ \ - Triangle ‫اﻟﻣﺛﻠث‬ The triangle is one of the simplest polygons possible, but it has a lot more movement than the square and the circle. ‫ وﻟﻛﻧﮫ ﯾﺣﺗوي ﻋﻠﻰ ﺣرﻛﺔ أﻛﺑر ﺑﻛﺛﯾر‬،‫اﻟﻣﺛﻠث ھو أﺣد أﺑﺳط اﻷﺷﻛﺎل اﻟﻣﺗﻌددة اﻷﺿﻼع اﻟﻣﻣﻛﻧﺔ‬.‫ﻣن اﻟﻣرﺑﻊ واﻟداﺋرة‬ Organic Shapes ‫ﺔ‬NM‫ﺎل اﻟﻌﻀ‬0‫اﻷﺷ‬ Organic shapes are free-formed shapes. They have flowing lines and are also called "natural shapes." They resemble objects found in nature such as an apple, or a leaf. ً ‫ﻀﺎ "اﻷﺷ~ﺎل‬e‫ و®ﻄﻠﻖ ﻋﻠﻴﻬﺎ أ‬،‫ ﻟﻬﺎ ﺧﻄﻮط ﻣﺘﺪﻓﻘﺔ‬.‫®ﺔ ﺣﺮة اﻟﺸ~ﻞ‬w‫اﻷﺷ~ﺎل اﻟﻌﻀ‬.‫ﻌﺔ ﻣﺜﻞ اﻟﺘﻔﺎﺣﺔ أو اﻟﻮرﻗﺔ‬W‫ اﻟﻄﺒ‬c\ d ‫ﺎء اﻟﻤﻮﺟﻮدة‬W‫ﺸ¬ﻪ اﻷﺷ‬ô m \ ‫ و‬."‫ﺔ‬W‫ﻌ‬W‫اﻟﻄﺒ‬ - They can have soft curves or hard, sharp edges. -.‫ﺎت ﻧﺎﻋﻤﺔ أو ﺣﻮاف ﺣﺎدة ﺻﻠ¬ﺔ‬W‫ﻜﻮن ﻟﻬﺎ ﻣﻨﺤﻨ‬e ‫ﻤﻜﻦ أن‬e Abstract Shapes ‫ﺎل اﻟﻤﺠﺮدة‬0‫اﻻﺷ‬ There are those shapes which we cannot relate to reality known as abstract shapes. Abstract shapes are those that have a recognizable form but are not "real" in the same way that natural shapes are. These are the freeform shapes like spirals, and multi-dimensional shapes that have become popular in modern logo design. ُ.‫ﻄﻬﺎ |ﺎﻟﻮاﻗﻊ ﺗﻌﺮف |ﺎﻷﺷ~ﺎل اﻟﻤﺠﺮدة‬í‫ﻤﻜﻨﻨﺎ ر‬e ‫ﻫﻨﺎك أﺷ~ﺎل ﻻ‬ n\ o ‫®ﻘﺔ اﻟ‬ª‫ﺔ" ﺑﻨﻔﺲ اﻟﻄ‬W‫ﻘ‬W‫ﺴﺖ "ﺣﻘ‬û‫ﻨﻬﺎ ﻟ‬à‫ﻪ وﻟ‬W‫ﻤﻜﻦ اﻟﺘﻌﺮف ﻋﻠ‬e ‫ ﻟﻬﺎ ﺷ~ﻞ‬n\ o ‫ ﺗﻠﻚ اﻟ‬m \ ‫اﻷﺷ~ﺎل اﻟﻤﺠﺮدة‬.‫ﺔ‬W‫ﻌ‬W‫ﺗﻜﻮن ﺑﻬﺎ اﻷﺷ~ﺎل اﻟﻄﺒ‬ d ‫ﻢ‬W‫ ﺗﺼﻤ‬c\ ‫ أﺻ¬ﺤﺖ ﺷﺎﺋﻌﺔ‬n\ o ‫ اﻷﺷ~ﺎل اﻟﺤﺮة ﻣﺜﻞ اﻟﺤﻠﺰوﻧﺎت واﻷﺷ~ﺎل ﻣﺘﻌﺪدة اﻷ|ﻌﺎد اﻟ‬m \ ‫ﻫﺬە‬ ‫اﻟﺸﻌﺎرات اﻟﺤﺪﻳﺜﺔ‬ ‫ اﻟﻤﻠﻤﺲ‬Texture Texture is the surface quality or feel of an object. In graphic design, texture is generally only a visual thing, but it creates a physical illusion and it continues to play a leading role in the creation of all types of visual elements.. Texture is a powerful technique for creating compelling and impressive design projects, and using textures will vastly improve your designs..‫اﻟﻤﻠﻤﺲ ﻫﻮ ﺟﻮدة اﻟﺴﻄﺢ أو ﻣﻠﻤﺲ اﻟ—ﺎﺋﻦ‬ ‫ﺨﻠﻖ وﻫًﻤﺎ‬e ‫ﻨﻪ‬à‫ وﻟ‬،¶\ “ ‫«ء ﻣﺮ‬ » ‫ﻜﻮن اﻟﻤﻠﻤﺲ ﻋﻤﻮًﻣﺎ ﻣﺠﺮد‬e ،[W‫ﻢ اﻟﺠﺮاﻓ‬W‫ اﻟﺘﺼﻤ‬cd \ d \ d ً \.‫ﺔ‬W‫ اﻟﻤﺮﺋ‬l‫ إ’ﺸﺎء ﺟﻤﻴﻊ أﻧﻮاع اﻟﻌﻨﺎ‬c\ ‫ ﻟﻌﺐ دور راﺋﺪ‬c\ ‫ﺎ و”ﺴﺘﻤﺮ‬e‫ﻣﺎد‬ ،‫ﻢ ﻣﻘﻨﻌﺔ وﻣﺜ™©ة ﻟﻺﻋﺠﺎب‬W‫®ﺔ ﻹ’ﺸﺎء ﻣﺸﺎر®ـ ـﻊ ﺗﺼﻤ‬w‫ﺔ ﻗ‬W‫اﻟﻤﻠﻤﺲ ﻫﻮ ﺗﻘﻨ‬.©™‫ﺸ~ﻞ ﻛﺒ‬ÿ ‫ﻤﺎﺗﻚ‬W‫ﺤﺴﻦ ﺗﺼﻤ‬W‫واﺳﺘﺨﺪام اﻟﻤﻠﻤﺲ ﺳ‬

Use Quizgecko on...
Browser
Browser