Visual Shelf Life - لماذا أصبحت الرسوم التوضيحية لتصميم الويب قديمة

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

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

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

الرسوم التوضيحية تفتقر إلى الرؤية الإستراتيجية ، والزخرفة ، ونقيض الأصالة. يتم نبذ القصة ، التخلي عن الخيال. تفقد مواقع الويب الفردية التميز ، وتندمج جميع المنتجات والخدمات الموضحة معًا.

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

بالتأكيد كنت قد رأيت ذلك.

هناك أربعة مذنبين يهددون صلاحية الرسم التوضيحي على المدى الطويل على الويب.

الجاني 1: الصور تفتقر إلى الذكاء

الأصل

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

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

المشكلة

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

في العديد من مواقع الويب ، تكون الرسوم التوضيحية عبارة عن تمثيلات مرئية 1 إلى 1 للنص المقترن بها. جرب ميزة الجدولة الفريدة لدينا! [إدراج رسم توضيحي أحادي الخط للتقويم]

أو يصورون أشخاصًا يعيشون سيناريوهات "أفضل حياة" بفضل المنتجات والخدمات المشتراة. جرب ميزة الجدولة الفريدة لدينا! [أدخل رسمًا توضيحيًا لرجل يشرب القهوة في الكمبيوتر المحمول ويحتفل بتقويم ذي وجه مبتسم]

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

العلاج

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

• ما هي نقاط الألم الكبيرة ولماذا توجد؟
• من هم الأكثر تضررا ماليا أو مهنيا أو عاطفيا؟
• هل توجد آراء متضاربة أو مثيرة للجدل بين الشركات أو العملاء أو الخبراء؟

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

أحسنت المهمة: كارتل كبير

المذنب 2: تفشي التقليد أطلال الجدة

الأصل

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

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

المشكلة

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

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

لا تنظر أبعد من أسلوب التوضيح السائد لمنظر SaaS. إنه متجانس بشكل محرج.

العلاج

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

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

عمل جيد: Toggl

المذنب 3: الأنظمة التوضيحية تصبح قديمة وقاسية

الأصل

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

وبالمثل ، استخدمت العلامات التجارية أساليب توضيح مميزة لعقود من الزمن ، لكن أنظمة التصميم الحديثة قدمت اعتبارًا جديدًا: كيف نجعل أسلوب الرسم التوضيحي لدينا منهجيًا؟

يتم تحديد الألوان والقوام ونسب العرض إلى الارتفاع وأنواع الجسم بعناية. تم عرض النتائج على الكثير من الجعجعة. لقد كشف الوقت عن عيب.

المشكلة

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

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

تدريجيًا ، يتم توجيه المزيد من الجهد لصيانة النظام. تطغى الأوزان الخطية ومصنوعات الملابس على المفاهيم الجذابة. أخيرًا ، يذبل أسلوب الرسم وقدرته على سرد القصص ويموت.

العلاج

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

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

هناك خطوات عملية توجه تطوير أنظمة التوضيح وملاءمتها على المدى الطويل:

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

عمل جيد: Notion.so

المذنب 4: الإفراط في استخدام الرسوم التوضيحية للأسهم

الأصل

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

لسوء الحظ ، من النادر العثور على رسوم توضيحية أصلية وعالية الجودة وقليلة الاستخدام (ناهيك عن العلامة التجارية).

المشكلة

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

العلاج

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

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

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

عمل جيد: بلومبرج بيزنس ويك

إنشاء الرسوم التوضيحية لتصميم الويب مع الغرض

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

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

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

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

• • •

مزيد من القراءة على مدونة Toptal Design:

• توضيح العلامة التجارية 101: تصور السرد
• دليل خطوة بخطوة لتصميم الرسوم التوضيحية المخصصة بدون أي مهارات رسم
• استكشاف مبادئ تصميم الجشطالت
• اتجاهات تصميم UX بأثر رجعي لعام 2019
• مبادئ التصميم وأهميتها