اذهب إلى المحتوى

كيف تُصمّم بطاقة أعمال Business Card باستخدام InDesign


Jana-alhob Shalgheen

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

من الأفضل تجهيز ملخص للمعلومات التي ستضعها في بطاقة الأعمال قبل الشروع في الرسم، نحن بحاجة لتصميم بطاقة أعمال باللونين الأبيض والأسود، لا تحتوي على أيّة صورة، ذات وجه واحد، أبعادها 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.


تفاعل الأعضاء

أفضل التعليقات



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...