كيفية عمل قائمة طعام لمطعم بتصميم جرافيكي

Arabic (العربية/عربي) translation by Anwar Lubbad (you can also view the original English article)

Final product image — What You'll Be Creating

كل شيء تم إعداده لنشاطك التجاري ولكن لا يزال لا يمكنك تحديد ما يجب فعله لتصميم قائمة الطعام؟ لقد قمنا بتوفير لك قائمة طعام عصرية بتصميم جرافيكي.

تخطيط قائمة الطعام يمكن أن تزيد او تقلل الزبائن. يمكن تعريف تصميم قائمة الطعام ما هو نوع المطعم المُنشأ. في هذا البرنامج التعليمي، سوف نظهر لك كيفية جعل قائمة الطعام تجلب لك الزبائن بشكل كبير "يجب ان تشاهد المطاعم" لعام 2019. سننشئ قالب قائمة طعام بتصميم عصري منسقًا بأنماط الفقرة وأنماط الخلية. من السهل تخصيص الألوان الخاصة بك والخط ، وهذا القالب لتصميم مطعم مثالي لأي نوع من المطاعم التجارية.

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

إذا كنت تبحث عن الإبداع هنا أمثلة لقائمة الطعام للمطعم ، راجع مقال ميلودي نيفيس القوائم ال 29 للأطعمة والمشروبات الشهية. إنها مليئة بأفكار تصميم قائمة الطعام للمطاعم التي يمكن أن تساعدك على التوصل إلى قالب قائمة الطعام الفارغ الخاص بك. إذا كنت تستنفد الوقت ، فهذه المقالة رائعة أيضًا ، حيث تحصر Melody بعضًا من أفضل نماذج التصميم من Envato Elements.

في عجلة من امرنا؟ لدينا قوالب تصميم لقائمة طعام مذهلة ، وقوالب قائمة طعام فارغة ، وقوالب بتصميمات أخرى في Envato Elements و GraphicRiver. راقب بعض عينات قوائم الطعام المجانية محدودة الوقت في Envato Elements Freebies. لدينا الكثير من الاصناف الرائعة التي تناسب أي من مشاريعك. اذهب للتحقق منها!

ما ستحتاجه لإنشاء قالب التصميم الخاص بك

ستحتاج لبرنامج التصميم الجرافيكي. إذا لم يكن لديك البرنامج ، فيمكنك تنزيل نسخة تجريبية من موقع أدوبي على الويب. ستحتاج أيضًا إلى العناصر التالية:

قم بتنزيل العناصر وتأكد من تثبيت الخط على نظامك قبل البدء. عندما تكون جاهزًا ، يمكننا البدء!

1. إعداد ملف لقالب تصميم قائمة الطعام

الخطوة 1

في برنامج التصميم الجرافيكي ، انتقل إلى ملف> جديد. اسم المستند قالب قائمة الطعام. سنقوم بإنشاء قالب قائمة الطعام بحجم A4. اضبط تنسيق القائمة على الأبعاد التالية:

العرض 29.7 سم
الارتفاع 21 سم
الوحدات بالسنتيمتر
التوجه إلى الصورة
إلى الصفحة 1
قم بإلغاء تحديد الصفحات المتقابلة
الأعمدة 3
هامش العمود 0.5 سم
الهوامش 1.8 سم
ازاحة إلى 0.3 سم (من الأفضل البحث عن طابعة احترافية لك)

انقر فوق إنشاء.

الخطوة 2

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

أظهر لوحة Layers بالانتقال إلى Window> Layers. انقر نقرًا مزدوجًا فوق Layer 1 وأعد تسميته "الخلفية". في القائمة الرئيسية للوحة Layers ، حدد New Layer.سمِ الطبقة الجديدة للتوضيح. انقر فوق OK. إنشاء طبقتين إضافية وتسميتها غطاء ونسخ.

الخطوة 3

قبل أن نبدأ التصميم ، دعونا نضيف بعض حوامل اللون. توجه إلى Window > Color > Swatches لتوسيع لوحة الحوامل. اختر زر New Color Swatch من القائمة الرئيسية. قم بإلغاء تحديد الاسم مع قيمة اللون وقم بتسمية كل لون كما هو موضح في القائمة أدناه:

الإضاءة: C=10 M=5 Y=15 K=5
الوسط: C = 0 م = 10 ص = 25 K = 40
الظلام: C = 0 م = 10 ص = 25 K = 65

انقر فوق "إضافة" بعد إدخال كل قيمة لونية. انقر فوق موافق.

2. كيفية إضافة أنماط فقرة وخلايا إلى تصميم قالب قائمة الطعام الخاص بك

الخطوة 1

افتح لوحة Paragraph Styles بالانتقال إلى Windows> Styles> Paragraph Styles. من القائمة الرئيسية ، حدد New Paragraph Style. في نافذة خيار New Paragraph Style ، حدد ستايل الإسم على عنوان القائمة. حدد تنسيقات الأحرف الأساسية من القائمة اليمنى واستخدم الإعدادات التالية:

عائلة الخط: Delichia Sans
نوع الخط: منتظم
الحجم: 14 pt

حرك القائمة للأسفل وحدد قائمة Indents and Spacing ، واضبط Alignment إلى المركز. حدد "لون الحرف" من القائمة الجانبية اليسرى. حدد حامل اللون الداكن. انقر فوق موافق.

حسناً! دعونا نخلق بضعة أنماط أخرى. استخدم الإعدادات التالية لستايل عنصر القائمة:

عائلة الخط: Delichia Sans
نوع الخط: منتظم
الحجم: 10 pt

توجه إلى قائمة Indents and Spacing ، واضبط Alignment إلى المركز. حدد "لون الحرف" من الجانب الأيسر من اللوحة. حدد حامل اللون الداكن. انقر فوق موافق.

استخدم الإعدادات التالية لستايل توصيف القائمة:

عائلة الخط: Delichia Script
نوع الخط: منتظم
الحجم: 6 pt

توجه إلى قائمة Indents and Spacing ، واضبط Alignment إلى المركز. حدد "لون الحرف" من الجانب الأيسر من اللوحة. حدد حامل اللون المتوسط. انقر فوق موافق.

add three paragraph styles for the different formats

الخطوة 2

سنقوم بإنشاء القائمة باستخدام الجداول لتسهيل التخصيص. لنقم بإنشاء نمط واحد لعنوان كل قسم. انتقل إلى Window > Styles > Cell Styles لفتح لوحة Cell Styles. من القائمة الرئيسية ، حدد New Cell Style.

لنلقِ نظرة على الخيار "عاماً" على الجانب الأيسر من نافذة "خيارات Cell Style". اضبط اسم الستايل على خلية عنوان القائمة. تحت Paragraph Style ، حدد نمط عنوان القائمة. هذا يعني أننا سنربط نمط الفقرة الذي أنشأناه سابقًا مع نمط الخلية هذا.

حدد خيار النص من الجانب الأيسر. اضبط الضبط العمودي على Align Center.

الخطوه 3

حدد الخيار Strokes and Fills على الجانب الأيسر من القائمة. في قسم Cell Stroke ، ستلاحظ رسم تخطيطي للخلية ، نحتاج إلى تحديد جوانب الخلية التي نريد تنسيقها. في هذه الحالة ، سوف نستخدم فقط الحدود العليا والسفلية. انقر على الجانبين الأيسر والأيمن من الخلية لإلغاء تنشيط التحديد ، مع ترك الجزء العلوي والسفلي المحدد فقط.

اضبط الوزن على 0.25 pt ، واضبط اللون على حامل داكن ، واضبط النوع على صلب. انقر فوق موافق.

قم بإلغاء تحديد الجانبين العلوي والسفلي للخلية وحدد الجانبين الأيسر والأيمن. اضبط اللون على [None].

set the strokes and fills of the cell style

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

3. كيفية إنشاء المتجهات ووضع الصور على تصميم القائمة الخاصة بك

الخطوة 1

في لوحة Layers ، قم بإغلاق الطبقات الثلاث العليا واترك طبقة Background مفتوحة. حدد طبقة Background- هذه هي الطبقة التي سنعمل عليها الآن.

باستخدام أداة المستطيل (M) ، ارسم مستطيلًا يغطي الصفحة بأكملها. لا تنسى تضمين الحواف.

في لوحة Swatches ، حدد لون حامل الضوء.

using the rectangle tool create a rectangle tool to cover the page

الخطوة 2

في لوحة Layers ، قم بإغلاق طبقة Background وفتح طبقة Illustration.

لـوضع صورة ، اضغط على Command-D. حدد موقع عناصر المأكولات البحرية .jpeg وانقر فوق فتح.

place the seafood image onto the document

الخطوه 3

باستخدام أداة التحديد (V) ، قم بتغيير حجم عرض الصورة لتغطية الفراغ. ضع الصورة في أعلى القائمة. ستكون الصورة قصيرة ، لذلك سنكررها. اضغط على مفتاح العالي (Shift-Option) واسحب لأسفل حتى تلبي الصورة الفراغ السفلي.

باستخدام أداة التحديد (V) ، قم بتغيير حجمها عن طريق خفض أعلى نقطة مركزية.

resize the image to fit the page Duplicate the image to fit the bottom of the page

الخطوة 4

باستخدام أداة التحديد المباشر (A) ، حدد الصورة داخل الإطار المكرر حديثًا. انقل الصورة حتى تجد أعلى أو أي موضع مطلوب. أقترح استخدام الجزء العلوي لأنك لن تقطع أيًا من الرسوم التوضيحية وستحقق نمطًا سلسًا.

using the direct selection tool move the image to create a seamless pattern

الخطوة 5

في لوحة Layers ، قم بإقفال طبقة Illustration وفتح طبقة Overlay.

باستخدام أداة المستطيل (M) ، ارسم مستطيلًا. انقر على الصفحة لفتح نافذة خيار المستطيل. اضبط العرض على 18.5 سم والارتفاع إلى 27.3 سم. انقر فوق موافق.

create a rectangle to cover the inside of the page

الخطوة 6

اتجه إلى Window> Stroke لفتح لوحة Stroke. اضبط الوزن على 4 pt. في لوحة Swatches ، اضبط لون Fill على [لون الورقة] ولون Stroke على [Black].

set the fill to white and the stroke to black set the stroke weight to 4 pt

الخطوة 7

توجّه إلى Window > Objects & Layout > Align . على لوحة Align ، اضبط خيار Align To على الصفحة. انقر على Align Horizontal Center وزرAlign Vertical Center.

اقفل طبقة Overlay على لوحة Layers وفتح طبقة Copy .

use the align panel to align the rectangle to the center of the page

4. كيفية إضافة النص والجداول إلى تصميم القائمة الخاصة بك

الخطوة 1

حدد أداة (Ellipse Tool (L ، وانقر فوق المستند لفتح نافذة الخيار Ellipse. اضبط العرض على 12 سم والارتفاع إلى 4 سم. انقر فوق موافق.

في لوحة Swatches ، اضبط Fill و Stroke على [None].

الخطوة 2

على شريط الأدوات ، حدد (Type on a Path Tool (Shift-T. انقر على نقطة المركز السفلى للقطع الناقص وأضف عنوان القائمة.

في لوحة الحرف ، اضبط الخط على Delichia Sans والحجم على 40 pt. في لوحة Color ، اضبط اللون على [Black]. ضع القطع الناقص في أعلى القائمة ، باستخدام لوحة المحاذاة لمحاذاة النص إلى منتصف الصفحة.

اقفل القطع الناقص بالضغط على Command-L.

using the type on a path tool click on the ellipse

الخطوه 3

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

تنسيق النص باستخدام أنماط الفقرة. حدد نمط عنصر القائمة وضبط اللون على لوحة Swatches على [Black].

using the text tool add text under the title

الخطوة 4

لضبط القائمة ، دعونا نفتح لوحة الجداول. توجه إلى Window > Type & Tables > Table.

توجه إلى Table > Create Table. في نافذة خيار Create Table ، قم بتعيين صفوف النص على 4 والأعمدة على 1. انقر فوق "موافق". انقر على العمود الأول لإضافة الجدول.

الخطوة 5

انقر نقرًا مزدوجًا فوق إحدى الخلايا وحدد كل الصفوف. توجه إلى لوحة الجدول ، واضبط ارتفاع الصف إلى 1 سم وعرض الصف إلى 4.8 سم. حدد زر Align Center واضبط جميع Insets على 0.

أثناء تحديد جميع الصفوف ، توجه إلى شريط التحكم. قم بتنشيط جميع جوانب الجدول واضبط Stroke على [None].

format the table using the table panel and the control bar

الخطوة 6

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

عرض Polygon إلى 0.15 سم
الطول إلى 0.15 سم
عدد الجوانب إلى 4
Star Inset إلى 50 ٪.

انقر فوق موافق. اضبط Color Fill على حامل اللون الداكن. اضغط على Command-C لـنسخ النجمة.

create a star to add to each section of the menu

الخطوة 7

حدد الصف الأول واضبط النمط على Menu Title Cell. لإضافة عنوان إلى القسم ، انقر نقرًا مزدوجًا على الصف لتنشيط إطار النص. اضغط على Command-V للصق النجم ، يليه Shift-Command-M لإضافة مساحة Em. أضف عنوانك وكرر مساحة Em ، واضغط على Command-V للصق النجم مرة أخرى.

use the cell styles panel to format the first cell of the table

إذا كانت النجوم منخفضة جدًا مقارنة بارتفاع النص ، فيمكنك تغيير إزاحة الخط الأساسي. حدد النجمة واتجه إلى شريط التحكم ، واضبط Baseline Shift على 2 pt. كرر نفس الشيء على الجانب الآخر.

add a title and the star Use the baseline shift option to accommodate the height

الخطوة 8

أضف نصًا إلى الصفوف أدناه ، باستخدام Paragraph Styles لتنسيق النص. في هذه الحالة ، لقد قمت بتعيين السطر الأول على نمط عناصر القائمة حيث يمكن أن يكون هذا اسم الطبق. يمكن أن يكون السطر الثاني وصفًا للطبق - لقد استخدمت نمط وصف للقائمة.

لتكرار هذا العمود ، اضغط على (Shift-Option) واسحب العمود لأسفل.

use the paragraph styles to format the text within the cells

الخطوة 9

لإنشاء عمود أوسع يمكن استخدامه للأطباق الرئيسية ، قم بتكرار العمود عن طريق الضغط على Shift-Option والسحب نحو اليمين. قم بتوسيع مربع النص ليناسب العمودين الثاني والثالث.

duplicate the table to fit the second and third columns

انقر نقرًا مزدوجًا على الجدول وحدد كل الصفوف. توجه إلى لوحة الجدول ، واضبط عرض الجدول على 10.8 سم.

resize the table width by using the table panel

لإضافة المزيد من الصفوف إلى الجدول ، حدد الصفوف وتوجه إلى لوحة الجدول. تغيير عدد الصفوف إلى الرقم الذي تحتاجه.

كرر الجدول العريض بالضغط على Shift-Option واسحبها لأسفل. لتقليل عدد الصفوف ، توجه إلى لوحة الجدول وخفض العدد. إذا كنت ترغب في إضافة مساحة أكبر إلى صفوف الوصف ، فقم بزيادة ارتفاع الصف. في هذه الحالة ، سأزيده إلى 1.3 سم.

change the row height by going to the table panel

لاخذ عرض العمودين الثاني والثالث ، يمكنك إما تكرار الجدول العريض أو الجدول الضيق. قم بذلك عن طريق الضغط على Shift-Option والسحب للأسفل. حدد جميع الصفوف وتوجه إلى لوحة الجدول. عيّن عدد الأعمدة على 2 وعرض العمود إلى 5.4 سم (هذا هو نصف حجم الجدول أعلاه).

في هذه الحالة ، نريد نفس العنوان للعمودين. حدد الصف الأول عبر الجدول ، وانقر بزر الماوس الأيمن> دمج الخلايا.

merge the top row of each column and merge them

قم بتكرار الجداول الأضيق لتتلائم أسفل القائمة. قم بتغيير حجم الجدول ليناسب نصف عرض القائمة. توجه إلى شريط التحكم واضبط عرض الإطار على 8.7 سم.

حدد جميع الصفوف وتوجه إلى لوحة الجدول ، واضبط عرض العمود على 8 سم. كرر الجدول بالضغط على Shift-Option واسحب الجدول ليناسب الجانب الأيمن من الصفحة.

duplicate tables to fit the bottom area of the menu

الخطوة 10

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

توجه إلى شريط التحكم واضبط وزن الايقاع على 0.5 pt. في لوحة Swatches ، اضبط لون الايقاع على حامل لون غامق.

using the line tool create lines to divide the sections of the menu

باستخدام أداة النص (T) ، قم بإنشاء مربع نص ليلائم الجزء السفلي من القائمة. إليك موقع رائع لإضافة عنوان أو موقع ويب.

5. كيفية تصدير ملف قالب قائمة الطعام المصمم للطباعة

قبل تصدير الملف للطباعة ، من الجيد إلقاء نظرة على جميع أطراف الكتيب. والتأكد من أن جميع الصور وأسهم الوصف تلامس الموصوف.

الخطوة 1

لتصدير الملف ، انتقل إلى File > Export. قم بتسميته ملف قالب قائمة الطعام واختر (Adobe PDF (Print من القائمة المنسدلة Format. انقر فوق حفظ.

الخطوة 2

في نافذة Export Adobe PDF ، اضبط Adobe PDF Preset الى Press Quality.

على الجانب الأيسر من اللوحة ، حدد Marks and Bleeds. تحقق من علامات جميع الطابعات واستخدم إعدادات المستند. انقر فوق تصدير. سيكون لديك ملف PDF جاهز للطباعة.

check the all printers arks and document bleed settings options

عمل عظيم! لقد أنهيت هذا البرنامج التعليمي!

في هذا البرنامج التعليمي ، أوضحت لك كيفية تصميم قالب قائمة طعام في برنامج InDesign. من خلال بعض النصائح والحيل البسيطة ، يمكنك الآن إنشاء تصميم قائمة المطاعم الخاصة بك. اليوم ، تعلمت أن:

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

من المؤكد أننا فاتنا بعض قوالب InDesign لتضمينها في مكتبتك. إذا كنت تبحث عن قوالب قائمة ثلاثية الأطراف أو قوالب InDesign محددة مثل قوالب القوائم الشريطية ، فتوجه إلى Envato Elements و Graphic River. لدينا العديد من الخيارات لاستكشافها!

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

اتبحث عن المزيد؟ لماذا لا تجرب هذه: