مبادئ الاتصال المرئي

نشرت: 2022-03-10
ملخص سريع ↬ لقد تعلمنا التواصل بالكلمات. نكتب المقالات ونجهز الخطب ونقوم بتدوين الملاحظات المكتوبة. لكن الكلمات ليست دائمًا الخيار الأفضل لنقل المعلومات والأفكار. أحيانًا تكون أفضل طريقة لرواية القصص هي من خلال المرئيات المصممة بعناية ، وليس من خلال فقرات طويلة من النص.

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

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

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

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

مخطط منقط لمنزل به كتلتان صلبتان في القاعدة تقول: "كن مقصودًا بشأن كل قرار تصميم." و "استخدم أنماطًا متسقة لتحسين إمكانية البحث."
اختيار خرائط الخطوط عن قصد "كن مقصودًا في كل قرار." جعل كل عنوان نفس خرائط نمط الخط من أجل "استخدام أنماط متسقة لتحسين إمكانية المسح." (معاينة كبيرة)

السرد البصري للقصص هو عملية نقل الأفكار باستخدام الأشياء التي يمكنك رؤيتها. مع تقدمنا ​​في السن ، يصبح سرد القصص المرئية أكثر ترويعًا لأننا مشروطون بالاعتقاد بأن المرئيات طفولية أو مزخرفة تمامًا. لقد علمنا أن جميع الكتابة يجب أن تكون بخط 12pt Times New Roman وأن تكون مسافات مزدوجة على ورق بحجم الحروف. قيل لنا إنه "أكثر احترافًا" لتقليل علامات التعجب والرموز التعبيرية. نقدم أعذارًا مثل "أنا لست فنيًا بدرجة كافية".

تقرير كتاب مزخرف بشكل مفرط بأحرف مكتوبة وحدود ملونة يتناقض مع تقرير كتاب يستخدم Times New Roman والنص الأسود
(معاينة كبيرة)

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

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

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

إظهار> أخبر

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

يحدد أسلوب الطباعة الأساس

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

  1. التمسك بخط واحد.
    ابحث عن محرف بأوزان وأنماط متعددة. من الصعب الجمع بين المحارف المختلفة. خطوطي المفضلة في Google الآن هي IBM Plex Sans و Inter.
  2. تغيير شيء واحد في كل مرة.
    إنشاء تباين كاف بين أنماط الكتابة هو عمل فني. توصيتي بتغيير محور واحد فقط في كل مرة: الحجم والوزن والأسلوب واللون هي الأشياء الأكثر شيوعًا التي يجب تغييرها.

فيما يلي مثال على رواية القصص المرئية باستخدام الطباعة ببساطة.

شبكة من أربعة استكشافات مرئية لنص "تغيير شيء واحد في كل مرة". في كل تكرار ، يتغير محور مرئي واحد فقط
يمكن أن يصبح هذا المثال بسهولة عرضًا تقديميًا للشرائح حيث أعرض كيف يمكنني استخدام الطباعة لرواية قصة. (معاينة كبيرة)
  • في الإصدار 1 ، أستخدم نفس النمط لجسم النص بالكامل.
  • في الإصدار 2 ، أقوم بخط غامق أهم نص في الصفحة: "تغيير شيئًا واحدًا في كل مرة"
  • في الإصدار 3 ، أقوم بتقليل حجم نص الفقرة ونقل العنوان إلى السطر الخاص به.
  • في الإصدار 4 ، قمت بتمييز كلمة "one" باللون الوردي للإشارة إلى الأهمية وجعل نص الفقرة ظلًا أفتح من اللون الرمادي.

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

الموارد على الطباعة

  • نوع الحديث لجيسيكا هيسشي
  • أشياء التصميم: قائمة مرجعية للطباعة

ما القاسم المشترك بين الصور المرئية الجيدة؟

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

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

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

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

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

يتوقع نفس الإطارين الشبكيين لدراسات حالة محفظة التصميم أن يتم استبدال مخططات النص الأساسي بـ Lorem ipsum
أنا أستخدم لوريم إيبسوم هنا كنص حشو. ستلاحظ أن هذا الرسم هو نفسه تمامًا كما كان من قبل ، ولكنه أكثر تشوشًا بصريًا. (معاينة كبيرة)

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

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

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

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

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

يمكنك إنشاء رسم بأي شيء بما في ذلك القلم والورق! لقد استخدمت Figma للواحد أعلاه لأنني على دراية بالأداة ، ولكن يمكنك إنشاء مرئيات فعالة بالمثل بشيء بسيط مثل Google Sheets.

لقطة شاشة لجدول بيانات Google تعرض نفس المعلومات مثل الرسم السابق
تم إنشاء نفس رسم عملية التوظيف في الشركة باستخدام جداول بيانات Google. (معاينة كبيرة)

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

أدوات لخلق المرئيات

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

تطوير المرئيات من خلال اللعب

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

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

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

نظرة مصغرة على استكشافات الطلاب أثناء تحدي التكرار داخل الفصل
(معاينة كبيرة)

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

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

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

ستة أفكار للملصقات تقول جميعها "أمان كوفيد -19" و "ابق بعيدًا عن بعضها بمسافة 6 أقدام". يختلف كل ملصق من حيث الحجم والوزن
سلسلة من التكرارات لطباعة ملصق. أنا شخصياً أعتقد أن التكرار الأخير يعمل بشكل أفضل لأن الرسالة عالية وواضحة. (معاينة كبيرة)

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

أربع أفكار للملصقات تستخدم جميعها أشكالًا مختلفة - بعضها أكثر جدية والبعض الآخر أكثر مرحًا
سلسلة من الاستكشافات حيث أغير الخط. (1) IBM Plex Sans ، (2) Inter ، (3) Source Serif Pro ، (4) Rubik. (معاينة كبيرة)

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

  • في الإصدار 1 ، استخدمت Apple emojis.
  • في الإصدار 2 ، قمت برسم أيقونة لشخص يستخدم دائرتين ومستطيل.
  • في الإصدار 3 ، استخدمت مكتبة الرسوم التوضيحية Humaaans.
  • في الإصدار 4 ، استخدمت مجموعة رموز Apple.
أربع أفكار للملصقات تحتوي جميعها على صورة مرئية تظهر شخصين بسهم مزدوج الجانب مكتوب عليه "6 أقدام".
هذه 4 إصدارات مختلفة من نفس الرسم باستخدام مكتبات وأنماط مختلفة. (معاينة كبيرة)

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

أربع أفكار ملصقات تستخدم لوحات ألوان مختلفة
(معاينة كبيرة)

كل هذه التكرارات الأربعة تعمل بشكل جيد! الاتجاهان (2) و (4) يجذبان عين العارض لأنهما يستخدمان كتلة صلبة من اللون في الخلفية. قد يكون من الأسهل مسح الاتجاهين (1) و (3) بسبب بساطة الخلفية. أحب الطريقة التي يستخدم بها الاتجاه (3) اللون الأرجواني لإبراز إرشادات "6 أقدام".

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

ملصق أمان لـ Covid-19 مع صورة لأربعة أيقونات أشخاص مفصولة بأسهم مكتوب عليها 6 أقدام
(معاينة كبيرة)

موارد لتطوير المرئيات

  • أساسيات التصميم المرئي
  • مبادئ التصميم: الإدراك البصري ومبادئ الجشطالت
  • شكل تصميم فرانك شيميرو

ماذا بعد؟

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

إذا لم تكن متأكدًا من أين تبدأ أدناه ، فإليك بعض الموارد الرائعة:

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

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