مدونة

دليل االمبتدئين لفهم أسلوب الطباعة وأهميته

المقال بقلم

https://careerfoundry.com/en/blog/ui-design/beginn

26 March 2021
Update Image

ما هو أسلوب الطباعة ولماذا هو مهم؟ 
دليل المبتدئين.

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

هذا ما سنقوم بتغطيته:
1. ما هي الطباعة؟
2. ما هي أهمية الطباعة؟
3. عناصر الطباعة المختلفة
4. كيفية اختيار المحرف الصحيح لموقعك على الويب
5. الخلاصة


مستعدون؟ دعونا نتعمق!

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

تاريخ الطباعة يعود إلى القرن الحادي عشر ، عند ابتكار النوع المتحرك. قبل العصر الرقمي ، كانت الطباعة حرفة متخصصة مرتبطة بالكتب والمجلات ، وفي النهاية الأشغال العامة. يمكن رؤية المثال الأول للطباعة في إنجيل جوتنبرج ، الذي أطلق ثورة الطباعة في الغرب. حقيقة ممتعة: نمط الكتابة المستخدم في يُعرف الآن باسم “Gutenberg Bible Textura” ، وستجده في قائمة الخطوط المنسدلة في تطبيقات الكمبيوتر الرئيسية اليوم!
ننتقل سريعًا إلى العصر الحديث ، حيث ترتبط الطباعة في الغالب بكل من العالم الرقمي والمطبوعات. مع ولادة الإنترنت ، حدث انفجار إبداعي في فن الطباعة. فجأة، أصبح لدى مصممي الويب وفرة من الخطوط وخيارات الكتابة تحت تصرفهم، مما جعل الطباعة أكثر تنوعًا بصريًا من أي وقت مضى.

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

دعونا نتعمق قليلاً في سبب أهمية الطباعة.

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

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

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

3.     عناصر الطباعة المختلفة
لتبدأ في الطباعة ، تحتاج أوّلاً إلى التعامل مع عناصر التصميم المطبعيّة الأساسيّة الثمانية.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

انشر على
مقالات ذات صلة
 أسماء المواقع

مدونة

08 July 2020

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

11 طريقة لإنشاء أحداث فعالة على فيسبوك

مدونة

21 September 2020

استخدام أداة إدارة فيسبوك لتتبع التفاعل مع كل حدث من أحداثك.

الأعمال ذات الصلة
شركاؤنا

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

اتصل بنا
نتطلع إلى أن نسمع منكم!

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

NASCODE © 2015 - 2021 

ناسكود

 - جميع الحقوق محفوظة
اتصل بنا
تابعنا
إغلق
إكتب هنا كي يبدأ البحث