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

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

لنعد إلى عملية إنشاء المستند ولنرى كيف تم إنتاج نمط تخطيط الشبكة الأولي. وأنا أتمنى أن تساعدك التقنيات المستخدمة لإنتاج سيرة ذاتية خاصة بك إضافة إلى تصاميم جرافيكية أخرى.

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

اذهب إلى القائمة:

Layout > Margins and Columns

أنشئ 5 أعمدة بهامش 5مم.

اذهب إلى خيارات إن ديزاين وانظر في قسم الأدلّة Grids. وبما أن التصميم المخطط يعتمد على اللون السماوي كثيرًا فسيكون من المفيد تغيير اللون الأزرق لخطوط الأدلة. اختر لونًا كالرمادي الفاتح. وأيضًا غيّر الهامش العلوي إلى 0 مم وزِد باقي الهوامش إلى 13 pt وألغِ تحديد الأدلّة في الخيار الخلفي.

تأكّد من أن جميع الأدلّة ظاهرة من القائمة:

View > Grids and Guides

والآن الصفحة جاهزة ليتم وضع جميع العناصر بداخلها بدقة ضمن خطوط الشبكة المنظمة.

استخدم أداة الإطار المستطيل Rectangle Frame Tool لرسم مستطيل في الزاوية العلوية اليمنى ومع تفعيل خيار المحاذاة والمطابقة إلى الأدلة فإن الشكل سيكون ضمن خطوط الأدلة بدقة. لوّن هذا المستطيل باللون السماوي 100%.

أنشئ منطقة كتابة نص باستخدام أداة النص واكتب اسمك. هنا اخترنا اسم الشخصية الخيالية Steven Stevenson مع كافة التفاصيل المتعلقة به.

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

Object > Fitting > Fit Frame to Content

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

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

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

اضبط النص عبر ضبط نوعية الخط ووضعه في حجم 10 pt والعناوين بحجم 13pt مع مطابقة خطوط الأدلة. واضبط المسافة البادئة قبل كل قسم من أقسام النص لتوضيح مجال المعلومات الذي يلي هذه البادئة ومستواه.

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

اضبط العناوين الفرعية أيضًا لتطوير تسلسل هرمي واضح للنص. العناوين الرئيسية في أعلى الصفحة بارزة بسبب أحجامها وألوان خلفيتها النابضة بالحياة. يتم عرض المعلومات الثانوية تحت عناوين متوسطة الحجم ملوّنة باللون الأزرق. المستوى التالي من المعلومات موضوع تحت عناوين بخط عريض مع لون أسود أخف 80% وأخيرًا النص الأساسي يستخدم خطًّا أسود بحجم 10pt.

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

غيّر لون النص إلى الأبيض وحاذِه إلى مركز المستطيل وليس إلى خطوط الأدلة. لاحظ كيف توضّعت العناصر ضمن ذات خطوط الأدلة.

أدخل باقي التفاصيل وحاذِها بالشكل المناسب.

أضِف باقي المعلومات إلى ما تبقّى من العمودين. استخدم ذات نمط النص والتسلسل الهرمي البصري للعناوين الرئيسية والفرعية.

حدّد حزمة عناصر قائمة ثم اذهب إلى القائمة:

Type > Bulleted & Numbered Lists > Apply Bullets

هذا سيضيف نقاطًا بشكل آلي إلى كل سطر.

أبقِ على نص القائمة محدّدًا ثم اذهب إلى القائمة:

Type > Bulleted & Numbered Lists > Convert Bullets to Text

يمكننا الآن أن نقوم بتحديد كل نقطة ضمن القائمة وتغيير لونها إلى السماوي لإضافة المزيد من التحسينات البصرية على تصميم الصفحة.

أنهِ تصميم الصفحة عبر وضع مستطيل أزرق سماوي أسفل الصفحة بحجم 210x2 مم.

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

عند النظر إليها بدون خطوط الأدلة سيبدو التصميم رائعًا مع المحتوى الذي تمت محاذاته والمظهر المنظم. قم بتصدير هذا الملف إلى ملف PDF.

ترجمة -وبتصرّف- للمقال: Create a Grid Based Resume CV Layout in InDesign  لصاحبه: Chris Spooner.

تعلمنا في الدرس الماضي بعض تقنيات التحكم في الجداول على Adobe InDesign وتوزيع أجزائها مع بعض الخصائص الأخرى والآن سنتعلم بشكل عملي كيفية إنشاء جدول متكامل الخصائص في برنامج إن ديزاين.

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

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

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

افتح برنامج إن ديزاين وأنشئ مستندًا جديدًا بحجم ورقة A4 واجعل العمل أفقيًّا وليس عموديًّا وذلك لأننا سنكتب المواصفات بشكل أعمدة وأنواع الهواتف بشكل أفقي وبما أن عدد المواصفات أكبر فإنني اخترت أن يكون تخطيط العمل أفقيًّا. وبما أن كمّ المعلومات كبير فسوف نخفّف من الهوامش لذلك اجعلها 5mm على كل جانب.

أنشئ جدولًا جديدًا من القائمة:

Table > Create Table

أو من الاختصار Ctrl+Alt+Shift+T

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

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

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

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

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

دمجنا هنا ثلاث صفوف من الخلية العمودية الأولى وذلك لأنني خططتُ لإدراج تصنيفين من المواصفات وصفًّا لرموز المواصفات.

وفي الخطوة التالية سنقوم بدمج الخلايا الأفقية الثلاثة الموجودة ضمن الأعمدة التالية للعمود الأول وذلك لأنني سأضع فيها تصنيفًا رئيسيًا وهو الشبكات وتتألف من ثلاثة تصنيفات فرعية وهي GSM ،GPRS و EDGE.

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

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

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

Cell Options > Rows & Columns

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

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

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

ومن أولى خطوات التنسيق ستكون تنسيق الجدول والنص ويمكننا الحصول على نافذة أدوات الجدول من قائمة Windows أو من سنجدها تلقائيًّا في شريط الأدوات العلوي بمجرد العمل على الجدول أو على النصوص داخل الجدول.

1. عدد الصفوف.
2. عدد الأعمدة.
3. ارتفاع الصف.
4. عرض العمود.
5. اتجاه الجدول إما من اليسار لليمين أو بالعكس.
6. محاذاة النص أفقيًّا داخل الخلية أو الصف.
7. اتجاه النص أفقي أو عمودي أو بالمقلوب.
8. المسافة الداخلية الفاصلة بين حدود الخلية والنص.

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

والآن سننتقل إلى تنسيق ألوان الخلايا. حدّد الخلايا المطلوب تعديل ألوانها، وهنا حدّدنا العمود الأول لكي نعدّل لون النص فيها، ثم افتح نافذة الحوامل Swatches، وستجد في الأعلى حرف T وبجانبه مربع صغير، فإذا أردنا تعديل ألوان الخلية اخترنا المربع الصغير، وبما أننا نريد تعديل لون النص فسنختار حرف T.

ولاختيار ألوان جديدة من غير الموجودة في لوحة الحوامل الحالية، اضغط على زر القائمة الصغير الموجود في زاوية لوحة الحوامل، ثم اختر New Color Swatch لكي نختار اللون الجديد.

في نافذة اختيار اللون الجديد سنضغط على الخيار Color Mode لاختيار نمط الألوان. اخترتُ هنا أحد أنماط PANTONE المعروفة. وبالتحديد PANTONE 306 C ثم اضغط OK وسيصبح هذا اللون أحد ألوان ضمن لوحة الحوامل.

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

ويمكننا تعديل تنسيق الخلايا أو الصفوف أو الأعمدة بكاملها من خلال شريط الأدوات العلوي أو من خلال خصائص حدود وتعبئة الخلايا أما شريط الأدوات العلوي فيحوي على:

1. لون تعبئة الخلية.
2. لون حدود الخلية.
3. حجم حدود الخلية.
4. تنسيق حدود الخلية.
5. تحديد الحدود الداخلية والخارجية التي سينطبق عليها التنسيق.

وبعد القيام بتنسيق الخلايا من خلال تغيير ألوان الحدود وتعبئة خلايا الصفوف الأولى سيبدو الجدول على الشكل التالي:

لوّن الصف الثالث باللون البرتقالي PANTONE Orange 021 C. سنضع لاحقًا رموز المواصفات في هذا الصف وستكون باللون الأبيض.

قمتُ بتجهيز هذه الرموز مسبقًا حيث حمّلتُ رموز المواصفات ثم عدّلتُ حجمها لتكون مناسبة لوضعها ضمن هذا الجدول وبما أننا جعلنا حجم خلايا الرموز سابقًا 8mm فهذا يعادل 33 بيكسل بحسب الدقة التي اخترنا العمل عليها منذ البداية، كما جعلت لونها اللون الأبيض. ضع هذه الرموز كل واحدة في مكانها الصحيح من خلال الأمر Place من قائمة File أو من خلال الاختصار Ctrl+D ثم اختيار الملف المطلوب.

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

وبعد إدخال كافة البيانات المتعلقة بمواصفات الهواتف ووضع علامات في مواضعها الصحيحة للدلالة على توفّر الميزة وتنسيق الخطوط والأرقام سيكون شكل الجدول كما يلي:

سنقوم بوضع شعار لشركة افتراضية خيالية تبيع الهواتف المحمولة في الخلية الأولى من الجدول والتي كُتِبَ في داخلها كلمة "المواصفات" وللقيام بذلك قمتُ بتصميم الشعار للشركة الافتراضية بواسطة برنامج الإليستريتور بحيث ستكون خلفية الشعار شفافة لذلك سنقوم بتعبئة خلفية هذه الخلية من برنامج إن ديزاين وسيكون اللون البرتقالي المستخدم في التصميم ذاته ثم سنستخدم الاختصار Ctrl+D لإدخال صورة الشعار بعد أن ننقر نقرًا مزدوجًا داخل الخلية المطلوبة ثم سنعدّل حجم الشعار بما يتناسب وظهوره داخل الخلية عبر النقر عليه مرتين لتصبح حدود الصورة برتقالية بدل الحدود الزرقاء وبذلك سنتحكم بالصورة وليس بالإطار الذي يحوي الصورة (الاطار هنا في هذه الحالة سيكون حدود الخلية) ثم نصغّر أو نكبّر حجم الشعار مع الاستمرار في الضغط على مفتاحي Shift وAlt للمحافظة على نِسَب الصورة ومركزيّتها. ملاحظة: صورة الشعار بتنسيق ai حيث أن برنامج InDesign يقبل معظم أنواع ملفات الصور.

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

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

والآن سأشرح بعض المزايا الخاصة في هذا الدرس:

حدود وتعبئة الخلايا

يمكنكم القيام بأي تعديلات على تنسيق الخلايا بشكل إفرادي أو صفوف أو أعمدة كاملة بعد تحديدها ثم الذهاب إلى القائمة:

Table > Cell Options > Strokes and Fills

وعندها ستفتح نافذة الحدود والتعبئة حيث نستطيع اختيار الحدود التي نريدها أن تظهر والحدود التي لا نريدها عبر الضغط عليها في المخطط الواضح في أعلى وسط النافذة بحيث ستكون الخطوط الزرقاء في المخطط حدودًا ظاهرةً في التصميم والخطوط السوداء في التصميم حدودًا غير ظاهرة في التصميم وسيحدّد الخيار Weight حجم وسماكة الحدود والخيار Type نمط هذه الحدود كأن تكون متقطعة بطريقة ما ومن الخيار Color يمكننا اختيار لون هذه الحدود من خلال حامل الألوان المُستخدَم في التصميم وسيحدّد الخيار Tint مستوى ظهور الحدود وشفافيتها وفي حال اخترنا نمط خط متقطّع فسيكون هناك فجوات في الخط ويمكننا اختيار أن تكون هذه الفجوات شفافة بلون الورقة أو بلون آخر من خلال الخيار Gap Color ونستطيع تحديد مستوى شفافيتها من الخيار Gap Tint، أمّا بالنسبة لقسم Cell Fill من هذه النافذة فيمكننا تحديد لون تعبئة خلفية الخلية من الخيار Color ومستوى الشفافية من خلال الخيار Tint.

تنسيقات النص الجاهزة

إذا كان حجم العمل كبيرًا ويتضمن نصوصًا كثيرة وكان فيها عيب من حيث تنسيق لغة النص أو الأرقام فعندها يمكننا تجهيز تنسيق جاهز للنص بحسب ما نريد عبر الضغط على حرف A في شريط الأدوات العلوي ثم اختيار New Character Style فتُفتَح نافذة تجهيز أنماط تنسيقات النصوص والتي تحوي الكثير من الإعدادات لذلك يمكنكم تجهيز تنسيق النمط الخاص بكم مسبقًا وعليكم منحه اسمًا خاصًا به لتتمكنوا من استخدامه فيما بعد عبر تحديد الخلايا أو النص المُراد تطبيق النمط عليه ثم نضغط Shift+F11 ثم نختار النمط الجاهز من القائمة التي ستُفتَح بعد ذلك.

الخلاصة

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

ملاحظات الدرس

• جميع المعلومات والمواصفات للهواتف المحمولة الموجودة في الجدول في هذا الدرس صحيحة ومأخوذة من مواقع الهواتف المحمولة على الإنترنت.
• صورة حوامل بانتون من موقع Wikimedia تحت الترخيص CC BY-SA 3.0.
• صورة الشعار من تأليفي وهي مرخصة لصالح أكاديمية حسوب تحت الترخيص CC BY-NC-SA 4.0 ويمكن تحميلها بغية الاستفادة منها لأغراض تدريبية وتعليمية من هنا.

سنتابع في سلسلة دروس مبادئ برنامج إن ديزاين Abode InDesign الرائع لتصميم المطبوعات والكتب وغيرها.

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

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

في البداية لن أضيّع الكثير من الوقت على موضوع كيفية إنشاء جدول فهذه العملية سهلة وهي تشبه إلى حدٍّ كبير إنشاء جدول في برنامج Microsoft Word أو برنامج Writer من حزمة ليبر أوفيس فكل ما عليك القيام به هو اختيار Insert Table من قائمة Table ويمكن القيام بذلك من الاختصار Ctrl+Alt+Shift+T لتظهر لك نافذة إنشاء الجدول وتختار منها عدد الأعمدة والصفوف بالإضافة لتحديد عدد صفوف رأس الجدول وحاشيته وتحديد نمط جاهز للجدول وهذه الأمور سنتعرّف عليها فيما بعد حيث أن الأهم الآن هو عدد الصفوف والأعمدة وستكون النافذة بهذا الشكل.

سنجد أن هذه النافذة مقسّمة إلى حقول، ففي حقل Table Dimensions (أبعاد الجدول) يمكننا تحديد عدد الصفوف من الخيار الأول ثم عدد الأعمدة ثم عدد صفوف رأس الجدول وأخيرًا عدد صفوف تذييل الجدول. وفي حقل Table Direction (جهة الجدول) يمكننا تحديد اتجاه الجدول إما من اليمين إلى اليسار أو بالعكس.

ملاحظة: تحوي فقرات هذه السلسلة من دروس الجداول على معلومات متنوعة قد لا تكون مذكورة في عناوين الفقرات لذلك من المهم الانتباه جيدًا للتفاصيل في الشرح.

تحويل النصوص إلى جدول

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

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

ثم اذهب إلى القائمة:

File > Place

أو من خلال الاختصار Ctrl+D وذلك لإدراج ملف Word الذي أنشأناه داخل برنامج InDesign ثم اختر الملف كما في الصورة.

ملاحظة: يجب إنشاء إطار النص قبل الذهاب إلى القائمة وذلك على عكس إنشاء جدول عادي حيث لا يتطلّب هذه الخطوة.

وسيظهر شكل النص كما كتبناه على ملف Word الأصلي ضمن إطار النص كما في الصورة:

ولتحويل هذا النص إلى جدول حدّد كامل النص ثم اذهب إلى القائمة:

Table > Covert Text to Table

ثم ستفتح نافذة خيارات التحويل. في الحقل الأول Column Separator سيكون عليك أن تختار بين ما سيقوم بتشكيل الأعمدة وهي الفواصل داخل السطر الواحد فإمّا أن تكون الفاصلة أو بحسب الفقرات أو الفراغات، في هذه الحالة وضعنا فواصل بين العناصر التي من المفترض أن تصبح أعمدة، الأمر ذاته ينطبق على حالة الصفوف. في حالتنا هنا ستكون الفواصل Comma هي من تحدد الأعمدة والفقرات Paragraph هي من ستحدد الصفوف.

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

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

صفوف رأس وتذييل الجدول

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

وحتى نستطيع فهم ما يجري سنقوم بتجربة. حمّل ملف Word من هنا ثم افتحه بحسب ما شرحنا سابقًا بتحويله من نص إلى جدول. هذا الجدول عبارة عن جرد لمحتويات أحد متاجر الأدوات المنزلية.

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

وبعد القيام بتعديل عرض جميع الأعمدة بشكل ملائم سيصبح الجدول على الشكل التالي:

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

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

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

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

سنقوم الآن بتحويل الصف الأول إلى صف رأس للجدول عبر تحديد كامل الصف ثم النقر بالزر الأيمن عليه واختيار Conert to Header Rows.

وبذلك يصبح هذا الصف هو رأس الجدول وهذا يعني أنه سيظهر في أعلى كل جزء من أجزاء الجدول تمامًا كمبدأ رأس الصفحة في برنامج Word حيث سيظهر رأس الصفحة المُصمّم هناك فوق جميع الصفحات في الملف.

سنحوّل الآن الصف الأخير في الجدول والموجود في الجزء الأخير من الجدول إلى صف تذييل للجدول عبر تحديد الصف والنقر بالزر الأيمن فوقه ثم اختيار Convert to Footer Rows.

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

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

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

ملاحظة: ليس من الضروري أن يكون رأس الجدول وتذييله عبارة عن صف واحد بل من الممكن تحديد أكثر من صف وتعيينها كصفوف رأس أو صفوف تذييل.

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

سنقوم في هذا الدرس بتعلّم كيفية العمل على برنامج InDesign من شركة Adobe لتصميم مجلّة صغيرة بسيطة باستخدام الأدوات الأساسية فقط وذلك لتبسيط فهم آلية عمل البرنامج ومعرفة أساسياته.

برنامج InDesign هو برنامج مخصص لتصميم الكتب والمجلات ومختلف المطبوعات التعليمية والإعلانية سواءً كانت مطبوعة أم إلكترونية، ويعتبر من أفضل البرامج حاليًّا في هذا المجال.

سنقوم باستخدام الطرق البسيطة السهلة والأدوات الأساسية لتصميم مجلة صغيرة تتحدث عن السيارات الموجودة في لعبة Need For Speed المعروفة. من الأفضل أن يكون لديك القليل من المعرفة ببرنامج فوتوشوب وذلك للتشابه الكبير في الأدوات والتأثيرات مع برنامج InDesign.

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

افتح مستندًا جديدًا من خلال القائمة:

File > New > Document

ستظهر لك نافذة إعدادات المستند الجديد، ضع القيم التالية:

• Intent : Print
• عدد الصفحات: سنقوم باختيار عدد قليل فقط من أجل التعلّم ولذلك سيكون العدد 8 صفحات.
• حجم الصفحة سيكون A4.

يمكنك الاطّلاع على الصفحات والتحكم بها عبر الضغط على رمز لوحة الصفحات Pages في الشريط الأيمن، وإذا لم تكن ظاهرة فيمكنك إظهارها من القائمة:

Window > Pages

أو بالضغط على المفتاح F12 من لوحة المفاتيح.

سنقوم بتصميم صفحة الغلاف الأمامية عبر وضع صورة إعلانية للعبة، وللحصول على دقّة ممتازة يُفضّل الحصول على صورة عالية الدقة ووضعها من خلال القائمة:

File > Place

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

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

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

اكتب الآن كلمة "مجلة" وتأكّد من أن حجمها مناسب لحجم النص في اسم اللعبة.

لاحظ كيف يتغير محتوى الشريط العلوي بحسب العنصر المحدّد والأداة المختارة، بما أننا اخترنا أداة النص ونعمل على عنصر نصّي فإن الشريط العلوي سيحتوي على أدوات تنسيق النص، ومنها يمكنك تغيير نوع الخط المستخدم، يجب عليك أن تختار خطًّا مناسبًا للخط المستخدم في كتابة اسم اللعبة، لهذا اخترت خط Emad-Diana eXtra الشبيه بنمط خط العنوان.

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

Transform > Rotate

وضع القيمة 10 درجات.

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

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

لاحظ أنّ نص العنوان الذي نحاول أن نطبّق تأثيراته على كلمة "مجلة" له ظل خفيف، ولذلك انقر بالزر الأيمن على الكلمة ثم اختر القائمة:

Effects > Drop Shadow

أو من خلال الاختصار Ctrl+Alt+M لتفتح نافذة التأثيرات وتحديدًا تأثير الظلال ثم ضع القيم التالية:

• Mode : Multiply
• Opacity : 100%
• Distance : 0.5 mm
• Angle : 135
• Size : 1 mm

ثم انقر OK ليتم تطبيق التأثير على الكلمة وتصبح مطابقة لنص العنوان.

أخيرًا حرّك الكلمة إلى جانب العنوان بشكل ملاصق له ويتلاءم مع أسلوب كتابة العنوان لتبدو الكلمة من أصل العنوان.

الآن استخدام أداة النص لكتابة عنوان العدد لهذه المجلة أسفل الصفحة بحجم كبير نسبيًّا باستخدام ذات الخط وذات الألوان.

وبهذا ننتهي من صفحة الغلاف وستبدو لوحة الصفحات بهذا الشكل.

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

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

انقر على المستطيل بالزر الأيمن وادخل إلى نافذة التأثيرات واختر التأثير Gradient Feather. ثم عدّل التدرج اللوني ليكون باللون الأسود مع ترك الطرف اليمين شفافًا وتأكّد من جعل الزاوية -90 درجة.

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

أضف الآن شعار نموذج السيارة M4 ليملأ الجزء العلوي من الصفحة.

أضف عنوانًا للصفحة واكتب فيه اسم ونموذج السيارة "BMW M4 F82" وفي حال واجهت مشكلة مع الأرقام وظهرت الأرقام الهندية فإنّ هذا يجعل النص غير متناسق بسببها، لذلك انقر على الأيقونة في أقصى الجهة اليمنى من الشعار العلوي ثم اختر القائمة:

Digits > Arabic

وبذلك تتحول الأرقام إلى الأرقام العربية وتُحَلُّ المشكلة.

أضف جدولًا لنكتب بداخله مواصفات السيارة. يمكنك إضافة الجدول من القائمة:

Table > Create Table

أو من الاختصار Ctrl+Alt+Shift+T فتظهر لك نافذة إنشاء الجدول، حدّد عدد الأعمدة والصفوف للجدول واتجاه الجدول لليمين وأو لليسار. ثم اكتب البيانات الخاصة بمواصفات السيارة. لا تنسَ أن الجدول سيكون في إطار منفصل.

ارسم إطارَ نصٍّ جديد بجانب الجدول واكتب بداخله معلومات عامة عن السيارة. عليك أن تجعل لون النص في هذا الإطار باللون الأبيض وذلك لأن الخلفية سوداء.

عدّل لون النص داخل الجدول لتضيف المزيد من الحيوية على التصميم.

ولتجعل الجدول أفضل وبنمط جميل حدّد خلايا الجدول ثم انقر بالزر الأيمن واختر القائمة:

Cell Options > Stroke and Fills

الآن اتبع الخطوات التالية:

1. اختر التبويب Stroke and Fills في حال لم تكن مفعّلة.
2. أزِل جميع الخطوط في النموذج في الوسط وانقر على الخط الأفقي الأوسط لتظهر جميع الخطوط الأفقية التي تقع داخل الجدول.
3. فعّل أيضًا الخط السفلي.
4. حدّد حجم حدود الجدول عند القيمة
5. اختر النمط المتواصل غير المتقطّع.
6. اختر لون هذه الحدود.
7. اجعل قيمة Tint عند 100%.
8. وأبقِ خلفية الخلايا بدون تعبئة.
9. اضغط OK.

هذا ما سيبدو عليه الجدول بعد هذه التعديلات. يمكنك تعديل الجدول عبر تعديل ألوان النص والخلايا وتعديل الحدود كما تشاء.

وهذا ما ستبدو عليه الصفحة الأولى بعد الانتهاء من إضافة جميع العناصر المطلوبة.

كرّر ذات العملية للصفحة التالية وأضف صورة السيارة أسفل الصفحة ولوّن أرضية الصفحة باللون الأسود ثم أضف المستطيل ذو التدرج اللوني من الأسود إلى الشفافية تمامًا كما فعلنا في الصفحة الأولى.

أضِف صورةً أخرى للسيارة ستكون صورة مُصغّرة عن السيارة في الجزء العلوي الأيسر من الصورة. عدّل حجم وموضع الصورة مع إطارها.

ولإضفاء المزيد من الحيوية والتفاعل على التصميم أضف لهذه الصورة المُصغّرة ظلالًا خفيفة كما في الشكل التالي:

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

ضع الصور المتعلقة بالشركة المصنّعة ونموذج السيارة. كما تلاحظ وضعتُ هنا أربع صور متداخلة.

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

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

Object > Generate QR Code

قمت بجعل محتوى الرمز Web Hyperlink وكتابة عنوان الموقع الإلكتروني في الخانة المطلوبة.

قد تُضطر إلى تعديل لون خلفية الرمز حتى تبقى واضحة.

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

ولتحويل هذه المجلة إلى كتاب إلكتروني قابل للطباعة اذهب إلى القائمة:

File > Export

أو من خلال الاختصار Ctrl+E فيُطلب منك تحديد موقع حفظ الملف واسم الملف ثم تظهر نافذة تضم خيارات مختلفة حول تأسيس ملف PDF، اختر الدقة العالية ثم انقر موافق. يمكنكم تحميل هذه المجلة كملف PDF من هنا.

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

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

من الأفضل تجهيز ملخص للمعلومات التي ستضعها في بطاقة الأعمال قبل الشروع في الرسم، نحن بحاجة لتصميم بطاقة أعمال باللونين الأبيض والأسود، لا تحتوي على أيّة صورة، ذات وجه واحد، أبعادها 85mm X 55mm وتحتوي على المعلومات التالية:

1. اسم الشركة: Hsoub Academy
2. الاسم والكنية: John Doe
3. المنصب: Translator
4. العنوان: Syria-Lattakia
5. رقم الهاتف: 0963-9999999
6. رقم الفاكس: 0963-9999333
7. البريد الإلكتروني: john-doe@hsoub.com

الانطباع الأوليّ عن التصميم

أدرك تمامًا أنك تتطلع للبدء بالعمل على الرسم الأولي، لكن علينا أن نتعلم العديد من الأمور قبل البدء بهذا.

ترتيب أولويات المعلومات

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

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

1. اسم الشركة
2. اسم الشخص ووظيفته
3. معلومات الشخص

يجب أن يكون تدرج المعلومات مشابها لما سبق عند وضع التصميم الأولي لبطاقة الأعمال.

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

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

التصميم الأولي

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

اختيار نوع الخط

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

بالنسبة لهذه البطاقة، اخترت نوع خطٍ بدون إضافات Sans Serifs، نوع الخط (Sansation)، إن لم تكن تملك هذا النوع من الخط يمكنك تحميله، يتوفر هذا الخط بثلاث سماكات مختلفة ويحتوي على عدة خيارات للتعديل على تصميم الحروف وتحسينها.

الرسم اليدوي الأوليّ - The Sketch

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

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

مرحلة التنفيذ

الآن بعد أن حصلنا على تصاميمنا الأولية، بإمكاننا البدء بتصميم البطاقة على برنامج InDesign، لقد حان الوقت لنشكل ملفنّا الأول، والأمر لا يبدو بسيطاً كما تتخيل، بمجرد تكوين ملف جديد سوف نتمكن من رؤية كمية كبيرة لأساليب العمل المختلفة، نضغط على:

File > New > Document

أو باستخدام الاختصار التالي Ctrl+N لعرض اللوحة التي سوف نستخدمها لتشكيل الملف.

إذا قمت بفتح Indesign، بإمكانك اختيار New Document، يظهر هذا الخيار على يمين اللوحة التي تظهر عند التشغيل، سوف تصل إلى النتيجة ذاتها.

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

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

في الحالة التي يكون فيها خيار Primary Text frame مفعلًا، يشير InDesign في هذه الحالة إلى وجود مكان افتراضي لوضع النصوص، وهذا الخيار مفيد حالة العمل على كتاب يحوي نصوصاً فقط، فبالتالي هذه الميزة غير مفيدة لنا لذا لن نقوم بتفعيلها.

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

وفقاَ لما هو متعارف عليه، فإن حجم بطاقة العمل يجب أن يكون 85mm x 55mm، لذا يجب علينا إدخال هذه القيم في خانتي العرض والارتفاع، وبشكل آلي يتحول حجم الورقة ونمط إعدادها إلى حالة Custom.

يوجد على يمين الحجم الصفحة، نوعية توضع ورقة العمل، كاختيار افتراضي في البرنامج تكون الوضعية العمودية مفعّلة:  .

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

اتجاه الملفات

بعد ذلك يمكننا تحديد عدد الأعمدة، وتحديد قيمة التباعد فيما بينها (Gutter)، سوف نرى لاحقاً كيفية استخدام هذه الإعدادات، أما الآن اتركهم على حالهم دون أي تغيير.

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

أما الآن، القيم الافتراضية الموجودة تعد زائدة قليلا عن حاجتنا لتشكيل بطاقة الأعمال، لذا سوف نُوحّد جميع قيم الهوامش ونعطيها القيمة 5mm، السلسة الصغيرة الموجودة على جانب حقول القيم تقوم بتوحيد جميع القيم بشكل آلي عند الضغط عليها،

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

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

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

خطوط الكتلة العامة تستخدم لتحديد الفراغ الموجود خارج Bottom Lost، لإعطاء معلومات إضافية عن الملف وطباعته.

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

كنتيجة: هذا هو نمط الملف في برنامج Indesign:

إذا قمت بإتباع كافة الخطوات التي تكلمنا عنها، يجب أن تكون إعدادات تكوين الملف كما في الصورة التالية:

وسيبدو الملف المنشأ كالتالي:

النصوص

طريقة إنشاء النصوص

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

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

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

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

سوف نكتب داخل النص Hsoub Academy.

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

ننشئ مستطيلي نص آخرين، ونكتب بداخل الأول الاسم (John Doe)، وفي الآخر نكتب بداخله المنصب الوظيفي للشخص Translator. نلاحظ عند رسم مستطيل النص الثاني ظهور أسهم خضراء لتساعدنا على جعل أبعاده مساوية للمستطيل الأول.

الخط الأحمر الذي ظهر لنا أسفل كلمة Hsoub يدل على أنه يوجد خطأ إملائي، إن أردت تفعيل أو إلغاء هذه الميزة اذهب إلى:

Menu > Edit > Prefrences > Spelling

وتحديد الخيارات التي تريدها أو إلغاءها.

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

هذا الخطأ سوف يظهر في الأسفل، وسوف يدل عليه ضوء أحمر، يمكن أن تراه في الصورة التالية:

إذا نقرنا مرتين على الضوء الأحمر سيظهر لنا مربع حوار يشرح الخطأ.

هناك العديد من الأخطاء التي من الممكن أن تواجهنا عند استخدام برنامج InDesign، وسوف نتكلم عن كل منها عند حدوثه.

تنسيق مربعات النص

سوف نبدأ تنسيقنا باختيار نوع الخط، باستخدام أداة التحديد نقوم برسم مستطيل كبير حول جميع العناصر لنقوم بتحديدها كلها، ويمكن بفعل هذا بالضغط على Ctrl+A، أو Edit > Select All.

عند الانتهاء من هذا، نختار أداة نص، ويمكننا رؤية قائمة أنواع الخطوط أسفل شريط القوائم.

يمكننا أن نرى قائمة أنواع الخطوط، وبالقرب منها نرى قائمة حجم الخط، ونوعية الخط الحالية.

لنختار من قائمة أنواع الخطوط، نوع الخط Sansation.

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

أقترح زيادة التباعد بين الحروف لتحسين الصورة التصميمية للنص، نذهب إلى منصة Character، وإن لم تكن ظاهرة لديك بين المنصات بإمكانك إظهارها بإتباع التالي: Window > Type&Tables > Character.

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

- إن حجم الخط بداخل مربع النص الذي يحوي معلومات الاتصال هو 6pt، ونوع تنسيقه light.

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

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

باستثناء اسم الشركة، جميع مربعات النصوص يجب أن تكون محاذية باتجاه الهامش الأيمن، لتنفيذ ذلك، نضغط على مربع النص ونحدد كامل النص الموجود بداخله ثم نفتح منصة Paragraph، ونختار محاذاة إلى اليمين Alignment to Right، ونطبق نفس الأمر على المربعات الأخرى.

توضّع مربعات النص

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

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

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

وأخيراً، نكون قد انتهينا من مركزة مربعات النصوص، وهذه هي النتيجة النهائية:

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

إضافة اللون الأسود على اسم الشركة

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

بعد اختيار الأداة نرسم مستطيلاً ممتداً من الهامش الأيسر،أسفل اسم الشركة وحتى منتصف الفراغ بين الكلمتين اللتين تؤلفان اسم الشركة. نملأ المستطيل باللون الأسود، نختار اللون الأسود من منصة الألوان ونحدده كلون للخلفية، إن الكتلة التي أشئناها للتو تتوضّع فوق النص، فحتى إن اخترنا لوناً أبيضاً للنص فلن يظهر، لجعل النص يتوضّع فوق الكتلة السوداء، نقوم بتحديدها ونضغط عليها بالزر الأيمن ونذهب إلى Arrange > Send to Back أو بالضغط على Ctrl+Shift+].

تغيير لون الخط

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

بعض اللمسات الأخيرة

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

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

بعد الانتهاء من التعديل عليه نقوم بنسخه واستخدامه في الأماكن التي ذكرناها.

وهكذا نكون قد انتهينا من تصميم بطاقة الأعمال خاصتنا.

مبارك لك إتمامك لعملك الأول على برنامج InDesign.

وفي الصورة التالية نرى الشكل النهائي لعملنا:

طريقة حفظ وتصدير الملف

- بعد كل هذا الجهد سيكون من الخاطئ ألا نقوم بحفظ تصميمنا، للقيام بعملية الحفظ نذهب إلى File > Save أو بالضغط على ctrl+S مثل أي برنامج آخر، ستظهر لنا نافذة تطلب منك اختيار اسم لعملك وتحديد وجهة محددة لحفظه فيها، صيغة الملف هي indd.

طريقة تصدير الملف

لكي تتمكن من استخدام تصميمك في عدة مجالات سيكون عليك حفظه بصيغ متعددة، لفعل ذلك نذهب إلى Menu > Export أو نضغط على Ctrl+E. سيظهر لك مربع حوار بإمكانك اختيار الصيغة التي تريد تصديرها، سوف أناقش لكم الصيغتين الأكثر استخداماً:

1. صيغة JPEG:
   نختارها من القائمة المنسدلة، ونحدد مكاناً لحفظ الملف ونحفظه.
   
2. صيغة PDF:
   إن مربع الحوار الذي سيظهر عند اختيار صيغة Pdf أكثر تعقيداً، لأن صيغة ال Pdf هي الصيغة التي سوف ترسل فيها الملف للجهة التي سوف تطبعه.

يُمكنك  تحميل الملف المصدري لما قمنا به في هذا الدرس.

ترجمة -وبتصرّف- للمقال La réalisation de notre carte de visite.

هل ترغب في ولوج عالم التّصميم باستخدام InDesign؟ ربّما نصّبت البرنامج لكن بدا لك صعب المراس نظرًا للكم الكبير من الخواص والإعدادات التي يملكها؟ في هذا الدّرس سنقوم بجوله في التّطبيق وشرح مُختلف أدواته.

الصور الموجودة في هذا الدرس مأخوذة من نسخة البرنامج CC ولكن بغضّ النظر عن بعض الأمور التي اختلفت في النسخ الحديثة من البرنامج لم تتغير واجهة البرنامج إلا بشكل طفيف منذ النسخة CS2.

واجهة برنامج Indesign

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

المناطق الخمسة هي:

1. شريط القوائم.
2. شريط القياسات.
3. صندوق الأدوات.
4. منطقة المنصات.
5. منطقة العمل.

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

1. شريط القوائم

يتشابه البرنامج بقوائمه مع معظم برامج Adobe فبالإضافة لقائمة (File ،Edit)، هنالك قوائم أكثر تخصصاً مثل (Page ،Text ،Object ،Table)، وسوف نتعرف على وظائف كل منها. عند فتح أي قائمة من قوائم البرنامج، سوف أستخدم الصيغة التالية لشرح تسلسل تنفيذ عملية الفتح: (Menu > Sub-Menu-1 > Sub-Menu-2).

2. شريط القياسات

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

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

3. صندوق الأدوات

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

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

سأقوم بتقديم الشرح عن بعض الأدوات فقط، الباقي منها سنتكلم عنه في الوقت المناسب، لكي نتعلم اختصارات الأدوات على لوحة المفاتيح، يكفي أن نبقي مؤشر الفأرة على الأداة للحظات وسيظهر لنا اسم الأداة بالإضافة لاختصارها على لوحة المفاتيح.

1. أداة التحديد:

أولى الأدوات هي أداة التحديد، تُمثّل هذه الأداة بسهم أسود اللون، وهذه الأداة تكون مفعلّة بشكل افتراضي عند فتح البرنامج.

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

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

2. أداة التدوير

هذه الأداة وظيفتها تدوير العنصر المحدد.

3. أداة تغيير الحجم

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

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

4. أداة تغيير الحجم اليدوية

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

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

5. المكبرة

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

هنالك طريقتان مختلفتان للتكبير والتصغير دون استخدام المكبرة:

- استخدام دولاب الفأرة بالتزامن مع الضغط على زر Alt، تدوير دولاب الفأرة باتجاه معين يقوم بالتكبير والاتجاه الآخر يقوم بالتصغير.

- استخدام الاختصار التالي Ctrl+ "+" للتكبير و Ctrl+ "-" للتصغير.

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

6. أداة اليد - Hand Tool:

تتوضّع هذه الأداة تماماً فوق العدسة المكبرة، وتسمح لك هذه الأداة بتحريك الملف الذي تعمل عليه بمجرد الضغط عليه والسحب، وتعد هذه الطريقة أسهل من تحريك الملف بواسطة أشرطة السحب الموجودة في أسفل يمين الشاشة.

في الحقيقة، قليلون جداً من يقومون باختيار هذه الأداة من صندوق الأدوات مباشرة، الغالبية العظمى تقوم بالضغط على زر Space، وبمجرد الضغط عليه تُفعَل أداة اليد، وبمجرد رفع الضغط عن زر V تُفعَل الأداة التي استخدمت قبل تنفيذ هذه العملية.

لتتنقل عبر ملفك، يكفي أن تضغط على زر Space، بالتزامن مع النقر والسحب باستخدام الفأرة.

منطقة المنصات

يحتل شريط المنصات الجزء الأيمن من الشاشة، وظيفة هذا الشريط هو تأمين وصول سريع للنوافذ التي نصل إليها عادة عن طريق شريط القوائم.

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

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

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

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

برنامج Indesign يقوم بتذكر طريقة العرض الخاصة بك عند تشغيله، لكن على كل حال، أنت تملك الخيار في حفظ هذه الطريقة بالعرض وذلك باتّباع الخطوات التالية:

Window > Workspace > New Workspace

 سيظهر لك مربع حوار يسألك عن الاسم الذي تريد إعطاءه لهذا التنسيق. وهذه الطريقة فعّالة إن كنت تستخدم البرنامج بشكل مشترك لإنجاز عمل محدد.

منطقة العمل

إن تحديد هذه المساحة أمر بغاية السهولة، فهي ببساطة كل ما تبقى من واجهة البرنامج، في الأعلى، يوجد اسم الملف الذي تعمل عليه وبالقرب من الاسم تماماً درجة التكبير المفعّلة. يظهر لدينا في الصورة الملحقة، أن هناك لساناُ واحداً مفتوحاً (Tab)، لكن إن كنت قد فتحت عدة ألسنة لتعمل عليها، فبإمكانك العمل عليها والتنقل بينها بكل سهولة.

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

توجد المساطر في أعلى يسار منطقة العمل وهي ذات فائدة كبيرة جداّ إن لم تكن ظاهرة اذهب إلى

View > Show Rulers.

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

الكتل الأساسية - Main Blocks

في برنامج Indesign، كل العناصر التي نشكلها محتواة ضمن كتل/صناديق، إن كانت عنواناً أو محتوى نصي لمقالة أو حتى إن كانت صورة.

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

View > Show Frame Edges

بإمكانك إخفاء كل الحدود والهوامش لفترة قصيرة لتتمكن من معاينة ملفك قبل طباعته، تتوضع هذه الخاصية على يمين شريط القوائم وتدعى Screen Mode، وكوضع افتراضي لها تكون Normal.

أو بإمكانك اختيار Preview لمعاينة تصميمك قبل طباعته.

أشكال الكتل التصميمية - Forms of the Block:

• أداة المستطيل:

باستخدام هذه الأداة، تستطيع رسم كتلة مستطيل، ابق الضغط مستمرا على زر Shift مع رسم المستطيل، وسيتحول المستطيل بشكل تلقائي إلى مربع.

• أداة رسم المستطيل ذي الزاويا المدورة:

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

هذه الخيارات متوفرة أيضاً للأشكال متعددة الأضلاع.

• أداة رسم الكتلة البيضاوية:

تسمح أداة Ellipse tool برسم كتل بيضاوية الشكل، وبنفس الطريقة إن ضغطنا على زر Shift أثناء الرسم سيتحول الشكل إلى دائرة.

• أداة رسم المضلع متعدد الأضلاع:

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

التخصيص - Customization:

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

• أداة الريشة - Brush Tool:

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

• تغيير نوع نقطة الارتكاز - Convert Direction Point Tool:

وظيفة هذه الأداة هو تغيير نوع نقطة الارتكاز من نقطة ارتكاز ناعمة إلى أخرى منكسرة.

• قلم الرصاص - Pencil Tool:

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

• أداة التنعيم Smooth Tool:

تسمح هذه الأداة بتنعيم الشكل الذي قمنا برسمه يدويا وتقلل من عدد النقاط المستخدمة.

• أداة الممحاة - Eraser Tool:

بإمكاننا إزالة بعض الأجزاء التي لا نرغب بها.

• أداة الاختيار المباشر - Direct Selection Tool:

تسمح لنا هذه الأداة باختيار وتحريك كل من نقاط العناصر (المستطيلات البيضاء الصغيرة).

• أداة رسم الخطوط - Line Tool:

هذه الخطوط تدعى الخطوط الناظمة، ولا يمكن إعطاءها لون خلفية محدد، لكن بالإمكان إضافة حواف لهذه الخطوط.

تنسيق حواف الكتل:

بإمكاننا تطبيق لون محيطي على الكتلة، نختار اللون، السماكة، وبالإضافة إلى طيف كبير من أشكال الخطوط نستطيع الاختيار منها.

الصورة التالية تبين لنا أشكال مختلفة لحواف الكتل:

• The Stroke pallet:

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

أما بالنسبة للشبكات، فأنت تملك خيار تحديد بدايتها ونهايتها، لصنع الأسهم على سبيل المثال.

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

محتويات الكتل

من الممكن أن تحتوي الكتل التصميمية على أنواع مختلفة من العناصر:

1- الألوان الموحدة

من الممكن أن يحتوي الإطار على خلفية لونية باستخدام منصة Swatches.

المربع الفارغ:

يقوم بتحديد لون الخلفية.

كنتيجة، لتغيير اللون نختار كتلة ما لتعديلها، ونختار إن كنا نريد تعبئتها أو تمسيدها لونيا Stroke، ثم نضغط على اللون الذي نريده.

سوف تلاحظ أن هناك ألون قليلة لإضافتها، لا تقلق سنتعلم لاحقا كيف نزيد من عدد الألوان.

التدرج اللوني - Gradient Color:

بإمكاننا أيضا تلوين إحدى الكتل بتدرج لوني، لتحقيق ذلك نستخدم منصة التدرج اللوني Gradient Pallet التي تمكننا من اختيار نوع التدرج اللوني ولونه الأساسي.

الصور - Images:

الكتل مهما كان نوعها بإمكانها استيعاب صور.

النصوص - Texts

• أداة النص - Text Tool:

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

وبإمكانك أيضا تشكيل كتلة مستطيلة الشكل للنص دون الحاجة للمرور بمراحل تشكيل إطار عام، برسم مستطيل باستخدام أداة النص،

الأداة المرفقة مع أداة النص تدعى أداة Type on Path - أداة الكتابة على الحدود، تمكننا هذه الأداة من الكتابة على حدود الكتلة المحددة، الطريقة بسيطة، بعد أن تختار هذه الأداة، نضع المؤشر خارج الكتلة وليس داخلها ونحركه بالقرب منها حتى تظهر لنا إشارة "=" صغيرة ثم نضغط عليها ونبدأ بالكتابة.

بهذا الشكل نكون قد انهينا التعريف الأوليّ ببرنامج Indesign وواجهته، أرجو أن تكون قد حصلتم على معلومات مفيدة في استخدامكم المستقبلي للبرنامج.

ترجمة -وبتصرّف- للمقال: Mise en Page avec InDesign - Prise en main du logiciel.