You are currently viewing عناصر التصميم الجرافي – الخط

عناصر التصميم الجرافي – الخط

عناصر التصميم الجرافي – الخط

ذكرنا سابقا ان جزء الجرافيك من “التصميم الجرافي” هو عباره عن عناصر مرئيه, والتي تمثل وحدات البناء لاي تصميم, وذكرنا ان عناصر التصميم الاساسيه تتضمن: خط, لون, شكل, ملمس, فراغ, فن الكتابه.
مهما كان نوع الفن الذي تريد انتاجه سواء كان مجلة او موقع إلكتروني أو إعلان, فستلعب هذه العناصر المرئية دوراً في تصميمك.

العنصر المرئي الأساسي الأول الذي سنناقشه هو “الخط”:

الخط يعد اكثر العناصر بساطه ولكن لا يجب الاستهانة به, فرغم بساطة الخطوط لكنها من اكثر العناصر تنوعا وتغيرا في الشكل ولها استخدامات حاسمه في التصميم، فالخطوط يمكن أن تكون مستقيمة، منحنية أو سميكة أو رقيقة أو صلبة أو متقطعة، يمكن استخدامها ايضا لإضافة بنية للتصميم او كاطار للمعلومات اولتقسيمها.

الاستخدام السليم للخطوط يمكن ان يمنح التصميم المزيد من الاناقه او في تكوين تسلسل هرمي وتوجه العين إلى نقطة محددة، يمكن استخدام ما يسمى بشكل الخط او ((type للتأكيد على كلمة ما أو فقرة، يمكن استخدام الخطوط لتزيين وتوضيح وتمثيل المعلومات في تصميم انفوغرافيك او رسم بياني، إذا فكرنا في المجلات والصحف والخرائط فهم من أكثر المجالات في استخدام الخط كعنصر مرئي لأنه يعمل بشكل جيد للغاية في بنية المعلومات.

فيما يلي بعض الخطوط الأفقية البسيطة:

الخط يمكن ان يصنع باكثر من جرة قلم واحده او من خط واحد متصل، فيمكن ان يصنع من عدد من النقط او الشرط كما بالشكل.
من اجل التبسيط والتركيز على الفكرة، هذه بعض الامثله بالابيض و الاسود عن كيفيه استخدام الخط في التصميم:

في هذا تصميم هذا الرسم البياني تم استخدام الخطوط لاعطاء فكرة:
هذا مخطط شجرة بسيط تم استخدام خطوط فيه بظلال مختله, وحتى الرسوم فيه تم استخدام خطوط بسيطه لتكوينها.
هذا مخطط شجرة بسيط تم استخدام خطوط فيه بظلال مختله, وحتى الرسوم فيه تم استخدام خطوط بسيطه لتكوينها.
هذا مثال على التايبوغرافيا او typography, وهنا تم استخدام الخطوط كحواجز بين الكلمات ولتوجيه الانتباه لكلمة معينه.
هذا مثال على التايبوغرافيا او typography, وهنا تم استخدام الخطوط كحواجز بين الكلمات ولتوجيه الانتباه لكلمة معينه.

 

في هذا المثال تم استخدام الخطوط كحدود، وقد تم استخدام نوعين من الخطوط، سميك، ورفيع
في هذا المثال تم استخدام الخطوط كحدود، وقد تم استخدام نوعين من الخطوط، سميك، ورفيع

في هذا المثال تم استخدام الخطوط كحدود، وقد تم استخدام نوعين من الخطوط، سميك، ورفيع، نوع الخط الذي تستخدمه مع باقي العناصر الأخرى يمكن ان يحدد الشكل والمظهر لتصميمك، في هذا التصميم يوجد ايحاء بالاناقه، لاحظ كيف يقوم الخط بتقسيم المعلومات باناقه وبساطه.

في هذا المثال تستخدم الخطوط كعنصر غالب في تكوين التصميم، ولكن في نفس الوقت للتزين، هذه صفحه بسيطه لفهرس، تتكون من خط عريض غامق اللون يقسم الصفحه راسيا، وعدد من الخطوط الرفيعه الراسيه، الخطوط الراسيه تتقاطع مع الخط الراسي في نفس الوقت الذي يتغير لونهم فيه, مما يخلق شبكة لوضع عنصر التايبوغرافيا فيه، لاحظ كيف تقوم الخطوط هنا بتحديد شكل التصميم وتحديد مكان العنصر المئي الاخر.
في هذا المثال تستخدم الخطوط كعنصر غالب في تكوين التصميم، ولكن في نفس الوقت للتزين، هذه صفحه بسيطه لفهرس، تتكون من خط عريض غامق اللون يقسم الصفحه راسيا، وعدد من الخطوط الرفيعه الراسيه، الخطوط الراسيه تتقاطع مع الخط الراسي في نفس الوقت الذي يتغير لونهم فيه, مما يخلق شبكة لوضع عنصر التايبوغرافيا فيه، لاحظ كيف تقوم الخطوط هنا بتحديد شكل التصميم وتحديد مكان العنصر المئي الاخر.

 

هنا يتم استخدام الخطوط في بناء التصميم والتزيين بصورة بسيطه وانيقه، تقوم الخطوط هنا بتشكيل الحد الذي يشكل ايطار المقولة، وخط مرسوم عموديا ليشكل قاعده للتايبوغرافيا المقابله له، رغم ان الخطوط هنا باللون الابيض والاسود فقط الا انها يمكن ان تعطي لونا للتصميم.
هنا يتم استخدام الخطوط في بناء التصميم والتزيين بصورة بسيطه وانيقه، تقوم الخطوط هنا بتشكيل الحد الذي يشكل ايطار المقولة، وخط مرسوم عموديا ليشكل قاعده للتايبوغرافيا المقابله له، رغم ان الخطوط هنا باللون الابيض والاسود فقط الا انها يمكن ان تعطي لونا للتصميم.

 

مثال اخر لتوضيح كيف يمكن للخط ان يقسم المعلومات في الصحف والمجلات وغيره، تصميم الصحف يمكن ان يكون معقد جدا كمنصات اعلامية مليئه بالمعلومات، في هذا المثال يمكن ان نري كيف يمكن للخطوط ان تلعب دورا في تقسيم وتزيين المعلومات، في الاعلى نري الخطوط تفصل ذلك القسم من قسم المقال أدناه، في هذا القسم لدينا أيضًا خطوط صغيرة كتفاصيل مستخدمة للتزيين.
مثال اخر لتوضيح كيف يمكن للخط ان يقسم المعلومات في الصحف والمجلات وغيره، تصميم الصحف يمكن ان يكون معقد جدا كمنصات اعلامية مليئه بالمعلومات، في هذا المثال يمكن ان نري كيف يمكن للخطوط ان تلعب دورا في تقسيم وتزيين المعلومات، في الاعلى نري الخطوط تفصل ذلك القسم من قسم المقال أدناه، في هذا القسم لدينا أيضًا خطوط صغيرة كتفاصيل مستخدمة للتزيين.

 

تذكر ان الخطوط لا يجب ان تكون دائما مصنوعه من ضربة قلم من لون محدد كما هو متعارف عليه، الخط يمكن ان يكون من لون مناقض للون الصفحه، في المقالة أدناه لدينا صورة كبيرة، على الرغم من عدم وجود حد معين يخلق خط حولها، الا ان اللون الموجود حول الصورة يخلق خطا يحددها.

تحتها نجد الجزء الرئيسي للمقال، فيه نجد رسم تخطيطي مرسوم من خطوط، وخطوط توضيحيه مثل الداياجرام او المخططات مثل ذلك الموجود اسفل الصفحه، ومقولات, وتذييلات.

في اخر مثال هنا نستعرض كيف يمكن للخطوط ان تستخدم في عمل زخرفة ،وملمس وهيكل على صفحة:

في البداية نلاحظ الخطوط المرسومه في الاسفل والاعلى منها ما رسم تقليديا ومنها ما رسم باستخدام خطوط صغيره منفصله، ونلاحظ ايضا ان بين هذه الخطوط المرسومه هناك خطوط كونت من الفراغ بينها.
لدينا هنا ايضا ثلاثة أعمدة من التايبوغرافيا ولكن نرى ان العمود الثالث قد كسر المحاذاة ليتناسب في الفراغ ,خالقا بذلك تصميم جذاب وحركي.

هناك العديد من الطرق يمكن ان يستخدم الخط بها في التصميم، وما هذه الا القليل من الامثله لتجعلك تلاحظ كيفيه استخدام الخطوط عندما تنظر الى تصميمات غيرك في المستقبل.

كتابة: ضحى عماد، إعداد: جميل جدعون