تصميم الخريطة: إعادة تصميم خريطة مترو ايكاترينبرج

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

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

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

مزيد من القراءة على SmashingMag:

  • خريطة مترو باريس - إعادة التصميم
  • بهجة الخرائط المصورة في عصر Google Earth
  • دليل لبناء خرائط SVG من بيانات الأرض الطبيعية
  • دخول عالم رائع من الموقع الجغرافي

دعونا نتعمق!

المزيد بعد القفز! أكمل القراءة أدناه ↓

التقرب

هذه هي الخريطة النهائية التي أنشأناها:


(عرض معاينة كبيرة)

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

الخط الثابت ذو اللون الأخضر أعلاه هو خط مترو الأنفاق الوحيد الموجود ؛ أما الخطان الآخران فهما مجرد خطوط "مخطط لها" ، ولم يبدأ بناؤها حتى الآن. عرض الثلاثة لن يكون له معنى. لذلك ، كان رسمنا الأول مخططًا بسيطًا من سطر واحد:

(عرض معاينة كبيرة)

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

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

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

منذ زمن بعيد ، كانت خريطة مترو الأنفاق في باريس توضع ببساطة فوق خريطة المدينة:

(عرض معاينة كبيرة)

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

الرسم التخطيطي الخطي

بعد ذلك ، أضفنا بعض الشوارع إلى الخريطة:

(عرض معاينة كبيرة)

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

أردنا تجربة الأسلوب. بدأنا بشعار M غير رسمي وقمنا بقص "علامات" المحطة بزوايا ليرددها. لاحقًا ، استبدلنا الشعار بالشعار الرسمي:

(عرض معاينة كبيرة)

التدرج لا يبدو صحيحًا. وكان الشعار كبيرًا جدًا. لذلك ، بدلاً من شعار واحد كبير ، حاولنا تجميع عدة شعارات: شعار المترو وشعار المدينة وشعار هيئة النقل. عادة ما يبدو هذا النوع من الأشياء رائعًا.

في النهاية ، وجدنا أن هناك شعارين يعملان بشكل جيد (شعار المدينة هو أحدهما):

(عرض معاينة كبيرة)

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

(عرض معاينة كبيرة)

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

جربنا المزيد مع القراد:


(عرض معاينة كبيرة)

(عرض معاينة كبيرة)
(عرض معاينة كبيرة)

حتى أننا لعبنا بظلال طويلة:

(عرض معاينة كبيرة)

كانت بعض هذه الأشياء لطيفة ، لكنها لا تزال غير مميزة بأي شكل من الأشكال.

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

قال باشا: "أظن أن هذه هي الطريقة التي يقوم بها ماليفيتش بأيقونة مطار."
قطار مجنون بالمثل

قد يعمل!

حاولنا أن نضيف إلى مظهر الواقع من خلال وضع الشوارع فوق خط المترو:

(عرض معاينة كبيرة)

لكن هذا بدا وكأنه خطأ. الغاء التحميل!

ثني الخط

سيكون رسم خط المترو بشكل مستقيم أمرًا مثاليًا ، لكنه سيشوه المدينة كثيرًا. لذلك ، قدمنا ​​الانحناءات للتلميح إلى الشكل الحقيقي للخط:

(عرض معاينة كبيرة)

بدا هذا مكسورًا. أردنا أن يكون الخط أكثر سلاسة. وداعا ، القراد بزاوية!

(عرض معاينة كبيرة)

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

المحاولة الأولى (عرض المعاينة الكبيرة)

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

(عرض معاينة كبيرة)
(عرض معاينة كبيرة)
(عرض معاينة كبيرة)

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

(عرض معاينة كبيرة)

انتظر دقيقة! ماذا لو أشرنا إلى موقع مخارج المحطة؟

(عرض معاينة كبيرة)
(عرض معاينة كبيرة)

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

المزيد من ميزات السطح

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

(عرض معاينة كبيرة)

حصل برج التلفزيون المهجور على مزيد من التفاصيل:

(عرض معاينة كبيرة)

حظيت الصور التوضيحية لوسائل النقل الأخرى بمزيد من الاهتمام أيضًا:

أوه ، وقد ألقينا في شبكة السكك الحديدية السطحية ، وكذلك إسناد التصميم لأنفسنا (الموجود على طول اليمين):


(عرض معاينة كبيرة)

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

نحيف جدًا وغير مرئي تقريبًا.

وواصلنا استكشاف تمثيلات مخارج المحطة على الورق:

(عرض معاينة كبيرة)

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

تنظيف

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


(عرض معاينة كبيرة)

تم تغيير الخط من DIN إلى PT Sans Metro (نسخة مخصصة من PT Sans بأحرف كبيرة منخفضة).

فيما يلي تجربة لسرد طرق النقل السطحي:

(عرض معاينة كبيرة)

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

(عرض معاينة كبيرة)

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

واصلنا تجربة مخارج المحطة:


(عرض معاينة كبيرة)

(عرض معاينة كبيرة)

كنا نظن أن الدوائر شبه الشفافة ضرورية لجعل المحطات كبيرة بما يكفي بحيث يمكن رؤيتها من مسافة بعيدة.


(عرض معاينة كبيرة)

لكن بعد اجتياز جميع المخارج ، أدركنا أنها ليست ضرورية:


(عرض معاينة كبيرة)

ثبت أيضًا أن الخط شبه الشفاف غير ضروري:

(عرض معاينة كبيرة)

لم تكن هذه نهاية عملنا مع مخارج المحطة ، لكنها كانت إنجازًا.

أيقونات عربة وحافلة

استمر العمل في حصر طرق النقل البري على:

(عرض معاينة كبيرة)

حصلت الحدائق على نمط جميل ، وتم تبسيط برج التلفزيون والنهر:

(عرض معاينة كبيرة)

الحصول على الجدية بشأن المحطات

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

(عرض معاينة كبيرة)
(عرض معاينة كبيرة)

حتى أننا حاولنا جعل خط المترو منقطًا:

(عرض معاينة كبيرة)
(عرض معاينة كبيرة)

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

(عرض معاينة كبيرة)

واصلنا مع المحطات:

(عرض معاينة كبيرة)
(عرض معاينة كبيرة)
(عرض معاينة كبيرة)
(عرض معاينة كبيرة)
طبعة موندريان (عرض معاينة كبيرة)
إصدار من الحديد الزهر (عرض معاينة كبيرة)

لم يعجبنا أن النهر يتكون من خطوط رفيعة جدًا ، لا تُستخدم في أي مكان آخر في الخريطة ، لذا تغير ذلك:

(عرض معاينة كبيرة)
(عرض معاينة كبيرة)

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

(عرض معاينة كبيرة)

كل شيء يأتي معا

بالعودة إلى الشوارع ، بدت النحيفة غريبة. لذلك ، حاولنا إعطاء كل الشوارع نفس العرض:


(عرض معاينة كبيرة)

نظرًا لعدم وجود خطوط رفيعة في أي مكان ، قمنا بتعبئة برج التلفزيون بدلاً من كونتور:

(عرض معاينة كبيرة)

ثم قمنا بتبديل ألوان الخلفية والشوارع ، وجعلنا النهر يبدو وكأنه يتدفق:

(عرض معاينة كبيرة)

حاولنا أيضًا جعل النهر متموجًا من الخارج وكذلك من الداخل:

(عرض معاينة كبيرة)

لكن هذا بدا وكأنه خطوة إلى الوراء. بدت مثل المعكرونة أكثر من الماء.

كانت بوصلتنا أيضًا بسيطة للغاية:

(عرض معاينة كبيرة)

استلهمنا سهام يوري جوردون:

(عرض معاينة كبيرة)

هذا هو الذي صنعناه:

<

اللمسات الأخيرة

واصلنا العودة إلى خط المترو والمحطات مرارًا وتكرارًا - من الواضح أنها أهم العناصر.

(عرض معاينة كبيرة)
(عرض معاينة كبيرة)
(عرض معاينة كبيرة)

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


(عرض معاينة كبيرة)

كما تم تحسين برج التلفزيون:

(عرض معاينة كبيرة)

تم الاستغناء عن خط PT Sans لصالح ALS Direct:

(عرض معاينة كبيرة)

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

أيضًا ، حاولنا محاذاة النص إلى شبكة:


(عرض معاينة كبيرة)

وأضفنا بعض الظلال:


(عرض معاينة كبيرة)

هذا عن ذلك! قام باشا ببناء كل ذلك في Adobe Illustrator ، من إخراجي ، إيليا ، عبر البريد الإلكتروني.

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