إلهام تصميم الويب من تاريخ الفن الحديث
في مقالتي السابقة ، قدمت نبذة تاريخية عن الفن وكيف يمكن أن تنطبق المبادئ من ذلك على التجارة الحديثة لتصميم الويب.
هنا ، سأستمر في الموضوع ، ولكن مع التركيز على حركات التصميم الحديثة (خاصة القرن العشرين) التي لديها دروس لتعليمنا وإلهامنا لتقديمها.
التحدي مع التصميم الحديث هو أن هناك عشرات الحركات ، وكلها تتداخل مع بعضها البعض في فوضى متشابكة.
لم تعد الأمور بسيطة مثل عصر النهضة أو العصر الباروكي. لإبقائه سهل التحكم ، اخترت بعض الحركات لمراجعتها هنا.
حركة الفنون والحرف
سنبدأ رحلتنا مع حركة الفنون والحرف التي بدأت حوالي عام 1860 وازدهرت حتى عام 1910. أكدت الحركة على الحرفية والبساطة وكانت حساسة للمواد الفعلية المستخدمة لإنشاء العمل.
أساسا ، كانت الحركة استجابة مباشرة لعصر الماكينة الحديثة ، وتحديها في أسلوبها وديكورها. مع التركيز على البساطة والوظائف والحرفية ، تقدم حركة الفنون والحرف العديد من الأشياء التي يمكن للمصمم الحديث الاعتماد عليها.
إن تقديم مبادئ الرسم من حركة كانت تعارض بشكل أساسي الآلات الحديثة وتطبيقها على تطوير الويب يمثل مشكلة واضحة. لكن دعنا نرى ما توصلنا إليه.
وقد كان مصممو هذه الفترة ، الذين انشغلوا بالغاية وبساطة التكنولوجيا ، يعتمدون بشكل كبير على الزخارف والأنماط ، مع الحفاظ على الجودة والأسلوب بشكل عام. كانت هذه العناصر أساسية لدرجة أن كتابًا من هذه الفترة كان مخصصًا لها ، قواعد الحلية .
زخرفة وأنماط وصقل
هذه الصفحة من الطبيعة القوطية ، كما طبعت من قبل الصحافة Kelmscott ، يظهر حرفة مضنية والجمالية التي تعارض بشكل أساسي للإنتاج بالجملة. كيف يمكننا تطبيق هذا على تصميم الويب؟ هذه القفزة صعبة للغاية ، لكن أعتقد أن لدينا فائز هنا:
على الرغم من حقيقة أن الموقع الإلكتروني ، في أبسط مستواه الأساسي ، يمثل احتضانًا للتكنولوجيا ، فإن هذا الموقع بالتحديد هو جسر رائع بين أسلوب الفنون والحرف اليدوية والويب.
بالنسبة للمبتدئين ، فإنه يتمتع بشعور مصنوع يدوياً بشكل رائع. الخلفية على الأرجح كانت مصنوعة يدوياً ، قبل أن يتم تحويلها إلى تنسيق ناقل رقمي. يعكس الموقع بوضوح موضوع (letterpress) ، الذي له في حد ذاته اتصال مباشر بالحرف اليدوية. الأهم من ذلك كله ، فإن عدم وجود رسومات أو زخرفة ، بالإضافة إلى تحسينها ، يجعل هذا مناسبًا تمامًا.
مثال آخر مثير للاهتمام ، رغم أنه مختلف للغاية Zaarly ، والتي تحزم لكمة بصرية متميزة. يجمع الموقع بين الوظائف الحديثة والأسلوب الموجه نحو الحرف. يربط الرسم التوضيحي الذي يتم عرضه باليد واللون الطبيعي هذا التصميم بالحرف اليدوية الملموسة. من نواحٍ عديدة ، يبتعد المصمم عن هذا التصميم من التقنيات الباردة المعقمة المستخدمة في إنشائه ، بدلاً من الإحساس الشخصي والطبيعي.
لا يمتنع الموقع بالتأكيد عن الأدوات الحديثة ، مع تكامله مع Facebook و Twitter و Google Maps. في الواقع ، فإن التصميم الجميل سيكون عديم الفائدة دون تطبيقه الحديث وأهميته.
دعونا ننظر في تأثير هذا النمط. قد يفترض المرء أنه تم اتخاذ قرار عشوائي بشأنه. أقترح أنه تم حسابه بعناية. إنه يمثل نهجًا مختلفًا جذريًا عن منه كريغسليست ، منافس من Zaarly. من خلال جعل الموقع الإلكتروني شخصيًا وأقل "رقميًا" ، حاول المصممون جذب الناس على مستوى مختلف تمامًا. يخدم التصميم غاية محددة للغاية مع المنتج ، والذي يتماشى تماما مع المثل العليا للحركة الفنون والحرف اليدوية.
فن حديث
كانت حركة فن الآرت نوفو تحظى بشعبية كبيرة حوالي عام 1900 وهي معروفة في كثير من الأحيان بتأثيرها على العمارة في ذلك الوقت. استولى النمط على العناصر النباتية والنباتية ، مع خطوط تدفق منمنمة. هذا المزيج من العناصر يجعل من السهل نسبياً التعرف على الفن من هذه الفترة.
الملصق الجميل مود آدامز كما جوان دارك الفونس موتشا يجسد كل المبادئ الأساسية للفن الحديث. مرئية بوضوح هي أنماط الأزهار والخطوط المتدفقة. يتم تمييز أسلوب اللوحة بالتقنية المستخدمة في إنشائها ، دون تشتيت الانتباه عن النتيجة الجميلة المطلقة. إنه يشبه مزيجًا من العناصر الواقعية والزخرفية للحركات الأخرى الأكثر تنسيقاً ( انطباعية ، فمثلا).
لم أتمكن من التعثر على مثال أفضل لعناصر الفن الحديث في التصميم الحديث من انا اصمم موقع الويب. العناصر المتدفقة في الأعلى هي الإشارة الأكثر وضوحًا لهذه الفترة. رمي في العناصر الأخرى ، بما في ذلك الديك والدراجة واليد ، ولديك تكريم واضح جدا في أوائل 1900s.
في حين أن الاتصال بفن الفن الحديث واضح ، فإن اللمسات الحديثة هي ما يجعل الموقع متميزًا حقًا. قبل كل شيء هي الرسوم المتحركة البسيطة في الجزء العلوي من الصفحة. عناصر قليلة كهذه تقطع شوطًا طويلاً لإضفاء الحيوية على الصفحة.
باوهاوس
باوهاوس كانت مدرسة ألمانية تمتد من عام 1919 إلى عام 1933. كان لها تأثير هائل على التصميم الحديث وجميع أشكال الفن التي تلت ذلك ، وخاصة الفنون التجارية.
كما تفعل معظم الحركات ، فإن أسلوب باوهاوس يتناقض بشكل صارخ مع سابقاتها. غائبة هي زخرفة وزخرفة الفنون والحرف وأساليب الفن الحديث. في مكانها هو دمج التصميم والوظيفة ، والذي كان بطرق عديدة ولادة بساطتها الحقيقية. تتشابه محاولات تنسيق الوظيفة والتصميم بشكل ملحوظ مع جهود تجربة المستخدم في مجتمع تصميم الويب اليوم.
ال رئيس برشلونة أعلاه تم تصميمه من قبل ميس فان دير روه ، أحد مديري باوهاوس. كرسي بسيط يلتقط تماما الجمالية. إنها مبسطة وأنيقة بشكل لا يصدق ومصممة بشكل كامل لأداء وظيفتها ، وهي الأسباب التي لا تزال تستخدم اليوم ، بعد مرور 80 عامًا.
العثور على المواقع الحد الأدنى هو سهل بشكل ملحوظ ولكن العثور على تلك التي تحتضن أيضًا أسلوب باوهاوس أمر صعب أكثر. الهوية مصممة يفعل ذلك على نحو فعال. الموقع يحتضن بساطتها بشكل واضح لكنه يتعمق.
وظيفة والتصميم
تماشياً مع أسلوب Bauhaus ، فإن Identity Designed لديها موقع إلكتروني بسيط وتضمن أنها تعمل بشكل جيد للغاية. يعرض رأس الصفحة علامة تجارية بسيطة ، "ID". من هناك ، لدينا شريط قائمة بسيط وواضح ؛ المستخدم على الفور يعرف كيفية التنقل في الموقع. يتبع الاتفاقيات بينما تعمل بشكل جميل.
ميزة أخرى من باوهاوس هو استخدام الخطوط sans-serif. بعد كل شيء ، محرف يمكن أن تؤدي وظيفتها بشكل جيد دون كل تلك اضافية الخطوط الرقيقة ، الأذنين والذراعين ! ناهيك عن أن خطوط sans-serif يمكن أن تكون جميلة بشكل ملحوظ في حد ذاتها.
أخيرا ، لاحظ كيف يتم استخدام اللون بعناية. في نمط باوهاوس ، تكاد تكون تركيبات الألوان الصارخة غير موجودة. يستخدم تصميم الهوية لونًا لتمييز الروابط ، ولكن بخلاف ذلك ، يُستخدم اللون فقط لأصغر الزخارف.
نمط الطباعة الدولية
المعروف أيضا باسم النمط السويسري ، نشأ نمط الطباعة الدولية في سويسرا في 1950s. على السطح ، يجسد الطراز الوظيفي والحد الأدنى من باوهاوس. بينما تتعمق أكثر ، ستجد تركيزًا على الطباعة والتصميم الهندسي وأنظمة الشبكة.
ظهرت بعض من أكبر الأسماء في التصميم الجرافيكي من هذه الحركة: بول راند ، ماكس Miedinger . خلق Miedinger واردارد هوفمان هلفتيكا الخط الذي ربما سمع عنه بعضكم.
النموذج الموضح أعلاه من مجلة Neue Grafik يجسد أسلوب الطباعة الدولية. لاحظ الاعتماد الكامل تقريبًا على الطباعة ، والالتزام القوي بشبكة والنص المبرر يسارًا.
مختبر التركيز موقع الويب ليس 100٪ على النمط الدولي ، ولكن بطريقة تجعله مثالًا أفضل. بعد كل شيء ، تهدف هذه المقارنات إلى توضيح كيف يمكن تكييف هذه الأفكار من الفن الحديث مع الاحتياجات الحالية وعلم الجمال.
من الواضح أن موقع الويب الخاص بـ Focus Lab مرئي بشكل واضح باعتباره عنصرًا تصميميًا. لا يقوم النوع فقط بتوصيل المعلومات: بل هو عنصر التصميم الأساسي على الصفحة (حتى إذا لم يكن Helvetica تماماً).
أيضا ، الشبكة أمر بالغ الأهمية لفعالية الصفحة. وعلى الرغم من أنه قد يكون تفصيلا دقيقا ، إلا أن كل النص له ما يبرره ، وهو ما يتماشى مع الأسلوب. يعد هذا الموقع مثالًا رائعًا لتصميم الويب الحديث ويثبت أنه يمكننا الاستفادة من أي أسلوب يناسب احتياجاتنا.
فن البوب
فن البوب جاء أيضا من 1950s. نشأت في بريطانيا ووجدت طريقها إلى الولايات المتحدة. اندي وارهول ربما هو أفضل مؤيد معروف.
مرة أخرى ، نرى حركة فنية تتحدى التقاليد. يحتوي Pop Art على عناصر يومية مثل الكتب المصورة وصور المشاهير والأشياء المنزلية وحتى الإعلانات.
واحد من أقدم الأمثلة على فن البوب هو هذا الكولاج من قبل ريتشارد هاميلتون ، بعنوان فقط ما الذي يجعل منازل اليوم مختلفة جدا ، جذابة جدا؟ كان هذا الاندماج في العناصر المتباينة في حياة الخمسينيات مظهراً مذهلاً ، وربما صادماً ، لهذا الأسلوب.
من الصعب العثور على مواقع الويب التي تستفيد من أسلوب Pop Art ، ولكنها موجودة بالفعل. واحد هو Mixbits.com :
لعل الاختلاف الأكبر بين هذا وبين نمط فن البوب هو أن Mixbits.com هو في الواقع مراد استخدامه ، وليس مجرد عرض. ومع ذلك ، فإن الواجهة تحمل عناصر النمط. ماذا يهدف بوب آرت إلى تحقيق هدف آخر غير تغيير وجهة نظرنا فيما يتعلق بالفن؟ تتحدى واجهة Mixbits.com توقعاتنا حول الشكل الذي يجب أن يبدو عليه تطبيق الويب. ويعمل ببراعة.
نحن لا نعرف الإلهام وراء فندق بيليكان على الويب ، لكن يبدو أن الصور هنا تستحضر ملصقة ريتشارد هاميلتون. تحافظ الاعتبارات التجارية المصمم على عدم لصق العناصر اليومية كما فعل هاملتون ، ولكن هناك شيء يشبه التجميع في طريقة وضع هذه الصفحة معًا.
فاسق
لا يعتبر الجميع مشهد موسيقى الروك بانك في السبعينات علامة بارزة في الفن والتصميم الحديث. لكن تأثيرها بعيد المدى ومستمر إلى حد ما. ناهيك عن أنه يشكل تباينًا لطيفًا مع بساطتها في باوهاوس.
بعض ميزاته الأساسية هي الكولاج ، والمرئيات المروعة ، والمحتوى الصادم ، والألوان الزاهية القوية مثل اللون الوردي الفلوري والأصفر. واحد من أكثر المنتجات التي لا تنسى هو غلاف الألبوم هذا مسدسات الجنس ' غير مرتبطة فليحفظ الله الملكة :
يجسد هذا الفن الألبوم عصر البانك روك: الرسومات المضحكة ، الكولاج وقيمة الإنتاج المنخفضة. دعونا ننظر في اثنين من تصاميم الموقع لمعرفة كيف يعيش هذا النمط.
لحسن الحظ ، العديد من المصممين الذين يتبنون هذا الجمالية لا يتخلون عن مبادئ سهولة الاستخدام في العملية. خذ المثالين الموضحين أعلاه ، سيرج سيدليتز موقع الويب والنهج التجاري الأكثر بوما نقاش . ومن المسلم به ، لا أيا من هذه المواقع هو حرفيا "الصخرة البانك". لا هو الهجوم في أقل من ذلك ، وليس لديه شعور لا بأس به. ومع ذلك ، فإن مواقع الويب متجذرة في الأسلوب ، حتى في الوقت الذي يتم تحديثه بشكل كبير.
زنخ هو أكثر صدقا لروح صخرة البانك. يفتقر موقع الويب لهذا الشريط شبه الشرير حاليًا إلى الهجوم ، ولكنه بالتأكيد يتمتع بشعور "lo-fi". وهو يناسب الفرقة جيدا.
إذا كنت تفكر في استخدام هذا النمط ، ففكر في تأثيره على جمهورك. على سبيل المثال ، تستفيد Puma Talk من أسلوب زائف ، للتواصل مع جمهور الشباب ، على الرغم من أن المستخدمين لن يكونوا كبارًا بما يكفي ليختبروا حركة البانك بشكل مباشر. لا تدع الأسلوب يملي المشروع. بدلاً من ذلك ، استفد من التقنيات والأساليب الحديثة ، وتأكد من أن موقعك على الويب ذو صلة بالجمهور الحالي.
استنتاج
إن محاولة تحطيم الحركات الفنية التي لا تعد ولا تحصى والتي حدثت خلال السنوات المائة الماضية ستكون محيرة للعقل. مع عولمة التواصل ، تشابكت الأنماط إلى حد أن تكون ساحقة. لكن هذا ليس درسًا في تاريخ الفن. بدلاً من ذلك ، كان هدفي هو إلقاء الضوء على أصول بعض الأساليب التي نستخدمها على الويب اليوم.
يستفيد مصممو الويب اليوم من أفكار عمرها قرونًا ، إن لم تكن قرونًا. يمكن للمبتكرين الحقيقيين في أي فترة الاستفادة من أفكار الماضي ، والتكيف مع الاحتياجات الحديثة ، وخلق أساليب جديدة لتشكيل أجيال المستقبل من المصممين.
آمل أن توضح هذه المقدمة الموجزة لمختلف الحركات الفنية قوة النظر إلى الماضي. لا يتم منع الإبداع أبداً من خلال النظر في ما قام به الآخرون. على العكس: إن فهم الدروس التي تعلمها الآخرون يساعدنا على تكييف أفكارهم مع الأساليب الجديدة.
هل ترى أي أنماط أخرى من القرن العشرين تظهر بشكل بارز على مواقع اليوم؟