تخطيط الصفحة

📅 آخر تحديث: ٢٢ يوليو ٢٠٢٦
✍️ نُشر في: ٢٢ يوليو ٢٠٢٦
📷 يحتوي على 2 صور
الموسوعة الحرة

تعتمد الإعلانات والأغلفة التي ترعاها المجلات الاستهلاكية بشكل كبير على مهارات تصميم الصفحات الاحترافية للتنافس على جذب الانتباه البصري.

في التصميم الجرافيكي ، يُقصد بتصميم الصفحة ترتيب العناصر المرئية على الصفحة . وهو يتضمن عمومًا مبادئ تنظيمية للتكوين لتحقيق أهداف تواصل محددة. [ 1 ]

يتضمن تصميم الصفحة عالي المستوى تحديد الترتيب العام للنصوص والصور، وربما حجم أو شكل الوسيط. تتطلب هذه القرارات ذكاءً وفهمًا وإبداعًا من المصمم، وتتأثر بالثقافة وعلم النفس، وما يرغب مؤلفو ومحررو الوثيقة في إيصاله والتأكيد عليه. أما ترقيم الصفحات وتنسيقها على المستوى الأدنى فهما عمليتان آليتان. فبوجود معايير محددة، مثل حدود مناطق النص ونوع الخط وحجمه، يمكن ضبط النص بسهولة. قبل انتشار النشر المكتبي، كان البشر يقومون بهذه العمليات، أما في النشر الحديث، فهي مؤتمتة في أغلب الأحيان . قد يُنشر الناتج كما هو (مثلاً، تصميم داخلي لدليل هاتف منزلي ) أو قد يُعدّله مصمم جرافيك (كما هو الحال في المطبوعات الفاخرة عالية الجودة).

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

قد يُستخدم مصطلح " أثاث الصفحة" للإشارة إلى العناصر الموجودة على الصفحة بخلاف النص الرئيسي والصور، مثل العناوين الرئيسية أو أسماء المؤلفين أو تعليقات الصور . [ 2 ]

تقنيات التاريخ والتصميم

ضبط الصفحة المادية المباشر

في المخطوطات ، تُضاف جميع العناصر يدويًا، لذا يمكن للمؤلف تحديد التخطيط مباشرةً أثناء إنشاء العمل، ربما باستخدام رسم تخطيطي متقدم كدليل. [ 3 ]

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

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

كانت الوثيقة الأصلية عبارة عن مخطوطة مكتوبة بخط اليد؛ وإذا قام شخص آخر غير مصمم الصفحات بتنضيدها، فسيتم إضافة علامات إلى المخطوطة تتضمن تعليمات حول نوع الخط وحجمه وما إلى ذلك. (حتى بعد أن بدأ المؤلفون باستخدام الآلات الكاتبة في ستينيات القرن التاسع عشر، ظلت النسخ الأصلية تُسمى "مخطوطات" وكانت عملية وضع العلامات هي نفسها).

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

أدى اختراع الطباعة المعدنية الساخنة عام ١٨٨٤ إلى تسريع عملية الطباعة، إذ مكّن العمال من إنتاج سطور نصية كاملة باستخدام لوحة المفاتيح. وكانت هذه السطور نتاج صب المعدن المنصهر في قوالب تُجمّع مؤقتًا بواسطة آلة الطباعة. مع ذلك، بقيت عملية التخطيط كما هي مع الطباعة المعدنية الباردة: التجميع في قوالب فعلية.

عصر الملصقات

يعمل المحررون على إنتاج عدد من مجلة بيلد ، عام 1977 في برلين الغربية . وتُلصق الصفحات الأولى السابقة على الحائط خلفهم.

تتيح الطباعة الحجرية الأوفست التحكم في موضع الحبر على آلة الطباعة من خلال المناطق المضيئة والمظلمة في الصورة (التي تُلتقط في البداية على فيلم). وهذا يعني أنه إذا أمكن إنشاء نسخة واحدة من الصفحة على الورق وتصويرها، فإنه يمكن طباعة أي عدد من النسخ. ويمكن ضبط الحروف باستخدام آلة كاتبة ، أو للحصول على نتائج احترافية تُضاهي الطباعة البارزة، باستخدام آلة ضبط حروف متخصصة. فعلى سبيل المثال، يمكن لآلة IBM Selectric Composer إنتاج حروف بأحجام وخطوط مختلفة (بما في ذلك الخطوط النسبية )، مع ضبط محاذاة النص . وباستخدام تقنيتي الحفر الضوئي والطباعة النصفية ، يمكن نقل الصور الفوتوغرافية المادية إلى الطباعة مباشرةً، بدلاً من الاعتماد على النقوش اليدوية.

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

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

النشر بمساعدة الحاسوب

مع تطور القدرات الرسومية للحواسيب، بدأ استخدامها لعرض الأحرف والأعمدة والصفحات، وحتى التوقيعات متعددة الصفحات ، مباشرةً، بدلاً من مجرد استدعاء قالب فوتوغرافي من مجموعة مُجهزة مسبقًا. بالإضافة إلى استخدامها كشاشات عرض لمشغلي الحواسيب، استُخدمت أنابيب أشعة الكاثود لعرض النصوص في الطباعة الضوئية. إلا أن انحناء شاشة أنبوب أشعة الكاثود أدى إلى تشوهات في النصوص والرسومات على الشاشة عند حوافها الخارجية. وقد قضى ظهور شاشات العرض المسطحة (LCD وLED، ومؤخرًا OLED) في عام 1997 على مشاكل التشوه التي كانت تُسببها شاشات أنبوب أشعة الكاثود القديمة. اعتبارًا من عام 2016،حلت شاشات العرض المسطحة محل شاشات CRT بشكل شبه كامل. [ 4 ]

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

باستخدام برامج النشر المكتبي الحديثة ، مثل برنامج Adobe InDesign الرائد [ 5 ] وبرنامج Marq السحابي [ 6 ]، يُمكن إتمام عملية التخطيط بالكامل على الشاشة. (تدعم برامج النشر المكتبي خيارات تخطيط مماثلة لتلك المتاحة في المطابع الاحترافية التي تُجري عملية التجميع؛ في المقابل، عادةً ما توفر برامج معالجة النصوص مجموعة محدودة من خيارات التخطيط والطباعة، مُضحيةً بالمرونة مقابل سهولة الاستخدام في التطبيقات الشائعة). يُمكن طباعة المستند النهائي مباشرةً كنسخة جاهزة للطباعة، دون الحاجة إلى أي تجميع مادي (في حال توفر طابعة كبيرة بما يكفي). يجب تحويل الصور الرمادية إلى صور نصفية رقميًا إذا كانت ستُرسل إلى مطبعة أوفست، أو إرسالها بشكل منفصل إلى المطبعة لإدراجها في المناطق المحددة. كما يُمكن إرسال الأعمال المكتملة رقميًا إلى المطبعة، التي يُمكنها طباعتها بنفسها، أو تصويرها مباشرةً على فيلم، أو استخدام تقنية الطباعة الرقمية على الألواح لتجنب الحاجة إلى النسخة الأصلية المادية تمامًا. وقد أصبح كل من PostScript و PDF من تنسيقات الملفات القياسية للإرسال الرقمي.

الوسائط الرقمية (غير الورقية)

منذ ظهور الحوسبة الشخصية ، توسعت مهارات تصميم الصفحات لتشمل الوسائط الإلكترونية بالإضافة إلى الوسائط المطبوعة. تُحاكي الكتب الإلكترونية وملفات PDF وصفحات الويب الثابتة المستندات الورقية بشكل كبير، ولكن يمكن لأجهزة الكمبيوتر أيضًا إضافة الرسوم المتحركة والوسائط المتعددة والتفاعلية. يتداخل تصميم صفحات الوسائط التفاعلية مع تصميم واجهة المستخدم وتجربة المستخدم ؛ وتُعرف "الصفحة" التفاعلية باسم واجهة المستخدم الرسومية (GUI).

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

تصميم صفحة الويب

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

يعتمد تصميم صفحات الويب الحديثة على تقنيات مثل CSS Flexbox وCSS Grid، التي توفر مرونة أكبر وبنية دلالية. [ 8 ] [ 9 ] تدعم هذه التقنيات تصميم الويب المتجاوب، مما يسمح للتصميمات بالتكيف مع مختلف الأجهزة وأحجام الشاشات. [ 10 ]

غالباً ما تُركز إرشادات تصميم التخطيطات الرقمية على سهولة الاستخدام وإمكانية الوصول. فعلى سبيل المثال، يُوصي اتحاد شبكة الويب العالمية (W3C) بالحفاظ على وضوح التنقل والتسلسل الهرمي المرئي لدعم سهولة القراءة وإمكانية الوصول. [ 11 ] وتُطبق أُطر العمل الشائعة، مثل Bootstrap، هذه المبادئ عملياً على نطاق واسع من مواقع الويب. [ 12 ]

الصفحات المتوقعة

غالباً ما تتشابه اعتبارات تصميم الشرائح المعروضة في العروض التقديمية أو الترفيهية مع اعتبارات تصميم الصفحات المطبوعة.

استُخدم الفانوس السحري وجهاز العرض المعتم خلال المحاضرات في القرن التاسع عشر، باستخدام مواد أصلية مطبوعة أو مكتوبة أو مصورة أو مرسومة يدويًا. ويمكن استخدام مجموعتين من أفلام التصوير ( واحدة سلبية وأخرى إيجابية) أو فيلم عكسي واحد لإنشاء صور إيجابية تُعرض بمرور الضوء من خلالها. وكانت العناوين الفرعية تُستخدم بكثرة في الأفلام الأولى عندما لم يكن الصوت متوفرًا؛ ولا تزال تُستخدم أحيانًا بالإضافة إلى بطاقات التعريف وأسماء المشاركين المنتشرة في كل مكان .

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

يُمثل تصميم العرض التقديمي تحديات مختلفة قليلاً عن تصميم المستندات المطبوعة، خاصةً وأن الشخص سيتحدث عادةً ويشير إلى الصفحات المعروضة. ويمكن مراعاة ما يلي:

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

الشبكات مقابل القوالب

تُعد الشبكات والقوالب أنماط تصميم تخطيط الصفحات المستخدمة في الحملات الإعلانية والمنشورات متعددة الصفحات، بما في ذلك مواقع الويب.

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

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

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

التخطيطات الثابتة مقابل التخطيطات الديناميكية

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

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

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

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

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

الواجهة الأمامية مقابل الواجهة الخلفية

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

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

عناصر التصميم وخياراته

قد يُحدد تصميم الصفحة بدرجة أو بأخرى من خلال نمط دار النشر، والذي يمكن تطبيقه في قالب نشر مكتبي مُحدد. وقد يكون التصميم المطلوب بسيطًا نسبيًا مقارنةً بعدد الصفحات (كما هو الحال في الروايات والكتب الأخرى التي لا تحتوي على رسومات توضيحية).

تشمل قرارات تصميم الصفحة النموذجية ما يلي:

قد تتضمن العناصر المحددة التي سيتم وضعها ما يلي:

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

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

كتلة عائمة

في الكتابة والنشر، تُعرف الفقرة العائمة بأنها أي رسم بياني أو نص أو جدول أو أي تمثيل آخر غير مُحاذٍ للسياق الرئيسي للنص. ويُعد استخدام الفقرات العائمة لعرض الصور والجداول سمةً شائعةً في الكتابة الأكاديمية والتقنية ، بما في ذلك المقالات والكتب العلمية. وعادةً ما تُسمى الفقرات العائمة بعنوان أو شرح يصف محتواها، ورقم يُستخدم للإشارة إلى الشكل من النص الرئيسي. ويقسم نظام شائع الفقرات العائمة إلى سلسلتين مرقمتين بشكل منفصل، تُسميان " شكل" (للصور والرسوم البيانية والمخططات ، إلخ) و "جدول" . ويُطلق على الشكل أيضًا اسم "صورة" أو "رسم بياني" .

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

على سبيل المثال، قد تحتوي مقالة في الجغرافيا على "الشكل 1: خريطة العالم"، و"الشكل 2: خريطة أوروبا"، و"الجدول 1: عدد سكان القارات"، و"الجدول 2: عدد سكان الدول الأوروبية"، وهكذا. وتحتوي بعض الكتب على جدول للرسوم البيانية - بالإضافة إلى جدول المحتويات - يسرد جميع الرسوم البيانية الواردة في العمل بشكل مركزي.

يمكن التمييز بين أنواع أخرى من الكتل العائمة أيضًا، على سبيل المثال:

الهوامش الجانبية: [ 14 ] تُستخدم لعرض معلومات إضافية خارجة عن الموضوع الرئيسي. على سبيل المثال، قد يتضمن دليل فني لاستخدام منتج ما أمثلةً لكيفية استخدام أشخاص مختلفين لهذا المنتج في أعمالهم ضمن الهوامش الجانبية. تُسمى أيضًا فاصلًا دراسيًا . انظر: الهوامش الجانبية (في مجال النشر) .
البرنامج: غالبًا ما تضع المقالات والكتب المتعلقة ببرمجة الكمبيوتر التعليمات البرمجية والخوارزميات في شكل توضيحي.
معادلة: قد تتضمن الكتابة عن الرياضيات وضع كتل كبيرة من الرموز الرياضية في كتل مرقمة منفصلة عن النص الرئيسي.

عرض التصاميم قيد التطوير

قد يتم إنشاء نموذج أولي للتصميم للحصول على ملاحظات مبكرة، عادةً قبل اكتمال المحتوى. سواءً كان التصميم مطبوعًا على ورق أو إلكترونيًا، قد تكون المسودة الأولى مجرد رسم تخطيطي أولي على الورق والقلم. قد يُظهر التصميم الشامل لمجلة جديدة أماكن مخصصة للنصوص والصور، مع توضيح أماكن وضعها، ونمط الطباعة، وغيرها من العناصر التي تهدف إلى وضع نموذج للإصدارات الفعلية أو لإصدار غير مكتمل. يُعدّ مخطط الموقع الإلكتروني طريقة منخفضة التكلفة لعرض التصميم دون الحاجة إلى القيام بكل أعمال إنشاء أكواد HTML وCSS النهائية، ودون كتابة المحتوى أو إنشاء أي صور.

يُستخدم نص لوريم إيبسوم غالبًا لتجنب الإحراج الذي قد يسببه أي نص تجريبي مرتجل في حال نشره عن طريق الخطأ. وبالمثل، غالبًا ما تُصنّف الصور البديلة على أنها " للعرض فقط ".

انظر أيضاً

مراجع

  1. ↑ أوكونور، زد (2014). عناصر ومبادئ التصميم: أدوات للتصوير الرقمي والفن والتصميم .
  2. ↑ ريبانز، إليزابيث (31 يناير 2023). "مخاطر استخدام المصطلحات الصحفية خارج غرفة الأخبار" . صحيفة الغارديان . تم الاطلاع عليه بتاريخ 25 يونيو 2023 .
  3. ↑ فيليب بوبيشون، Le Lexicon  : Mise en page et mise en texte des manuscrits hébreux، اليونانيين، اللاتينيين، الرومان والعرب ، باريس، Aedilis، 2008.
  4. ↑ شاشة مسطحة
  5. ↑ "اشترِ Adobe InDesign CC - برنامج النشر المكتبي والنشر الإلكتروني " . www.adobe.com
  6. ↑ "برنامج مجاني لتصميم الصفحات" . marq.com . 26 مايو 2015.
  7. ↑ موسيانو، تشاك؛ كينيدي، بيل (2002). HTML وXHTML: الدليل الشامل . دار نشر أورايلي ميديا.
  8. ↑ وثائق MDN على الويب – CSS Flexbox
  9. ↑ وثائق MDN على الويب – شبكة CSS
  10. ↑ إيثان ماركوت، "تصميم مواقع الويب المتجاوبة"، *A List Apart* (2010)
  11. ↑ إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) 2.2 الصادرة عن اتحاد شبكة الويب العالمية (W3C)
  12. ↑ وثائق Bootstrap – التخطيط
  13. ↑ منظورات جديدة حول جافا سكريبت و AJAX، شاملة . ص. VS-B2.
  14. ↑ كتاب Sams Teach Yourself Dreamweaver CS5 in 24 Hours . صفحة 406.