الغابة gif

موجهات التصميم

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

خريطة الرحلة

أيقونات ماكي عامة وجغرافية

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

خريطة الرحلة

أيقونات مناسبة لماكي.

خريطة الرحلة

أيقونات غير مناسبة لماكي.

أيقونات ماكي لها صور ظلية جريئة ومعروفة

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

خريطة الرحلة

شكل بسيط يمكن التعرف عليه.

خريطة الرحلة

تجنب التفاصيل الزائدة ، استخدم الضربات فقط إذا لزم الأمر.

خريطة الرحلة

شكل بسيط يمكن التعرف عليه.

خريطة الرحلة

تجنب التفاصيل والمنظور.

خريطة الرحلة

تعتمد على التعبئة ولها صور ظلية قوية.

خريطة الرحلة

يصعب قراءة الرموز المستندة إلى السكتات الدماغية.

خريطة الرحلة

المنظور يجعل الرموز أقل وضوحًا.

خريطة الرحلة

الرموز المسطحة لها صور ظلية قوية.

تستخدم رموز ماكي شبكة البكسل

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

خريطة الرحلة

شبكة 15 بكسل × 15 بكسل بنسبة 100٪.

خريطة الرحلة

شبكة 11 بكسل × 11 بكسل بنسبة 100٪.

خريطة الرحلة

شبكة 15 بكسل × 15 بكسل بنسبة 1600٪.

خريطة الرحلة

شبكة 11 بكسل × 11 بكسل بنسبة 1600٪.

خريطة الرحلة

هندسة مع محاذاة بكسل مناسبة.

خريطة الرحلة

هندسة مع محاذاة بكسل غير صحيحة.

تبقى أيقونات ماكي داخل منطقة القطع

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

خريطة الرحلة

منطقة حية 15 بكسل × 15 بكسل.

خريطة الرحلة

منطقة حية 11 بكسل × 11 بكسل.

خريطة الرحلة

15 بكسل × 15 بكسل منطقة القطع.

خريطة الرحلة

11 بكسل × 11 بكسل منطقة القطع.

تستخدم أيقونات ماكي لبنات بناء هندسية شائعة

تشترك أيقونات ماكي في مجموعة مشتركة من العناصر الهندسية:

  • منطقة الشكل

  • زاوية

  • السكتة الدماغية

  • نهاية السكتة الدماغية

  • منطقة العداد

  • ضربة مضادة

  • نهاية ضربة العداد

خريطة الرحلة

تشريح الأيقونة.

أيقونات ماكي لها حواف مستقيمة ولكن زوايا دائرية

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

خريطة الرحلة

تم إنشاء سلة المهملات باستخدام
خطوط مستقيمة ، وجميع الزوايا دائرية بشكل ثابت.

خريطة الرحلة

خريطة الرحلة

يستخدم رمز الفندق مجموعة متنوعة من المنحنيات.

خريطة الرحلة

خريطة الرحلة

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

خريطة الرحلة

رموز ماكي لها حد 1 بكسل

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

خريطة الرحلة

تم إنشاء سلة المهملات باستخدام
خطوط مستقيمة ، وجميع الزوايا دائرية بشكل ثابت.

خريطة الرحلة

متطلبات الملف

يجب أن يحتوي كل رمز على ملفي SVG يتوافقان مع حجمي رمز مختلفين. يجب أن تكون جميع أسماء الملفات بأحرف صغيرة وتنتهي بـ "-11" أو "-15" لكل حجم على حدة. عندما يكون ذلك ممكنًا ، يجب أن تكون أسماء الرموز متسقة مع اسم علامة OpenStreetMap المرتبط بالرمز.

يجب أن تفي ملفات SVG بالمؤهلات الفنية التالية:

  • لا توجد عناصر SVG باستثناء المسارات.

  • لا مجموعات أو تحولات.

  • يجب أن تكون الوحدات بالبكسل.

  • إذا كان SVG يحتوي على مربع عرض ، فيجب أن يساوي "0 0 15 15" أو "0 0 11 11".

  • يجب أن يساوي الطول والعرض 15 أو 11 ، ويجب أن يكون الارتفاع والعرض متساويين.

خريطة الرحلة

خريطة الرحلة

دعونا نجد طريقة معا

تواصل معنا للتعرف على خطط الأسعار الخاصة بنا

تواصل معنا
Jungleworks