#مربع_ضوء
اعداد : @casket_nahari
لا يمكنك فقط تشغيل الجهاز وإنشاء تصاميم جميلة لمجرد نزوة. مثل تعلم المشي قبل الجري ، هناك بعض الأساسيات التي يجب عليك تعلمها أولاً.
تكمن المشكلة في أنه إذا لم يكن لديك الوقت أو الرغبة في أخذ دورة التصميم ، فإن الموارد تكون نادرة جدًا.
اعداد : @casket_nahari
لا يمكنك فقط تشغيل الجهاز وإنشاء تصاميم جميلة لمجرد نزوة. مثل تعلم المشي قبل الجري ، هناك بعض الأساسيات التي يجب عليك تعلمها أولاً.
تكمن المشكلة في أنه إذا لم يكن لديك الوقت أو الرغبة في أخذ دورة التصميم ، فإن الموارد تكون نادرة جدًا.
بالتأكيد يمكنك الاعتماد على قوالب جاهزة ، ولكن حتى ذلك الحين تحتاج إلى معرفة كيفية استخدامها بشكل صحيح.
في هذه السلسلة سنتعرف على المبادئ الـ 13 للتصميم وكيفية تطبيقهم على تصاميمك
في هذه السلسلة سنتعرف على المبادئ الـ 13 للتصميم وكيفية تطبيقهم على تصاميمك
أولاً ، ما هي مبادئ التصميم؟
مبادئ التصميم هي إرشادات يجب اتباعها إذا كنت ترغب في إنشاء صور فعالة ، من اللوحات الزيتية ورسومات المدونة إلى منشورات الوسائط الاجتماعية الجذابة.
مبادئ التصميم هي إرشادات يجب اتباعها إذا كنت ترغب في إنشاء صور فعالة ، من اللوحات الزيتية ورسومات المدونة إلى منشورات الوسائط الاجتماعية الجذابة.
فكر في التصميم كنجارة وهذه المبادئ هي صندوق أدواتك. يمكنك استخدامها لمساعدتك أثناء عملية التصميم ، وعلى عكس المطارق والمسامير والمفكات ، يمكن أن توجد بالكامل داخل رأسك.
ما هو "التصميم الجيد"؟
قيل لنا أن الفن أمر شخصي. بالنسبة للجزء الأكبر ، هذا صحيح. ولكن إذا سبق لك أن رأيت لافتة موقف سيارات غير مفهومة أو موقع ويب من الأيام الأولى للويب ، فستعرف بالتأكيد أن هناك شيئًا مثل التصميم السيئ.
قيل لنا أن الفن أمر شخصي. بالنسبة للجزء الأكبر ، هذا صحيح. ولكن إذا سبق لك أن رأيت لافتة موقف سيارات غير مفهومة أو موقع ويب من الأيام الأولى للويب ، فستعرف بالتأكيد أن هناك شيئًا مثل التصميم السيئ.
كما يقول Jared Spool ، خبير التصميم ، "يصبح التصميم الجيد غير مرئي عندما يتم تنفيذه بشكل صحيح . وعندما يكون التنفيذ سيئًا نلاحظ ذلك ". هذا هو سبب صعوبة تحديد التصميم الجيد.
المبادئ الـثلاثة عشر :
1. التوازن :
عندما تحمل الأشياء في الحياة الواقعية وزنًا ماديًا ، تحمل عناصر التصميم وزنًا بصريًا. العناصر الكبيرة أثقل والعناصر الصغيرة أخف وزناً ، ولكل عنصر "وزنه" الخاص بناءً على مقدار الانتباه الذي يجذبه.
1. التوازن :
عندما تحمل الأشياء في الحياة الواقعية وزنًا ماديًا ، تحمل عناصر التصميم وزنًا بصريًا. العناصر الكبيرة أثقل والعناصر الصغيرة أخف وزناً ، ولكل عنصر "وزنه" الخاص بناءً على مقدار الانتباه الذي يجذبه.
يتعلق التوازن البصري بضمان وزن التصميم الخاص بك بالتساوي على جانبي النقطة المركزية. إنها مثل الأرجوحة — وزن كبير جدًا على كلا الجانبين ويصبح الأمر برمته غير متوازن.
أولاً / توازن متماثل :
يستخدم التصميم المتماثل خطًا رأسيًا وهميًا (أو أفقيًا في بعض الأحيان) لتقسيم التصميم إلى نصفين حول نقطة مركزية. تتم موازنة العناصر ذات الوزن البصري المتساوي على كل جانب من المحور لإنشاء تناظر.
يستخدم التصميم المتماثل خطًا رأسيًا وهميًا (أو أفقيًا في بعض الأحيان) لتقسيم التصميم إلى نصفين حول نقطة مركزية. تتم موازنة العناصر ذات الوزن البصري المتساوي على كل جانب من المحور لإنشاء تناظر.
ثانياً / التوازن غير المتماثل :
التركيب غير المتماثل هو عندما يستخدم التصميم عناصر غير متساوية. قد يحتوي أحد الجانبين على عنصر ثقيل بصريًا ، متوازنًا بعناصر أخف متعددة على الجانب الآخر.
التركيب غير المتماثل هو عندما يستخدم التصميم عناصر غير متساوية. قد يحتوي أحد الجانبين على عنصر ثقيل بصريًا ، متوازنًا بعناصر أخف متعددة على الجانب الآخر.
غالبًا ما يكون عدم التناسق أكثر إثارة للاهتمام من الناحية المرئية. عندما تكون التصميمات المتماثلة ثابتة تمامًا ويمكن التنبؤ بها ، يمكن أن يمنح التوازن غير المتماثل التصاميم إحساسًا أكثر ديناميكية
ثالثاً / التوازن الشعاعي :
التوازن الشعاعي هو عندما "تشع" العناصر من نقطة في مركز التصميم. فكر في أشعة الشمس الساطعة ، وبتلات تتفتح من وردة ، أو وضع من صلصة الطماطم في منتصف فطيرة اللحم.
التوازن الشعاعي هو عندما "تشع" العناصر من نقطة في مركز التصميم. فكر في أشعة الشمس الساطعة ، وبتلات تتفتح من وردة ، أو وضع من صلصة الطماطم في منتصف فطيرة اللحم.
2. التأكيد :
يستخدم التأكيد لتركيز انتباه المشاهد على جزء معين من التصميم. يتم تحقيق التأثير من خلال معالجة العناصر (مثل اللون والشكل والحجم) لإبراز أجزاء معينة من التصميم.
يستخدم التأكيد لتركيز انتباه المشاهد على جزء معين من التصميم. يتم تحقيق التأثير من خلال معالجة العناصر (مثل اللون والشكل والحجم) لإبراز أجزاء معينة من التصميم.
على سبيل المثال ، لنفترض أنك أردت لفت الانتباه إلى عبارة تحث المستخدم على اتخاذ إجراء على صفحة مقصودة. يمكنك زيادة حجم النص واستخدام الألوان التي تبرز من الخلفية ، والتأكيد على اتخاذ الاجراء والتأكد من عدم تفويت الزوار.
3. التكرار :
كما قد تكون خمنت بالفعل ، يشير التكرار إلى الوقت الذي تحتاج فيه الى تكرار عنصر خلال التصميم. يمكن أن يكون أي شيء ، من استخدام لون خط معين إلى إضافة نمط متكرر إلى منشور على وسائل التواصل الاجتماعي .
كما قد تكون خمنت بالفعل ، يشير التكرار إلى الوقت الذي تحتاج فيه الى تكرار عنصر خلال التصميم. يمكن أن يكون أي شيء ، من استخدام لون خط معين إلى إضافة نمط متكرر إلى منشور على وسائل التواصل الاجتماعي .
التكرار يجعل التصاميم مثيرة ومتماسكة بصريًا. كما أنه يخلق إحساسًا بالاتساق باستخدام فكرة متكررة يتوقعها المشاهد. هذا يجعلها مفيدة بشكل خاص عندما يتعلق الأمر بإنشاء هوية علامتك التجارية المميزة.
4. الحركة :
عندما نفكر في الحركة نفكر في الأشياء التي تتحرك. البندول يتأرجح. سيارة فيراري تحلق على الطريق السريع. ولكن في التصميم ، يشير هذا المصطلح إلى المسار الذي تسلكه عين المشاهد عندما ينظر إلى تركيبة.
عندما نفكر في الحركة نفكر في الأشياء التي تتحرك. البندول يتأرجح. سيارة فيراري تحلق على الطريق السريع. ولكن في التصميم ، يشير هذا المصطلح إلى المسار الذي تسلكه عين المشاهد عندما ينظر إلى تركيبة.
لا يقتصر الأمر على ما تنظر إليه ؛ إنها الطريقة التي تنظر بها إليه. يمكن للمصممين توجيه ذلك باستخدام الخطوط والحواف والأشكال والألوان لإنشاء نقاط محورية وتشجيع طرق معينة للرؤية.
5. النسبة :
النسبة هي العلاقة بين عنصرين أو أكثر في التصميم ، لا سيما حجمها ومقياسها. عندما تكون الأشياء "متناسبة" ، فهذا يعني أن هناك تنسيقًا بينها يجعل التصميم يبدو ممتعًا من الناحية الجمالية.
على سبيل المثال ، عندما تقرأ مدونة ، تتوقع أن تكون العناوين أكبر من النص الأساسي.
النسبة هي العلاقة بين عنصرين أو أكثر في التصميم ، لا سيما حجمها ومقياسها. عندما تكون الأشياء "متناسبة" ، فهذا يعني أن هناك تنسيقًا بينها يجعل التصميم يبدو ممتعًا من الناحية الجمالية.
على سبيل المثال ، عندما تقرأ مدونة ، تتوقع أن تكون العناوين أكبر من النص الأساسي.
6. المساحات البيضاء :
يشار إلى المنطقة بين عناصر التصميم المختلفة بالمساحة "السلبية" أو "البيضاء". وهذا جزء من التصميم لا يحتوي على أي شيء. لا توجد صور أو رسومات أو ألوان لامعة أو نص. لا شيء.
يشار إلى المنطقة بين عناصر التصميم المختلفة بالمساحة "السلبية" أو "البيضاء". وهذا جزء من التصميم لا يحتوي على أي شيء. لا توجد صور أو رسومات أو ألوان لامعة أو نص. لا شيء.
الاسم مضلل نوعًا ما - إنه ليس شيئًا "سلبيًا" ولا يجب أن يكون "أبيض". يمكن أن يكون أي لون: المساحة البيضاء تشير إلى ما لا تضيفه ؛ الأجزاء الفارغة حول وداخل التصميم الخاص بك
7. التباين :
ينتج التباين عند اختلاف عنصرين مرئيين أو أكثر في تكوين ما. يمكن استخدامه لإنشاء تأثيرات محددة ، والتأكيد على أهمية بعض العناصر ، وإضافة جاذبية بصرية لتصميماتك.
ينتج التباين عند اختلاف عنصرين مرئيين أو أكثر في تكوين ما. يمكن استخدامه لإنشاء تأثيرات محددة ، والتأكيد على أهمية بعض العناصر ، وإضافة جاذبية بصرية لتصميماتك.
التصميمات التي تبدو متشابهة مملة .من خلال تجربة تدرجات الألوان والأشكال والأحجام والأنسجة والخطوط المتباينة ، يمكنك إضفاء الحيوية على الأشياء. يميل البشر إلى التباين. إنها طريقة رائعة لجذب الانتباه والتحكم في التدفق البصري والحفاظ على تفاعل الناس.
8. التسلسل الهرمي :
التسلسل الهرمي المرئي يدور حول تنظيم قيمة العناصر داخل تصميمك. من خلال ترتيب المعلومات من الأكثر أهمية إلى الأقل أهمية ، فإنك تسهل على المشاهد استيعاب المحتوى الخاص بك.
التسلسل الهرمي المرئي يدور حول تنظيم قيمة العناصر داخل تصميمك. من خلال ترتيب المعلومات من الأكثر أهمية إلى الأقل أهمية ، فإنك تسهل على المشاهد استيعاب المحتوى الخاص بك.
يلعب هذا دورًا مهمًا في تصميم واجهة المستخدم. هل لاحظت يومًا كيف أن معظم الصفحات المقصودة لها نفس التصميم؟ يوجد شعار في الأعلى ، وقائمة في الأعلى ، ثم عناصر بترتيب تنازلي حسب الأهمية أدناه.
ملاحظة حول أنماط التسلسل الهرمي :
يقرأ الأشخاص الصفحة بنفس الطريقة من أعلى إلى أسفل. لكننا لا نحدق في الصفحة بهدوء وننتظر تسجيل المعلومات ، بل نقوم بمسحها ضوئيًا.
يقرأ الأشخاص الصفحة بنفس الطريقة من أعلى إلى أسفل. لكننا لا نحدق في الصفحة بهدوء وننتظر تسجيل المعلومات ، بل نقوم بمسحها ضوئيًا.
تميل العين البشرية إلى اتباع نفس المسار خلال هذه العملية. لهذا السبب ، يلتزم المصممون بنمطين شائعين لجعل استيعاب المعلومات أسرع: النمط F والنمط Z.
9. الإيقاع :
في التصميم ، الإيقاع ليس له أي علاقة بالرقص. يتعلق الأمر بإعطاء التكوين الخاص بك شعوراً بالحركة والحركة.
ينشئ المصممون إيقاعًا من خلال تكرار الخطوط والأشكال والألوان والعناصر الأخرى. وهذا يجعل أعيننا مسارًا لتتبعه ، ويبني أنماطًا ويضفي على التصميم إحساسًا بالتدفق.
في التصميم ، الإيقاع ليس له أي علاقة بالرقص. يتعلق الأمر بإعطاء التكوين الخاص بك شعوراً بالحركة والحركة.
ينشئ المصممون إيقاعًا من خلال تكرار الخطوط والأشكال والألوان والعناصر الأخرى. وهذا يجعل أعيننا مسارًا لتتبعه ، ويبني أنماطًا ويضفي على التصميم إحساسًا بالتدفق.
هناك عدة أنواع مختلفة من الإيقاع :
1- إيقاع عشوائي. تكرار العناصر دون أي فاصل منتظم.
2- إيقاع منتظم. عندما تكون العناصر بنفس الحجم والطول وتنتشر على فترات متوقعة.
1- إيقاع عشوائي. تكرار العناصر دون أي فاصل منتظم.
2- إيقاع منتظم. عندما تكون العناصر بنفس الحجم والطول وتنتشر على فترات متوقعة.
3- إيقاع متدفق. أنماط طبيعية حيث تكون الفواصل عضوية (مثل خطوط النمر أو مجموعة من الزهور في الحديقة.)
4- إيقاع تدريجي. تغيير تدريجي أو تسلسل عناصر تتغير عبر سلسلة من الخطوات الواضحة (مثل تدرج لوني على سبيل المثال).
4- إيقاع تدريجي. تغيير تدريجي أو تسلسل عناصر تتغير عبر سلسلة من الخطوات الواضحة (مثل تدرج لوني على سبيل المثال).
10. الأنماط :
هناك خلط بين التكرار و الأنماط ، وهو أمر مفهوم ، حيث يتعامل كلاهما مع العناصر المتكررة. لكن التكرار هو تكرار نفس العنصر خلال التصميم ، والنمط يتكون من مكونات مختلفة تتكرر بنفس الطريقة. تغليف الهدايا مثلا في العادة يتكون من عناصر متكررة مختلفة ، هذا هو النمط.
هناك خلط بين التكرار و الأنماط ، وهو أمر مفهوم ، حيث يتعامل كلاهما مع العناصر المتكررة. لكن التكرار هو تكرار نفس العنصر خلال التصميم ، والنمط يتكون من مكونات مختلفة تتكرر بنفس الطريقة. تغليف الهدايا مثلا في العادة يتكون من عناصر متكررة مختلفة ، هذا هو النمط.
11. المقياس :
المقياس هو المصطلح الذي يستخدمه المصممون لوصف الحجم النسبي لعنصر التصميم مقارنة بعنصر آخر. عنصر له "مقياس" فقط عندما تتم مقارنته بشيء آخر.
المقياس هو المصطلح الذي يستخدمه المصممون لوصف الحجم النسبي لعنصر التصميم مقارنة بعنصر آخر. عنصر له "مقياس" فقط عندما تتم مقارنته بشيء آخر.
لنفترض أن طولك حوالي ستة أقدام . بالمقارنة مع الأشخاص العاديين ، فأنت طويل القامة جدًا ، ولكن الركض مع لاعب سلة ستبدو أقرب إلى حجم الكوكيز. هذا المقياس.
في التصميم ، المقياس مهم لأنه يؤثر على معنى ونبرة وتكوين عملك بالكامل. إنه العامل الأول في تحديد التسلسل الهرمي المرئي ويخبر المشاهدين بما يجب التركيز عليه (وبأي ترتيب).
12. التنويع :
التنوع ليس مجرد نكهة للحياة بل إنه نكهة التصميم أيضًا. من الضروري عدم الرجوع إلى نفس العناصر القديمة في التصميم للتأكد من أن الأشياء ممتعة بصريًا للمشاهدين.
التنوع ليس مجرد نكهة للحياة بل إنه نكهة التصميم أيضًا. من الضروري عدم الرجوع إلى نفس العناصر القديمة في التصميم للتأكد من أن الأشياء ممتعة بصريًا للمشاهدين.
التنوع يجعل الأشياء جذابة. إنه يمنع التصاميم من الركود ، والتي يمكن التنبؤ بها والمملة تمامًا وكل الأشياء التي تريد تجنبها. من خلال التأكد من تنوع العناصر ، فإنك تمنع التصاميم من الشعور بالرتابة وعدم الإلهام.
13. الوحدة :
1- الوحدة البصرية. امتداد "التناغم" ، يتعلق الأمر بالعناصر التي تعمل معًا ، مثل أنظمة الألوان ، واستخدام الأنماط التكميلية ، وفي بعض الحالات ، تكرار الألوان والعناصر لتحقيق التناسق. مثال ذلك هو استخدام نفس الألوان لجميع الأزرار على صفحة ويب للحفاظ على تماسك التصميم.
1- الوحدة البصرية. امتداد "التناغم" ، يتعلق الأمر بالعناصر التي تعمل معًا ، مثل أنظمة الألوان ، واستخدام الأنماط التكميلية ، وفي بعض الحالات ، تكرار الألوان والعناصر لتحقيق التناسق. مثال ذلك هو استخدام نفس الألوان لجميع الأزرار على صفحة ويب للحفاظ على تماسك التصميم.
2- الوحدة المفاهيمية. عندما تجمع بين العناصر من أجل راحة المستخدم ؛ يتعلق الأمر بمزج الشكل والوظيفة بطريقة طبيعية. ومن الأمثلة على ذلك كيف يمكنك النقر نقرًا مزدوجًا على Instagram من أجل "إعجاب" بصورة - فهذا يقلل الاحتكاك ويتطلب إجراءً أقل من المستخدم.
نأمل أن تساعدك مبادئ التصميم الـ 13 هذه في إلهامك لنقل عملك الإبداعي إلى المستوى التالي.
بغض النظر عن ما تصممه من صفحات المنتج إلى المنتجات الفعلية إذا كنت تأخذ الوقت الكافي لتعلم هذه المفاهيم وتطبيقها ، فستصل الى طريق النجاح.
بغض النظر عن ما تصممه من صفحات المنتج إلى المنتجات الفعلية إذا كنت تأخذ الوقت الكافي لتعلم هذه المفاهيم وتطبيقها ، فستصل الى طريق النجاح.
تذكر أن التصميم يتطور دائمًا. انظر إلى ما يفعله الآخرون وفكر في كيفية تطبيق تقنياتهم على عملك الخاص: إنها طريقة رائعة لصقل مهاراتك في التصميم.
المصدر : paperform.co
المصدر : paperform.co
جاري تحميل الاقتراحات...