إظهار الخيارات
يحدد الرمز كيفية تحميل مربع الحوار في الذاكرة وعرضه. يصف الجدول التالي الأنواع المختلفة لمهام العرض والكلمات الأساسية المستخدمة لتنفيذها.
يقوم الأسلوب Show بتحميل النموذج وتعيين الخاصية Visible الخاصة به إلى True. تحدد المعلمات التي تم تمريرها إلى أسلوب العرض نوع مربع الحوار. إذا تم حذف معلمة النمط أو تعيينها على vbModeless أو 0 (افتراضي)، يكون مربع الحوار غير مشروط. إذا كانت معلمة النمط هي vbModal أو 1، يكون مربع الحوار مشروطًا.
عند تحديد "موافق" أو "إلغاء" للخروج من مربع الحوار، يمكنك استخدام عبارة إلغاء التحميل أو طريقة الإخفاء. على سبيل المثال:
UnloadfrmAbout
-أو-
frmAbout.Hide
تقوم عبارة Unload بحذف مربع الحوار من الذاكرة، بينما تقوم طريقة Hide ببساطة بحذفه من النافذة عن طريق تعيين خاصية Visible لمربع الحوار إلى False. عندما يتم إلغاء تحميل نموذج، يتم إلغاء تحميل النموذج نفسه وعناصر التحكم الخاصة به من الذاكرة (بما في ذلك أية عناصر تحكم تم تحميلها في وقت التشغيل). عندما يكون النموذج مخفيًا، يظل النموذج وعناصر التحكم الخاصة به في الذاكرة. عندما تحتاج إلى توفير مساحة الذاكرة، فمن الأفضل إلغاء تحميل النموذج لأن إلغاء تحميل النموذج يحرر الذاكرة. إذا كنت تستخدم مربع الحوار بشكل متكرر، فيمكنك اختيار إخفاء النموذج. يمكن أن يستمر إخفاء النموذج في الاحتفاظ بأي بيانات مرتبطة به، بما في ذلك قيم الخصائص والنسخة المطبوعة وعناصر التحكم التي تم إنشاؤها ديناميكيًا. بعد إخفاء النموذج، يمكنك الاستمرار في الرجوع إلى خصائص النموذج المخفي وعناصر التحكم الخاصة به من التعليمات البرمجية.
تصميمات لأنواع العرض المختلفة
Microsoft Windows مستقل عن الجهاز - يمكن تشغيل التطبيقات المستندة إلى النوافذ على العديد من أجهزة الكمبيوتر ذات دقة العرض وكثافات الألوان المختلفة. وبالمثل، سيتم تشغيل التطبيقات المكتوبة بلغة Visual Basic على أنواع مختلفة من الشاشات، ويجب أخذ ذلك في الاعتبار عند تصميم التطبيق.
تصميم نماذج مستقلة عن القرار
بشكل افتراضي، لا يقوم Microsoft Visual Basic بتغيير حجم النماذج وعناصر التحكم عند تغيير دقة الشاشة. وهذا يعني أن النموذج المصمم على شاشة بدقة 1024×768 سوف يمتد إلى ما وراء حدود الشاشة عند تشغيله على شاشة بدقة 640×480. إذا كنت تريد إنشاء نماذج وعناصر تحكم لها نفس النسب بغض النظر عن دقة الشاشة المستخدمة، فيجب عليك تصميم النموذج بأقل دقة أو إضافة تعليمات برمجية تغير النموذج إلى برنامجك.
أسهل طريقة لتجنب مشكلات الحجم هي تصميم النموذج الخاص بك بدقة 640 × 480. إذا كنت تفضل العمل بدقة أعلى، فلا تزال بحاجة إلى التفكير في كيفية ظهور النموذج بدقة أقل. طريقة القيام بذلك هي استخدام نافذة "FormLayout" لمعاينة حجم النموذج وموضعه. يمكنك أيضًا استخدام "ResolutionGuides" لمراقبة أجزاء الشاشة التي تكون مرئية بدقة منخفضة. للتبديل إلى "ResolutionGuides"، يمكنك النقر بزر الماوس الأيمن فوق نافذة "FormLayout" وتحديد عنصر القائمة "ResolutionGuides" من القائمة المنبثقة.
في وقت التشغيل، يقوم Visual Basic بوضع النموذج بناءً على موضعه في وقت التصميم. إذا قمت بتصميم التشغيل بدقة 1024 × 768 ووضعت النموذج في الزاوية اليمنى السفلية من الشاشة، فقد لا يكون النموذج مرئيًا عند تشغيله بدقة أقل. لتجنب هذا الموقف، يمكنك تحديد عنصر القائمة "StartupPosition" من القائمة المنبثقة لنافذة "FormLayout" لتعيين موضع بداية النموذج أثناء التصميم. وبالمثل، يمكنك تعيين موضع النموذج في وقت التشغيل باستخدام الكود التالي في حدث FormLoad:
PRivateSubForm_Load()
أنا.تحرك0,0
EndSub
على الرغم من أن تعيين كل من خصائص اليسار والأعلى للنموذج على 0 يمكن أن يكون له نفس التأثير، إلا أنه يمكن إكمال أسلوب النقل في خطوة واحدة.
يستخدم Visual Basic وحدة قياس مستقلة عن الجهاز، وهي التويب، وهي الوحدة المستخدمة لحساب الحجم والموضع. يمكن استخدام خاصيتي كائن الشاشة، TwipsPerPixelX وTwipsPerPixelY، لتحديد حجم العرض في وقت التشغيل. باستخدام هذه الخصائص، يمكنك كتابة تعليمات برمجية لضبط حجم النماذج وعناصر التحكم وموضعها.
PrivateSubSetControls()
DimXAsInteger
DimYAsInteger
X=Screen.TwipsPerPixelX
Y=Screen.TwipsPerPixelY
سيليكت كاسيكس، Y
القضية15،15
'تغيير حجم عناصر التحكم ونقلها.
txtName.Height=200
txtName.Width=500
txtName.Move200,200
'أضف رمزًا مكتوبًا لقرارات أخرى.
…
EndSub
تحتاج أيضًا إلى معرفة موقع نافذة Visual Basic الخاصة في وقت التصميم. إذا قمت بنقل نافذة المشروع إلى الجانب الأيمن من الشاشة بدقة عالية، فستجد أنه لم يعد من الممكن الوصول إليها عند فتح المشروع بدقة منخفضة.
تصميم تركيزات مختلفة من الألوان
عند تصميم تطبيق ما، تحتاج أيضًا إلى مراعاة إمكانيات عرض الألوان الممكنة للكمبيوتر الذي يقوم بتشغيل التطبيق. يمكن لبعض أجهزة الكمبيوتر عرض 256 لونًا أو أكثر، بينما يمكن لأجهزة أخرى عرض 16 لونًا فقط. إذا قمت بتصميم نموذج باستخدام لوح ألوان مكون من 256 لونًا، فإن ثبات الألوان (أسلوب لمحاكاة الألوان غير الصالحة) سيؤدي إلى اختفاء بعض العناصر الموجودة في النموذج عند عرضها على 16 لونًا.
لتجنب ذلك، من الأفضل قصر الألوان التي يستخدمها تطبيقك على 16 لونًا قياسيًا لنظام Windows. يتم تمثيل هذه الألوان بواسطة ثوابت الألوان في Visual Basic (مثل vbBlack، وvbBlue، وvbCyan، وما إلى ذلك). إذا كنت بحاجة إلى استخدام أكثر من 16 لونًا في تطبيقك، فلا يزال يتعين عليك الالتزام بالألوان القياسية للنص والأزرار وعناصر الواجهة الأخرى.
التصميم مع وضع المستخدم في الاعتبار
ما لم تقم بإنشاء تطبيق Visual Basic لاستخدامك الخاص فقط، فلا يمكن تقييم قيمة إنشائك إلا بواسطة الآخرين. واجهة المستخدم الخاصة بالتطبيق لها تأثير كبير على المستخدمين - بغض النظر عن مدى روعة الكود من الناحية الفنية، أو مدى تحسينه، إذا وجد المستخدمون صعوبة في استخدام التطبيق، فمن غير المرجح أن يقبلوه جيدًا.
كمبرمج، ليس هناك شك في أنك على دراية كبيرة بتكنولوجيا الكمبيوتر. من السهل أن ننسى أن معظم المستخدمين لا يفهمون (وربما لا يهتمون) بالتكنولوجيا المختبئة خلف التطبيق. فكر في التطبيق باعتباره أداة لتحقيق غاية: طريقة لإنجاز مهمة تكون أسهل من الناحية الخيالية مما لو كانت بدون مساعدة الكمبيوتر.
تعمل واجهة المستخدم المصممة جيدًا على عزل المستخدم عن التكنولوجيا الأساسية، مما يجعل من السهل إكمال المهام المقصودة. عند تصميم واجهة مستخدم التطبيق الخاص بك، عليك أن تضع المستخدم في الاعتبار. كيف يمكنك اكتشاف مميزات التطبيق المتنوعة دون توجيه؟ كيف يستجيب التطبيق عند حدوث خطأ؟ ما الذي يقدمه لمساعدة المستخدم أو مساعدته؟ هل يبهج التصميم المستخدم بجمال فني ما سبق؟ ، بالإضافة إلى المشكلات الأخرى المتعلقة بالتصميم الذي يركز على المستخدم، يتم تناولها في هذا القسم.
أساسيات تصميم الواجهة
ليس من الضروري أن تكون فنانًا لتتمكن من إنشاء واجهات المستخدم - فمعظم مبادئ تصميم واجهة المستخدم هي نفس مبادئ التصميم الأساسي التي يتم تدريسها في أي فصل فني تمهيدي. تنطبق مبادئ التصميم الأساسية للتكوين واللون وما إلى ذلك على شاشة الكمبيوتر تمامًا كما تنطبق على الورق أو الرسم.
على الرغم من أن Visual Basic يجعل من السهل إنشاء واجهات المستخدم بمجرد سحب عناصر التحكم ووضعها على النموذج، إلا أن القليل من التخطيط قبل التصميم يمكن أن يحدث فرقًا كبيرًا في سهولة استخدام التطبيق الخاص بك. قد ترغب في بدء التصميم من خلال رسم النموذج على الورق، وتحديد عناصر التحكم المطلوبة، والأهمية النسبية للعناصر المختلفة، والعلاقات بين عناصر التحكم.
التكوين: شكل ومظهر التطبيق الخاص بك
لا يؤثر تكوين النموذج أو تخطيطه على جمالياته فحسب، بل يؤثر أيضًا بشكل كبير على سهولة استخدام التطبيق. يتضمن التركيب عوامل مثل وضع عناصر التحكم وتناسق العناصر والحركة واستخدام المساحة البيضاء وبساطة التصميم.
موقع السيطرة
في معظم تصميمات الواجهات، ليست كل العناصر متساوية في الأهمية. يعد التصميم الدقيق ضروريًا لضمان ظهور العناصر الأكثر أهمية للمستخدم بسرعة. يجب وضع العناصر المهمة أو التي يتم الوصول إليها بشكل متكرر في موضع بارز، بينما يجب خفض رتبة العناصر الأقل أهمية إلى موضع أقل وضوحًا.
في معظم اللغات، اعتدنا على القراءة من اليسار إلى اليمين ومن أعلى إلى أسفل في الصفحة. وينطبق الشيء نفسه على شاشات الكمبيوتر. ستركز عيون معظم المستخدمين على الجزء العلوي الأيسر من الشاشة أولاً، لذلك يجب وضع العناصر الأكثر أهمية في الجزء العلوي الأيسر من الشاشة. على سبيل المثال، إذا كانت المعلومات الموجودة في النموذج تتعلق بعميل، فيجب أن يظهر حقل اسمه حيث سيتم رؤيته أولاً. يجب وضع الأزرار، مثل "موافق" أو "التالي"، في الجزء السفلي الأيمن من الشاشة؛ وعادةً لن يتمكن المستخدمون من الوصول إلى هذه الأزرار قبل إكمال العمليات في النموذج.
من المهم أيضًا تجميع العناصر وعناصر التحكم. حاول تجميع المعلومات بشكل منطقي حسب الوظيفة أو العلاقة. نظرًا لأن وظائفها مرتبطة ببعضها البعض، يجب تجميع الأزرار الخاصة بتحديد موقع قاعدة البيانات بشكل مرئي بدلاً من توزيعها في جميع أنحاء النموذج. وينطبق الشيء نفسه على المعلومات وعادةً ما يتم تجميع حقول الأسماء والعناوين معًا لأنها مرتبطة بشكل وثيق. في العديد من الحالات، يمكنك استخدام عناصر تحكم الإطار للمساعدة في تقوية الاتصال بين عناصر التحكم.
اتساق عناصر الواجهة
في تصميم واجهة المستخدم، يعد الاتساق فضيلة. يؤدي الشكل والمظهر المتسقان إلى خلق الانسجام داخل التطبيق، مما يجعل كل شيء يبدو منسقًا. إذا كانت الواجهة تفتقر إلى الاتساق، فمن المحتمل أن تسبب ارتباكًا وتجعل التطبيق يبدو مربكًا للغاية وغير منظم وأقل قيمة، بل وربما يثير الشكوك حول موثوقية التطبيق.
للحفاظ على الاتساق البصري، قم بإنشاء إستراتيجية تصميم واصطلاحات الكتابة قبل البدء في تطوير التطبيق الخاص بك. يجب تحديد عناصر التصميم مثل نوع التحكم وحجم التحكم ومعايير التجميع واختيار الخط مسبقًا. يمكن إنشاء قوالب التصميم للمساعدة في التصميم.
يوجد عدد كبير من عناصر التحكم المتوفرة في Visual Basic، مما قد يتسبب في رغبة شخص ما في استخدامها جميعًا. لتجنب هذا الإغراء، اختر مجموعة فرعية من عناصر التحكم التي تناسب تطبيقك المحدد. على الرغم من أنه يمكن استخدام عناصر التحكم مثل مربعات القائمة ومربعات التحرير والسرد والشبكات والأشجار لتمثيل قوائم المعلومات، فمن الأفضل استخدام نوع واحد كلما أمكن ذلك.
حاول أيضًا استخدام عناصر التحكم بشكل مناسب على الرغم من أنه يمكن تعيين عنصر التحكم TextBox للقراءة فقط واستخدامه لعرض النص، إلا أن عنصر تحكم التسمية يكون عادةً أكثر ملاءمة لهذا الغرض. كن متسقًا عند تعيين خصائص عناصر التحكم. إذا كنت تستخدم خلفية بيضاء لنص قابل للتحرير في مكان واحد، فلا تستخدم خلفية رمادية في مكان آخر إلا إذا كان لديك سبب وجيه.
يلعب الحفاظ على الاتساق بين الأشكال المختلفة في التطبيق دورًا مهمًا جدًا في سهولة استخدامه. إذا استخدمت خلفية رمادية وتأثيرات ثلاثية الأبعاد على أحد النماذج وخلفية بيضاء على نموذج آخر، فسيظهر النموذجان غير مرتبطين. اختر نوعًا ما وحافظ على اتساقه في جميع أنحاء التطبيق، حتى لو كان ذلك يعني إعادة تصميم بعض الميزات.
ديناميكي: يتوافق النموذج مع وظيفته
الحركة هي دليل واضح على وظيفة الكائن. على الرغم من أن هذا المصطلح قد لا يكون مألوفًا لك، إلا أن أمثلة الديناميكية موجودة في كل مكان. مقود الدراجة الهوائية، عندما تضع يديك عليها، ستكشف الحركة حقيقة أن المقود مشدود بيديك. يمكن تحريك الأزرار، وإدارة المقابض، وتشغيل مفاتيح الإضاءة، والغرض منها واضح بمجرد رؤيتها.
تستخدم واجهة المستخدم أيضًا الحركة. على سبيل المثال، التأثير ثلاثي الأبعاد المستخدم على أزرار الأوامر يجعلها تبدو وكأنها مضغوطة. إذا قمت بتصميم زر أمر بحدود مسطحة، فسوف تفقد هذا الشعور الديناميكي وبالتالي لن تتمكن من إخبار المستخدم بوضوح أنه زر أمر. في بعض الحالات، قد تكون الأزرار المسطحة مناسبة، كما هو الحال في تطبيقات الألعاب أو الوسائط المتعددة؛ طالما أنها متسقة في جميع أنحاء التطبيق، فلا بأس بذلك.
توفر مربعات النص أيضًا إحساسًا بالحركة، ويمكن للمستخدمين توقع وجود مربعات ذات حدود وخلفية بيضاء تحتوي على نص قابل للتحرير. من الممكن أيضًا عرض مربع نص بدون حدود (BorderStyle=0)، مما يجعله يبدو كتسمية ولا يوضح للمستخدم أنه قابل للتحرير.
استخدام المساحة البيضاء
يساعد استخدام المساحة البيضاء في واجهات المستخدم على إبراز العناصر وتحسين سهولة الاستخدام. ليس من الضروري أن تكون المساحة البيضاء بيضاء، فهي تعتبر المساحة الفارغة بين عناصر تحكم النموذج وحولها. يمكن أن يؤدي وجود عدد كبير جدًا من عناصر التحكم في النموذج إلى واجهة غير منظمة، مما يجعل من الصعب العثور على حقل أو عنصر تحكم. يجب إدراج مساحة بيضاء في التصميم لتسليط الضوء على عناصر التصميم.
كما أن التباعد المتسق بين عناصر التحكم ومحاذاة العناصر الرأسية والأفقية يجعل التصميم أكثر قابلية للاستخدام. تمامًا مثل النص الموجود في المجلة، يتم ترتيبه في صفوف وصفوف أنيقة مع مسافات متسقة، وستسهل الواجهة الأنيقة قراءته.
يوفر Visual Basic العديد من الأدوات التي تسهل ضبط تباعد عناصر التحكم وترتيبها وحجمها. يمكن العثور على أوامر مثل الترتيب، وجعل نفس الحجم، والتباعد الأفقي، والتباعد الرأسي، والتوسيط في النافذة في قائمة التنسيق.
حافظ على الواجهة بسيطة
ولعل أهم مبدأ في تصميم الواجهة هو البساطة. بالنسبة لأحد التطبيقات، إذا كانت الواجهة تبدو صعبة، فقد يكون البرنامج نفسه صعبًا أيضًا. يمكن أن يساعد التفكير العميق في إنشاء واجهات تبدو (وهي) سهلة الاستخدام. من الناحية الجمالية، غالبًا ما يكون التصميم النظيف والبسيط هو الأفضل.
من الأخطاء الشائعة في تصميم الواجهة محاولة استخدام الواجهة لتقليد كائنات العالم الحقيقي. على سبيل المثال، تخيل تطبيقًا يتطلب إنشاء بوليصة تأمين كاملة. رد الفعل الطبيعي هو تصميم واجهة على الشاشة تمامًا مثل بوليصة التأمين. هناك العديد من المشاكل في القيام بذلك: شكل وحجم بوليصة التأمين يختلفان تمامًا عما يبدو على الشاشة، ومحاولة تكرار مثل هذا الجدول بشكل مثالي ستقتصر على مربعات النص ومربعات الاختيار دون أن تكون مفيدة حقًا فوائد.
سيكون من الأفضل تصميم الواجهة الخاصة بك والتي توفر أيضًا نسخة مطبوعة من بوليصة التأمين الأصلية (مع المعاينة قبل الطباعة). من خلال إنشاء مجموعات منطقية من الحقول من السياسة الأصلية واستخدام واجهة مبوبة أو عدة نماذج مرتبطة، من الممكن عرض جميع المعلومات دون الحاجة إلى التمرير. يمكنك أيضًا استخدام عناصر تحكم إضافية، مثل مربع القائمة الذي يحتوي على تحديدات تم تحميلها مسبقًا، مما قد يقلل من جهد الكتابة.
يمكنك أيضًا تبسيط العديد من التطبيقات عن طريق إزالة الوظائف الأقل استخدامًا ونقلها إلى نماذجها الخاصة. يمكن أيضًا أن يؤدي توفير الإعدادات الافتراضية في بعض الأحيان إلى تبسيط التطبيق؛ إذا قام تسعة من كل عشرة مستخدمين بتحديد نص غامق، فاجعل النص غامقًا كإعداد افتراضي بدلاً من مطالبة المستخدمين بتحديده في كل مرة (لا تنس توفير خيار يمكن تجاوز هذا الإعداد الافتراضي) . تساعد المعالجات أيضًا في تبسيط المهام المعقدة أو قليلة الاستخدام.
أفضل اختبار للتبسيط هو مراقبة التطبيق أثناء العمل. إذا لم يتمكن المستخدم التمثيلي من تحقيق ما يريده على الفور دون مساعدة عبر الإنترنت، فيجب إعادة التفكير في التصميم.
استخدام الألوان والصور
يمكن أن يؤدي استخدام الألوان في الواجهة إلى زيادة الجاذبية البصرية، ولكن غالبًا ما يحدث سوء الاستخدام. العديد من الشاشات قادرة على عرض ملايين الألوان، مما يجعل من السهل استخدامها جميعًا. اللون، مثل مبادئ التصميم الأساسية الأخرى، يمكن أن يسبب العديد من المشاكل إذا لم يتم أخذه بعين الاعتبار عند بدء التصميم.
يختلف تفضيل كل شخص للألوان اختلافًا كبيرًا، كما ستختلف أذواق المستخدمين أيضًا. يمكن أن تثير الألوان مشاعر قوية، وإذا كنت تصمم برنامجًا لجمهور عالمي، فقد تكون بعض الألوان ذات أهمية ثقافية. بشكل عام، من الأفضل أن تظل تقليديًا وأن تستخدم بعض الألوان الهادئة والأكثر حيادية.
وبطبيعة الحال، فإن القارئ المقصود والنغمة والمزاج الذي تحاول نقله سيؤثر أيضًا على اختيارك للون. تعمل الألوان الحمراء والخضراء والأصفر الزاهية بشكل جيد في التطبيقات التي يستخدمها الأطفال الصغار، ولكن في التطبيقات المصرفية من غير المرجح أن تجلب المسؤولية المالية.
يمكن لكمية صغيرة من الألوان الزاهية تسليط الضوء على المناطق المهمة أو لفت الانتباه إليها بشكل فعال. كقاعدة عامة، حاول الحد من تنوع الألوان المستخدمة في تطبيقك، ويجب أن تكون الدرجة متسقة. إذا كان ذلك ممكنًا، فمن الأفضل الالتزام بلوحة ألوان قياسية مكونة من 16 لونًا؛ عند عرضها على شاشة ذات 16 لونًا، يمكن أن يؤدي ثبات الألوان إلى منع ظهور بعض الألوان الأخرى. هناك مشكلة أخرى يجب مراعاتها عند العمل بالألوان وهي عمى الألوان. لا يستطيع بعض الأشخاص التمييز بين مجموعات مختلفة من الألوان الأساسية (مثل الأحمر والأخضر). بالنسبة للأشخاص الذين يعانون من هذه الحالة، يصبح النص الأحمر على خلفية خضراء غير مرئي.
الصور والأيقونات
يمكن أن يؤدي استخدام الصور والأيقونات أيضًا إلى إضافة اهتمام مرئي إلى التطبيق، ولكن التصميم الدقيق ضروري أيضًا. يمكن أن تنقل الصور المعلومات بشكل مرئي بدون نص، ولكن غالبًا ما يفسر الأشخاص المختلفون الصور بشكل مختلف.
يعد شريط الأدوات الذي يحتوي على أيقونات تمثل وظائف مختلفة أداة واجهة مفيدة، ولكنه يمكن أن يأتي بنتائج عكسية إذا لم يكن من السهل التعرف على الوظيفة التي يمثلها الرمز. عند تصميم أيقونات شريط الأدوات، يجب عليك النظر إلى التطبيقات الأخرى لمعرفة المعايير التي تم إنشاؤها. على سبيل المثال، تستخدم العديد من التطبيقات قطعة من الورق ذات زوايا ملتفة لتمثيل رمز الملف الجديد. قد يكون هناك استعارة أفضل لتمثيل هذه الوظيفة، ولكن استخدام تمثيلات أخرى قد يسبب ارتباكًا بين المستخدمين.
من المهم أيضًا مراعاة الأهمية الثقافية للصورة. تستخدم العديد من البرامج صندوق بريد رعوي به علامة (الشكل 6.21) لتمثيل وظيفة البريد. هذا هو في الأصل رمز للولايات المتحدة، وقد لا يتعرف عليه المستخدمون في البلدان أو الثقافات الأخرى كصندوق بريد.
عند تصميم الأيقونات والصور الخاصة بك، حاول إبقائها بسيطة. الصور المعقدة ذات الألوان المتعددة لا تتلاءم بشكل جيد مع أيقونات شريط الأدوات مقاس 16 × 16 بكسل أو عند عرضها على شاشات عالية الدقة.
حدد الخط
تعد الخطوط أيضًا جزءًا مهمًا من واجهات المستخدم لأنها غالبًا ما تنقل معلومات مهمة للمستخدمين. اختر الخطوط التي يسهل قراءتها على درجات الدقة وأنواع الشاشات المختلفة. من الأفضل الالتزام بخطوط sans-serif أو serif البسيطة كلما أمكن ذلك. غالبًا ما تبدو الخطوط المكتوبة بخط اليد أو الخطوط المزخرفة الأخرى أفضل في الطباعة منها على الشاشة، وكلما كان حجم الخط أصغر، زادت صعوبة قراءته.
ما لم تكن تخطط لتكوين الخطوط لكل تطبيق، فيجب عليك الالتزام بخطوط Windows القياسية مثل Arial أو NewTimesRoman أو System. إذا كان نظام المستخدم لا يحتوي على الخط المحدد، فسيستخدم النظام خطًا بديلاً، وقد تكون النتائج مختلفة تمامًا عن المتوقع. إذا كنت تصمم لجمهور عالمي، فابحث عن الخطوط المتوفرة باللغات المقصودة. وأيضًا، عند التصميم للغات أخرى، يتعين عليك مراعاة توسيع النص - في بعض اللغات، يمكن أن تشغل السلاسل النصية مساحة أكبر بنسبة تزيد عن 50%.
أيضًا، عند اختيار الخط، يعد الاتساق في التصميم أمرًا مهمًا جدًا. في معظم الحالات، يجب ألا تستخدم أكثر من خطين في التطبيق. يمكن لعدد كبير جدًا من الخطوط أن يجعل التطبيق يبدو وكأنه تذكرة جزاء.
->