قبل أن تتمكن من إتقان التصميم ، يجب عليك أولاً إتقان الأساسيات

في الأسبوع الماضي ، أرسل أحد قرائي سؤالاً: كيف أصبح مصممًا بصريًا أفضل؟

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

اللغة طريقة ينقل بها الناس المفاهيم إلى بعضهم البعض. التصميم المرئي هو لغة بصرية. ولا يختلف تعلم التصميم المرئي عن تعلم لغة جديدة.

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

إليك بعض الأساسيات التي يجب عليك إتقانها حتى تتمكن من الارتقاء بتصميمك المرئي إلى المستوى التالي.

الأساسي رقم 1: ارجع إلى الأساسيات مع الكتابة

يمكنك معرفة الكثير عن المصمم من خلال النظر إلى أسلوب الطباعة الخاص به. هذا لأن النوع هو أساس أساسي للتصميم.

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

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

بعد ذلك ، إذا كنت تريد فهمًا شاملاً لكيفية تطبيق الطباعة على الويب ، فاقرأ Web Typography: The Elements of Typographic Style المطبق على الويب.

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

لمزيد من الاستكشاف المتعمق للطباعة ، يمكنك قراءة مقالتي: يمكن للطباعة أن تصنع تصميمك ... أو تكسرها.

الأساسي # 2: استخدم الفضاء لخلق التوازن

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

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

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

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

الأساسي # 3: استخدم الحجم لإنشاء تسلسل هرمي مرئي

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

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

بمجرد تحديد حجم عنصر ، احتفظ به كما هو في جميع مثيلاته. في التصميم ، الاتساق هو الملك.

إليك تمرين سيساعد في تطوير عينك للتحجيم.

المفتاح هو طلب التغذية الراجعة.

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

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

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

الأساسي # 4: استخدم اللون لنقل المعنى

يلعب اللون العديد من الأدوار. ينقل المعنى ويخلق صدى عاطفيًا ويجلب الوحدة للتصاميم.

للتعمق في الألوان ، يمكنك قراءة مقالتي Designing in Color. فيما يلي بعض النقاط الرئيسية من المقال.

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

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

إليك تمرين سيساعد في تطوير عينك للون.

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

لاحظ كيف يغير مزاج ونغمة التصميم. هل يغير المعنى أيضًا؟

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

ما هي استراتيجياتك لتحسين المصمم؟ اترك لي ملاحظة أو أرسل لي تغريدة على تويتر.

إذا كنت قد استمتعت بهذه المقالة ، فيمكنك أيضًا الاستمتاع بـ CSS في Javascript مع مكتبة Aphrodite ، وهي مكتبة تابعة لـ Khan Academy.

CSS في Javascript: مستقبل التصميم المستند إلى المكونات

هذا الأسبوع ، أود أن أقدم لكم مفهوم CSS في جافا سكريبت مع أفروديت من أكاديمية خان. أفروديت يتيح… medium.com

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

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