كيف تجعل تصميمك المرئي ليس رائعًا

"كيف تتحسن في التصميم المرئي؟"

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

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

"ماذا سيحدث عندما أخرج؟"

"أي نوع من وظائف التصميم موجودة هناك؟"

"ما الذي يمكن أن أكون مناسبًا له؟"

"ماذا لو لم أحصل على وظيفة؟"

"ماذا لو لم تكن هناك وظائف؟"

"ماذا يمكنني أن أفعل الآن للتحضير؟"

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

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

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

مفهوم تصميم التطبيق Nearspace من قبل جون لي

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

ما هو التسلسل الهرمي النوع الخاص بك؟

  • هل قمت بتدقيق أنماط الكتابة الخاصة بك؟ أرى صندوقين (حالة العنوان و UPPERCASE) ، على الأقل ثلاثة أحجام مختلفة للنوع ، ولونان من النوع ، ونوع محاذاة إلى اليسار.
  • ما هي أنماط تنتمي مع رؤوس؟ أي منها للأزرار؟ أي منها لنسخة الجسم؟ للبيانات الوصفية؟

ما الأنماط التي تستخدمها؟

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

كيف يمكن مقارنة هذا بالأنماط الموجودة أو القائمة؟

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

ما هي الهوامش الخاصة بك وقواعد الحشو؟

  • أرى الحد الأدنى من الهوامش على الشاشات القريبة وشاشة الملف الشخصي ؛ يحتوي التصفية على هوامش أكثر سخاء.
  • "y" في مكان قريب في أسفل التنقل يمس تقريبا حافة الشاشة.
  • ما هي شبكتك؟

هل أيقوناتك واضحة؟

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

ما مدى توافق خيارات التصميم الخاصة بك؟

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

هل كل شيء على الشاشة يجب أن يكون هناك؟

  • أرى مقسمًا فوق حقل البحث وفواصل تحت كل خيار توفر.
  • أرى استخدام واحد من اللون الأخضر.
  • أرى كل من الرموز والنصوص في التنقل. هل كلاهما ضروري؟

كيف يمكنك تحديد لوحة الألوان الخاصة بك؟

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

هل الإملاء والنحو وعلامات الترقيم صحيحة؟ هل فكرت استراتيجية المحتوى؟

  • أنا على دراية بالجوار والملف الشخصي في أسفل التنقل ؛ ماذا يعني إضافة؟ أضف ماذا؟
  • "التوفر" خطأ إملائي.
  • هل كلمة التوفر ضرورية؟
  • كيف "قراءة" تدفق الصفحة (سواء كان ذلك من خلال الكلمات أو الصور)؟ عنوان صفحتك هو عامل التصفية ، وعناوين القسم هي المسافة وتوافر المقاعد وتوافر خدمة الواي فاي وتوافر منفذ وتوافر الطعام / المشروبات. كيف تصفين ما يمكنك القيام به في هذه الصفحة لصديق؟ هل هذه مبنية في التسلسل الهرمي الصحيح؟ هل سميت بشكل صحيح؟

كيف سيترجم هذا إلى منصة أخرى؟

  • إذا قمت بتصميم هذا لجهاز Android أو لسطح المكتب ، فهل ستتخذ نفس القرارات المذكورة أعلاه؟ ما هي قرارات التصميم التي ستتخذها بطريقة مختلفة؟

كيف تتحسن في التصميم المرئي؟

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

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

يتمتع Ira Glass بمنظور رائع حول هذا:

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

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

تلاحظ التصميم في العالم وتشكل آراء حول ما هو جيد وما هو غير جيد. يمكنك توحيد آرائك حول مبادئ التصميم التأسيسي.

نظرتم إلى أنظمة التصميم المعمول بها مثل تصميم المواد وإرشادات واجهة الإنسان.

عليك ممارسة.

تتصفح مواقع الويب والتطبيقات و Dribbble للقيام بأعمال تصميم ممتازة ، ولا تنسخها ، ولكنك تسأل نفسك لماذا يعمل هذا؟ أنت تبحث عن إجابات.

وأنت تمارس.

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

وتسأل نفسك أسئلة مثل تلك التي مررنا بها للتو.

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

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