شروط التصميم التي يحتاج كل غير مصمم إلى معرفتها

نشرت: 2020-08-21

شروط التصميم التي يحتاج كل غير مصمم إلى معرفتها

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

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

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

علامة الجمع

هذا شيء يجمع أو يجمع بين الشعار والشعار.

لوغومارك

تُعرف العلامات التجارية أيضًا باسم علامة العلامة التجارية وهي رموز تمثل علامة تجارية. لا تحتوي على اسم العلامة التجارية وهي مجردة وبسيطة إلى حد ما.

المصدر: Hello Ari
نوع الشعار

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

فارغ
المصدر: Hello Ari
أيقونة

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

فارغ

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

CMYK

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

فارغ
لوحة الألوان

هذه مجموعة من الألوان تكمل بعضها البعض وستجمع العناصر في التصميم.

الانحدار

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

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

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

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

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

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

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

فارغ
مسافة سلبية / بيضاء

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

العتامة

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

فارغ
بانتون

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

RGB

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

التشبع

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

شروط تصميم نوع الصورة

صور نقطية

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

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

  • GIF - تنسيق تبادل الرسومات هو ملف نقطي يدعم الشفافية والرسوم المتحركة. تتمتع ملفات GIF فقط بالقدرة على عرض ما يصل إلى 256 لونًا وهذا يجعل أحجام ملفاتها صغيرة جدًا.
  • JPEG - يشير هذا إلى مجموعة خبراء التصوير المشتركة وهو التنسيق النقطي الأكثر استخدامًا عندما يتعلق الأمر بتصميمات الويب. يتم تحميل هذه الملفات بسرعة وهي ملفات مضغوطة.
  • PNG - لا تفقد هذه الملفات جودتها حتى عندما يتم ضغطها وتكون مناسبة لرسومات الشبكة المحمولة. لديهم تنسيق على شبكة الإنترنت. تم تطوير هذه الملفات بالفعل بحيث يمكن تحسين جودة ملفات GIF.
  • PSD - عندما ينشئ المصمم صورة ملف نقطية غير مضغوطة في Adobe Photoshop ، يصبح ملف PSD. الحروف ترمز إلى مستند Photoshop.
  • TIFF - يتم استخدام تنسيق ملف الصورة ذي العلامات بشكل شائع لتبادل الصور النقطية عبر التطبيقات. تتميز بجودة أعلى إلى حد ما من JPEG أو PNG وتستخدم في الغالب من قبل المصورين وصناعات النشر.
صور متجهة

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

  • AI - هذا يعني مستند Adobe Illustrator. تم إنشاء تنسيق الملف هذا بواسطة أنظمة Adobe ولديهم تصميمات متجهة من صفحة واحدة.
  • EPS - يمكن تغيير حجم البرنامج النصي المغلف ويستخدم على نطاق واسع لتصميمات المتجهات. تتميز بجودة عالية جدًا وتستخدم في العديد من عناصر الطباعة مثل الشعارات والكتيبات وبطاقات العمل.
  • PDF - تم تطويره بواسطة Adobe ، Portable Document Format هو نوع ملف يمكن تنزيله وعرضه بواسطة أي جهاز كمبيوتر. إنها مثالية لك لمشاركة معاينات العمل لأنها قابلة للعرض عالميًا.
القرار

هناك نوعان هنا يجب أن تكون على دراية بهما هما DPI و PPI.

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

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

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

الصاعد

هذا امتداد خطي لحرف يظهر فوق خط الوسط.

فارغ
حدود

هذا هو الخط المرئي الذي ستجلس عليه جميع الأحرف التي تضعها في تصميمك.

فارغ
ارتفاع الغطاء

هذه هي المسافة بين الخط الأساسي وأعلى الأحرف الكبيرة.

سليل

هذا موسع على حرف سيظهر أسفل خط الأساس. المناطق باللون الأحمر في المثال أدناه هي المناطق السفلية للحروف المحددة.

فارغ
تقنين الأحرف

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

الأيتام والأرامل
فارغ

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

بلا الرقيق

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

النصي

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

سيريف
فارغ

Serifs هي نوع خط شائع الاستخدام. تحتوي الأحرف في هذه الحالة على بذرة زخرفية عليها كما هو موضح في الصورة أعلاه ، حيث يمكنك رؤية البتات الخضراء المميزة. هناك أربعة أنواع رئيسية من خطوط Serif.

  • موضة قديمة
  • انتقالية
  • ديدون
  • بلاطة سيريف
تتبع

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

شروط التصميم العامة

محاذاة
فارغ

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

ابعاد متزنة

يحدث هذا ليكون العلاقة النسبية بين الارتفاع والعرض. ستراه بصيغة x: y. على سبيل المثال ، الصورة التي تبلغ أبعادها 6 × 4 سيكون لها نسبة عرض إلى ارتفاع تبلغ 3: 2. سيحدد هذا نسبة وشكل الصورة وليس حجمها.

فارغ
التباين

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

ضغط

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

تصميم شقة

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

الرصيد

يتعلق هذا بموازنة العناصر في الصفحة بحيث يتم تخطيط المكونات الرسومية والنصية بشكل صحيح ومتساوي. هناك 3 طرق رئيسية لتحقيق ذلك.

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

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

مقياس

حجم عنصر تصميم واحد عند مقارنته بعنصر آخر في نفس التصميم.

نَسِيج

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

تقليم وينزف
فارغ

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

يمكن أن تساعدك معرفة شروطك على الكثير

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