معايير تصاميم الهيدر header design || العدد الخامس Bd2e48dc2ef44ff58f74f18369371e007f888445r1-1280-1280v2_hq

السلام عليڪم ورحمة الله وبرڪـاته
ڪيف حالڪم يا حـلويـن
أعضاء منتدى ثورة القراصنة الاعـزاء
اتمنى أن تڪونوا بصـحـة و؏ـافيـة
؏ـدت الـيڪـم من جديد
لـاعـرض لڪم العدد الخـامس من تصاميمي
آمل أن تحـوز على اعجابڪم معايير تصاميم الهيدر header design || العدد الخامس White_medium_small_square معايير تصاميم الهيدر header design || العدد الخامس Stars

معايير تصاميم الهيدر header design || العدد الخامس 286bc3d599b9340e4de0bbea77fada856f67f5f3r1-800-270_hq

في هذا العدد .. ؟
سـارڪز ؏ـلى نوع محدد من التصاميم وهـوا ::.
× الـهيـدر ×
وسيڪـون الشڪـل الأساسي لهذا التصميم أفقياً مع أنماط مختلفة لكل تصميم
وبعد العرض للتصاميم سأذڪـر لڪم معايير هذا النوع من التصاميم
بتفصيل منـاسب أن شاء الله


.

معايير تصاميم الهيدر header design || العدد الخامس E71d1c5f5a8081aa99af8b277f822ddb1b628fe2r1-1600-639_hq

نبدأ بعـرض الـتصاميـم

°× العرض الأول ×°

معايير تصاميم الهيدر header design || العدد الخامس A27d1c9f2a2db68660bec9e0d1644cad6dc3c2ddr1-1280-454v2_hq

أسم الأنمي :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجهول (الظاهر آلات وكذا)
اسم الشخصية :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجهول
مدة التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ 14 دقـيقـة تقـريبـاً
تطبيق التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬. PicsArt +PixelLab
نـوع التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ هـيـدر

.
°× العرض الثـاني ×°

معايير تصاميم الهيدر header design || العدد الخامس A772c6d3a62375cd21bb22047e8e5b39dbe7108er1-1200-375v2_hq
أسم الأنمي :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجهول
اسم الشخصيات :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجهول
مدة التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ 15 دقيقة
تطبيق التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬. PicsArt + PixelLab
نـوع التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ هيدر

.
°× العرض الثـالث ×°

معايير تصاميم الهيدر header design || العدد الخامس Af9c8e45e3aecdf7fcf222d6055f2aff88b8fa3cr1-1200-630v2_hq

أسم الأنمي :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجهول
اسم الشخصية :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ شاو
مدة التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ 15 دقيقة
تطبيق التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ PicsArt + PixelLab
نـوع التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ هيـدر

.
°× العرض الـرابـع ×°

معايير تصاميم الهيدر header design || العدد الخامس D8dc17d95ad344f12d5f030a6c5d4a641ad11210r1-1280-400v2_hq

أسم الأنمي :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجهول
اسم الشخصية :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجهول
مدة التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ 15 دقيقة
تطبيق التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ PicsArt + PixelLab
نـوع التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ هيدر

.
°× العرض الخـامس ×°

معايير تصاميم الهيدر header design || العدد الخامس 312e64ebd4f2a12a56c42f6d5b2bae64cf473870r1-1280-475v2_hq

أسم الأنمي :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ ناروتو
اسم الشخصية :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ شيسوي
مدة التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ 20 دقيقة
تطبيق التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬. PicsArt + PixelLab
نـوع التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ هيدر

.
°× العرض السـادس ×°

معايير تصاميم الهيدر header design || العدد الخامس 96dc6a05623ec35e6fd5dfe1298d76054f43d322r1-1900-634v2_hq

أسم الشخصية :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجـهـول
اسم الأنمي :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجـهـول
مدة التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ 22 دقيقة
تطبيق التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬. PicsArt + PixelLab
نـوع التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ هيدر

.

°× العرض السـابع ×°

معايير تصاميم الهيدر header design || العدد الخامس B22dfa2767e574385b5dfc4263ce3b79f1c619e9r1-1600-903v2_hq

أسم الشخصية :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجـهـول
اسم الأنمي :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ مجـهـول
مدة التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ 22 دقيقة
تطبيق التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬. PicsArt + PixelLab
نـوع التصميم :: « معايير تصاميم الهيدر header design || العدد الخامس Black_medium_small_square ¬ هـيـدر

.
معايير تصاميم الهيدر header design || العدد الخامس 1d9d248ff22fda37201d67619910d90adecc54b3r1-1600-639_hq

ꜜ معـاييـر ودروس العدد ꜜ
.::في هذه الفقرة سنتحدث عن نوع من أنواع التصميم وهوا ::.
¯°الـهـيـدر°¯

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

معايير تصاميم الهيدر header design || العدد الخامس Aa6c9cb59cade6565937dfe721a4f2f669999709r1-1200-300_hq

هنا استعرض مقاسات التصميم لهذا النوع وهي كالآتي :.
اولا تصبيقات السوشالميديا

معايير تصاميم الهيدر header design || العدد الخامس 5fb93c4ddc4c07aad79cf857118f63a82464c79dr1-681-337v2_hq

ستجد جميع قياسات هيدر التواصل الاجتماعي (سوشل ميديا)


كما ترون أعلاه، ولاكن هذي القياسات تخص (السوشل ميديا )

وبالنسبة للمواقع (الويبسايد)
يكون القياس محدد نسبياً في العرض اي الأفقي
حيث يكون متساوي مع قياس العرض للموقع، وعادةً يكون قياس العرض بين (930 أو 954)
ويكون حراً في الطول على أن لايكون مبالغ فيه، والافضل جعل التصميم قريباً إلى الأفقية
وبحيث تكتمل فكرة القياس وهي كالآتي :.
معايير تصاميم الهيدر header design || العدد الخامس 76e25b09fd10e53973d895c2866c0485dbc5a165r1-954-450v2_hq

العرض هنا : 954 بكسل والطول : 450 بكسل
اخترت النمط الأفقي من أجل تناسق الفكرة للعدد

دعونا نستعرض فكرة الطول الحر وهي كالآتي :.
.
معايير تصاميم الهيدر header design || العدد الخامس 1536f66c50521c673872cb64dbbce537f4f4a4d3r1-954-810v2_hq

كما ترون العرض 954 بكسل والطول حرر ولاكن لم يكن مبالغ فية الا ان القياس للهيدر في العرض بقي ثابتاً.

الشكل الهندسي الذي يصمم أسفل التصميم الهيدر، ذلك لأجل التناسق بين الهيدر والخلفية وان يكون الشكل لطقم التصميم جذاب ومتناسق من جميع النواحي
.
معايير تصاميم الهيدر header design || العدد الخامس C16bdd4937def73255ed887d4ae015a74968c0eer1-1200-300_hq

- وبالنسبة لإختيار الرندر (الشخصية المدمجة) فهي حرة الاختيار
سواءً كانت واحدة أو متعددة، (أنثى ام ذكر) (انمي أو مانغا) (خيالاً أو واقع) فلأباس بذلك

على أن تكون الرندرات تتناسق مع محتوى المنشور وذلك في المواقع الإلكترونية (الويب سايد)، كالتي تقوم عزيزي القارئ بتحميل الانمي أو الأفلام منها.

معايير تصاميم الهيدر header design || العدد الخامس Feecafa4dbe71ca01fce534661277670d65d8244r1-1200-300_hq
- ثـالثـاً الشكل والترتيب ::.
ترتيب الملحقات وتناسق الشكل والخط مع التصميم يكون حر للمصمم/ه
على عكس القياس اي انك عزيزي المصمم / ه لست مقييد على نمط محدد
شرطاً أن لا يخرج عن مبادئ التصميم الرئيسية

والان سنرى كيف يكون شكل التصميم متناسق مع الخلفية في مواقع الويب
______
ꜜ ꜜ ꜜ ꜜ ꜜ

معايير تصاميم الهيدر header design || العدد الخامس A8eeb3bddc9edd532ace71aae64e6f5d841b96d9r1-800-1280v2_hq
هنا قام المصمم باختيار أسفل الهيدر نمط أبيض وذلك لأجل تناسق الخلفية والهيدر بشكل تمام

معايير تصاميم الهيدر header design || العدد الخامس 85a5c630778e5a3f86a4c34e1b7aab4d23226cbcr1-800-1280v2_hq
وهنا اختار اللون الأزرق لكي تتناسق الفكرة التصميم بين الهيدر والخلفية

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

بالنسبة لدرس تصميم الهيدر، أظن أن لا حاجة لذلك
لأن النوع هذا لايقييد بفكرة محددة وانما القياسات هي الأساس

.
معايير تصاميم الهيدر header design || العدد الخامس 19e3a298d2b2248a6ef9a54af9002e2cd83d07f0r1-1600-639_hq

ختـاماً

هنا اڪون قد وصلـت وياڪم إلى نهاية العدد
اتمـنى يڪون العدد قد نال اعجــابـڪـم
إن كان لديڪم اي إستفسار ارجوا ڪتابتها في التعليق
نلقـاڪـم في العدد القادم ان شاء الله
دمتم بـر؏ــاية الله