مكتبة

لماذا يحتاج كل مسوق في 2018 إلى أن يكون مصممًا (بدوام جزئي): 52 شروط تصميم ونصائح لرفع المستوى

عندما بدأت العمل في مجال التسويق لأول مرة ، لم أتوقع تمامًا أنني سأكون مصممًا بدوام جزئي أيضًا.

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

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



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

هل تساءلت يومًا ما الذي يمكن أن يكون ممكنًا مع القليل من المعرفة الإضافية بالتصميم في جيبك الخلفي؟

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

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

-

شرح 52 مصطلح تصميم للمسوقين

1. النسبة الذهبية

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

النسبة الذهبية

( عبر )

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

تصميم مواقع الويب ذات النسبة الذهبية

في الأسفل يكون مثال آخر حيث تتلاءم العناصر الرئيسية للتصميم مع قسم مختلف من النسبة الذهبية:

132-1324x1649

2. حكم الأثلاث

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

قاعدة الأثلاث

( عبر )

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

نقاط الاتصال

شروط الطباعة والنص والخط

3. الطباعة

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

4. Serif

الرقيق هو الحد أو المنحنيات الإضافية الصغيرة الموجودة في نهايات الحروف.

5. بلا الرقيق

تعني كلمة 'Sans' حرفياً 'بدون' ، ولا يتضمن خط sans serif أي حد إضافي في نهايات الأحرف.

الرقيق

على الرغم من عدم وجود قواعد محددة لوقت استخدام خط serif أو sans serif ، اقترح ذلك يجب استخدام خطوط sans serif للنص الأساسي عبر الإنترنت وخطوط serif للعناوين الرئيسية والطباعة.

6. البرنامج النصي

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

تتضمن بعض أمثلة خطوط البرامج النصية ما يلي:

اليكس برش

اليكس فرشاة الخط

و، فندق جراند :

فندق جراند الخط

7. بلاطة الرقيق

تتميز خطوط Slab serif بإحساس هندسي أكثر من خطوط serif التقليدية وتتميز بأشكال مربعة وأكبر وأكثر جرأة.

مثال ممتاز لخط slab serif هو متحف بلاطة :

متحف بلاطة

8. ميني فان

خط أحادي المسافة ، (يُعرف أيضًا بخط ثابت أو عرض ثابت أو خط غير متناسب) عبارة عن خط تشغل أحرفه وأحرفه نفس القدر من المساحة الأفقية.

9. التسلسل الهرمي

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

tuts + شرح :

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

فيما يلي مثال لتوضيح أهمية التدرج الهرمي:

التسلسل الهرمي 2

10. تقنين الأحرف

يشير تقنين الأحرف إلى المسافة بين حرفين محددين (أو أحرف أخرى: الأرقام وعلامات الترقيم وما إلى ذلك) وعملية تعديل تلك المسافة تعمل على تحسين الوضوح.

تقنين-gif

11. الرائدة

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

قيادة

12. التتبع

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

13. X- الارتفاع

يشير x-height إلى المسافة بين الخط الأساسي والخط المتوسط ​​للأحرف الصغيرة في محرف.

x الارتفاع

14. يصعد / ينزل

الصاعد هو جزء من حرف صغير يمتد فوق الخط المتوسط ​​للخط (ارتفاع x) . من ناحية أخرى ، المنحدر هو جزء من الحرف يمتد أسفل الخط الأساسي للخط.

يصعد

15. أيتام / أرامل

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

  • اليتيم: A هي كلمة واحدة أو سطر قصير جدًا ، يظهر في نهاية فقرة أو بداية عمود أو صفحة ، مفصولة عن باقي النص.
  • أرملة: سطر نهاية الفقرة يقع في بداية الصفحة أو العمود التالي ، ومن ثم يتم فصله عن باقي النص. أو بداية فقرة جديدة تبدأ في أسفل عمود أو صفحة.
أرملة

16. مقود جدا

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

قسم الخط

الألوان

17. RGB

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

RGB- اللون

18. الهيكس

الست عشرية عبارة عن رقم مكون من ستة أرقام يُستخدم في تطبيقات برامج HTML و CSS والتصميم لتمثيل الألوان.

عرافة

19. لوحة

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

لوح

20. أحادي اللون

يُستخدم اللون الأحادي لوصف التصميم أو الصور الفوتوغرافية بلون واحد أو ظلال مختلفة للون الواحد.

أحادية اللون

21. مماثل

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

مماثل

22. التكميلية

تعتبر الألوان المقابلة لبعضها البعض على عجلة الألوان ألوانًا متكاملة (على سبيل المثال: الأحمر والأخضر).

مجامله

23. ثلاثي

يستخدم نظام الألوان الثلاثي الألوان المتباعدة بالتساوي حول عجلة الألوان.

ثلاثي

24. CMYK

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

ألوان CMYK

كيفية إعداد ملف تعريف الأعمال على الفيسبوك

( عبر )

25. بانتون

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

بانتون

26. ألوان دافئة

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

27. ألوان رائعة

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

دافئ بارد

28. نظرية اللون

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

هل تريد معرفة المزيد عن نظرية الألوان؟ الدفع: لماذا Facebook Is Blue؟ علم الألوان في التسويق .

29. الانحدار

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

30. التعتيم

يتيح لنا التعتيم جعل عنصر التصميم شفافًا. كلما كانت درجة التعتيم أقل ، كلما كان العنصر أكثر شفافية. على سبيل المثال ، عتامة 100٪ تعني أن الكائن صلب.

العتامة

31. هوى

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

32. لون

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

هوى-تينت

العلامات التجارية والشعارات

33. الشعار

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

34. Logomark / Brandmark

لا تحتوي علامة الشعار بشكل عام على اسم الشركة وبدلاً من ذلك تمثل هذه الشركة بشكل أكثر تجريدًا باستخدام رمز أو علامة.

شعار

35. أيقونة

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

36. دليل الأسلوب

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

كمثال ، يمكنك التحقق من موقعنا دليل أسلوب العازلة هنا .

37. الشبكة

يتم إنشاء شبكة من أعمدة وصفوف مقسمة بالتساوي. الهدف من الشبكة هو مساعدة المصممين على ترتيب العناصر بطريقة متسقة. إليك مثال على الشبكة التي نستخدمها في Buffer:

شبكة

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

قسم الخط

شروط وتقنيات التصميم

38. مقياس

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

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

مقياس

39. نسبة العرض إلى الارتفاع

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

  • عرض ارتفاع
  • هذا يعني أن عرض 4 بوصات وارتفاع 3 بوصات سيكون بنسبة 4: 3

40. الملمس

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

41. القرع

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

قرع

( عبر )

42. مساحة بيضاء

تشير المسافة البيضاء ، التي تُعرف غالبًا باسم المساحة السلبية ، إلى مساحة التصميم التي تُركت فارغة. إنها المسافة بين العناصر الرسومية والصور والنسخ وأي شيء آخر على الصفحة. على الرغم من أنها تُعرف بالمساحة البيضاء ، إلا أنها يمكن أن تكون بأي لون.

مثال ممتاز للمساحة البيضاء هو صفحة Google الرئيسية. يكاد يكون ممتلئًا بمسافة بيضاء لتشجيع المستخدمين على التركيز على شريط البحث:

غوغل

43- القرار

تحدد دقة الصورة الجودة. كقاعدة عامة ، كلما زادت الدقة ، زادت الجودة. ستكون الصورة عالية الدقة واضحة ونقية بينما ستشعر الصورة منخفضة الدقة بقليل من البكسل وضبابية.

دقة عالية

44. التباين

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

التباين

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

ipod2

45. التشبع

يشير التشبع إلى شدة أو نقاء اللون. كلما كان اللون أكثر تشبعًا ، ظهر أكثر إشراقًا أو إشراقًا. في حين أن الألوان غير المشبعة تبدو باهتة قليلاً.

التشبع

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

46. ​​طمس

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

ضبابية النص

47. المحاصيل

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

ا & قتصاص

48. بكسل

البكسل هو منطقة صغيرة من الشاشة (تأتي الكلمة من 'عنصر صورة'). وحدات البكسل هي أصغر وحدة أساسية من الألوان القابلة للبرمجة على جهاز الكمبيوتر وتتكون الصور من العديد من وحدات البكسل الفردية.

49. Skeumorphism

يحدث Skeuomorphism عندما يتم تصميم عنصر رقمي ليبدو وكأنه نسخة طبق الأصل من العمل المادي. على سبيل المثال ، فكر في آلة حاسبة iPhone أو كشك بيع الصحف في Apple حيث يبدو شكل رف الكتب والمجلات كما هو الحال في الحياة الواقعية.

Skeuomorphism

50. شقة

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

عريضة

( عبر )

51. النقطية

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

52. ناقلات

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

نهاية السطر

انتهى اليك

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

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

قراءة متعمقة:



^