تأثير اختيار الخط على تصميم واجهة المستخدم:
يلعب اختيار الخط دورًا هامًا في تصميم واجهة المستخدم (UI) ويؤثر على العديد من العوامل، منها:
• الوضوح وقابلية للقراءة:
يجب أن يكون الخط واضحًا وقابلًا للقراءة على جميع الأحجام والشاشات.
• التسلسل الهرمي للمعلومات:
يساعد استخدام خطوط مختلفة بوزن ونماذج مختلفة على توجيه انتباه المستخدم إلى العناصر المهمة في واجهة المستخدم.
• إيصال المشاعر:
يمكن أن يثير كل نوع من الخطوط مشاعر مختلفة لدى المستخدم. على سبيل المثال، يُستخدم الخط العريض والقوي لإيصال الشعور بالقوة والثقة،
بينما يُستخدم الخط الرقيق والناعم لإيصال الشعور بالرقة والهدوء.
التوافق مع العلامة التجارية:
يجب أن يتوافق الخط المستخدم مع هوية العلامة التجارية
سهولة الاستخدام:
يجب أن يكون الخط سهل الاستخدام على الأشخاص ذوي الإعاقة البصرية.
أنواع الخطوط:
يمكن تصنيف الخطوط إلى فئات رئيسية:
• الخطوط السيريفيك serif:
تتميز هذه الخطوط بوجود زخارف صغيرة في نهايات الأحرف. تُستخدم الخطوط السيريفيك عادةً في النصوص الطويلة لأنها تُسهل القراءة.
• الخطوط غير السيريفي sans_serif:
لا تحتوي هذه الخطوط على زخارف في نهايات الأحرف. تُستخدم الخطوط غير السيريفيك عادةً في العناوين والعلامات التجارية لأنها تبدو أكثر حداثة وبساطة.
• الخطوط ذات المسافات المتساوية monospace:
تتميز هذه الخطوط بأن جميع الأحرف تشغل نفس المساحة. تُستخدم الخطوط ذات المسافات المتساوية عادةً في العناوين والعلامات التجارية لأنها تبدو أكثر تنظيمًا وتوازنًا.
• الخطوط ذات المسافات المتغيرة:
تختلف المساحة التي تشغلها كل حرف في هذه الخطوط. تُستخدم الخطوط ذات المسافات المتغيرة عادةً في النصوص القصيرة لأنها تُضفي عليها شعورًا أكثر طبيعية ودعوة للقراءة.
• الخطوط المزخرفة:
تتميز هذه الخطوط بتصميمات زخرفية معقدة. تُستخدم الخطوط المزخرفة عادةً في العناوين والعلامات التجارية لإضافة لمسة من الفخامة والجمال.
• الخطوط اليدوية:
تُشبه هذه الخطوط الكتابة اليدوية وتُضفي على التصميم شعورًا أكثر شخصية ودفئًا. تُستخدم الخطوط اليدوية عادةً في العناوين و في تصاميم تطبيقات الاطفال والعلامات التجارية لإضافة لمسة من الإبداع .
• الخطوط العربية:
تتوفر العديد من الخطوط العربية ذات الأنماط المختلفة، مثل الخطوط الكوفية والخطوط النسخية والخطوط الرقعة.
عند اختيار الخط لتصميم واجهة المستخدم، من المهم مراعاة العوامل التالية:
* الغرض من الخط: ما هو الهدف من استخدام الخط؟ هل هو للقراءة أم للعناوين أم للعلامات التجارية؟
* الجمهور المستهدف: من هو جمهورك المستهدف؟ ما هي احتياجاتهم وتفضيلاتهم؟
* رسالة العلامة التجارية: ما هي رسالة العلامة التجارية التي تريد إيصالها؟
* الجمالية: ما هو المظهر الذي تريد تحقيقه؟
#بعض_النماذج_لتوضيف_انواع_الخطوط_في_التصميم
@TheDesignX
يلعب اختيار الخط دورًا هامًا في تصميم واجهة المستخدم (UI) ويؤثر على العديد من العوامل، منها:
• الوضوح وقابلية للقراءة:
يجب أن يكون الخط واضحًا وقابلًا للقراءة على جميع الأحجام والشاشات.
• التسلسل الهرمي للمعلومات:
يساعد استخدام خطوط مختلفة بوزن ونماذج مختلفة على توجيه انتباه المستخدم إلى العناصر المهمة في واجهة المستخدم.
• إيصال المشاعر:
يمكن أن يثير كل نوع من الخطوط مشاعر مختلفة لدى المستخدم. على سبيل المثال، يُستخدم الخط العريض والقوي لإيصال الشعور بالقوة والثقة،
بينما يُستخدم الخط الرقيق والناعم لإيصال الشعور بالرقة والهدوء.
التوافق مع العلامة التجارية:
يجب أن يتوافق الخط المستخدم مع هوية العلامة التجارية
سهولة الاستخدام:
يجب أن يكون الخط سهل الاستخدام على الأشخاص ذوي الإعاقة البصرية.
أنواع الخطوط:
يمكن تصنيف الخطوط إلى فئات رئيسية:
• الخطوط السيريفيك serif:
تتميز هذه الخطوط بوجود زخارف صغيرة في نهايات الأحرف. تُستخدم الخطوط السيريفيك عادةً في النصوص الطويلة لأنها تُسهل القراءة.
• الخطوط غير السيريفي sans_serif:
لا تحتوي هذه الخطوط على زخارف في نهايات الأحرف. تُستخدم الخطوط غير السيريفيك عادةً في العناوين والعلامات التجارية لأنها تبدو أكثر حداثة وبساطة.
• الخطوط ذات المسافات المتساوية monospace:
تتميز هذه الخطوط بأن جميع الأحرف تشغل نفس المساحة. تُستخدم الخطوط ذات المسافات المتساوية عادةً في العناوين والعلامات التجارية لأنها تبدو أكثر تنظيمًا وتوازنًا.
• الخطوط ذات المسافات المتغيرة:
تختلف المساحة التي تشغلها كل حرف في هذه الخطوط. تُستخدم الخطوط ذات المسافات المتغيرة عادةً في النصوص القصيرة لأنها تُضفي عليها شعورًا أكثر طبيعية ودعوة للقراءة.
• الخطوط المزخرفة:
تتميز هذه الخطوط بتصميمات زخرفية معقدة. تُستخدم الخطوط المزخرفة عادةً في العناوين والعلامات التجارية لإضافة لمسة من الفخامة والجمال.
• الخطوط اليدوية:
تُشبه هذه الخطوط الكتابة اليدوية وتُضفي على التصميم شعورًا أكثر شخصية ودفئًا. تُستخدم الخطوط اليدوية عادةً في العناوين و في تصاميم تطبيقات الاطفال والعلامات التجارية لإضافة لمسة من الإبداع .
• الخطوط العربية:
تتوفر العديد من الخطوط العربية ذات الأنماط المختلفة، مثل الخطوط الكوفية والخطوط النسخية والخطوط الرقعة.
عند اختيار الخط لتصميم واجهة المستخدم، من المهم مراعاة العوامل التالية:
* الغرض من الخط: ما هو الهدف من استخدام الخط؟ هل هو للقراءة أم للعناوين أم للعلامات التجارية؟
* الجمهور المستهدف: من هو جمهورك المستهدف؟ ما هي احتياجاتهم وتفضيلاتهم؟
* رسالة العلامة التجارية: ما هي رسالة العلامة التجارية التي تريد إيصالها؟
* الجمالية: ما هو المظهر الذي تريد تحقيقه؟
#بعض_النماذج_لتوضيف_انواع_الخطوط_في_التصميم
@TheDesignX
❤2👍1🔥1
ناس جدعان قرروا انهم يعرفوا ايه اكتر الModifiers او Keywords اللي هي الكلمات اللي بتستخدم في تحسين الصور واضفاء طابع خاص عليها..
سحبوا الداتا من مواقع ال prompts والداتا بتاعت civitai (شرحناه قبل كده في فيديو)، ودخلوا الداتا دي وطلعوا بأفضل 100 كلمة واكثرهم استخداما في عالم الرسم بالذكاء الاصطناعي..
الكلمات دي تنفع مع اي برنامج او خدمة Stable diffusion, BING, leonardo, Playground, TensorArt..
هتلاحظ فرق كبير بعد اضافة الكلمات دي، وخلي دايما الكلمات دي في اخر الPrompt...
highly detailed
insanely detailed
sharp focus
wayne barlowe
concept art
atmospheric
intricate
by rossdraws
artstation
hypermaximalist
digital painting
pop surrealist
smooth
boris vallejo
elegant
by james jean
illustration
frank franzzeta
cinematic lighting
mcbess
octane render
brosmind
trending on artstation
steve simpson
8 k
krenz cushart
dramatic lighting
decadent
cinematic
ilya kuvshinov
volumetric lighting
by kyoto animation
greg rutkowski
art by ruan jia and greg rutkowski
unreal engine
mucha fantasy art artifacts
realistic
hajime sorayama
4 k
aaron horkey
digital art
hyperrealistic
sharp
natural raw unreal tpose
unreal engine 5
akihiko yoshida
pulp fiction
by greg rutkowski
focus
ultra realistic
hyper realistic
cosmic horror
colorful background
ultra detailed
vray
high detail
qled 720 8k
finely detailed features
studio ghibli
detailed
ray tracing
perfect art
colorfully
trending on pixiv fanbox
photo realism
beautiful
matte
ominous
intricate sharp details
artgerm
dynamic compositiom
peter mohrbacher
volumetric light
fantasy intricate elegant
colorful
studio lighting
photorealism
craig mullins
ultra - detailed
photorealistic
hand coloured photo
digital airbrush
high definition
gaston bussiere
concept art artgerm
hyper realism
natural lighting
intricate details
collodion wet paint photo
sakimi chan
4 k post - processing
studio quality
oil painting
magical illustration
photoreal
ornate
old scratched photo
matte painting
cgsociety
@TheDesignX
سحبوا الداتا من مواقع ال prompts والداتا بتاعت civitai (شرحناه قبل كده في فيديو)، ودخلوا الداتا دي وطلعوا بأفضل 100 كلمة واكثرهم استخداما في عالم الرسم بالذكاء الاصطناعي..
الكلمات دي تنفع مع اي برنامج او خدمة Stable diffusion, BING, leonardo, Playground, TensorArt..
هتلاحظ فرق كبير بعد اضافة الكلمات دي، وخلي دايما الكلمات دي في اخر الPrompt...
highly detailed
insanely detailed
sharp focus
wayne barlowe
concept art
atmospheric
intricate
by rossdraws
artstation
hypermaximalist
digital painting
pop surrealist
smooth
boris vallejo
elegant
by james jean
illustration
frank franzzeta
cinematic lighting
mcbess
octane render
brosmind
trending on artstation
steve simpson
8 k
krenz cushart
dramatic lighting
decadent
cinematic
ilya kuvshinov
volumetric lighting
by kyoto animation
greg rutkowski
art by ruan jia and greg rutkowski
unreal engine
mucha fantasy art artifacts
realistic
hajime sorayama
4 k
aaron horkey
digital art
hyperrealistic
sharp
natural raw unreal tpose
unreal engine 5
akihiko yoshida
pulp fiction
by greg rutkowski
focus
ultra realistic
hyper realistic
cosmic horror
colorful background
ultra detailed
vray
high detail
qled 720 8k
finely detailed features
studio ghibli
detailed
ray tracing
perfect art
colorfully
trending on pixiv fanbox
photo realism
beautiful
matte
ominous
intricate sharp details
artgerm
dynamic compositiom
peter mohrbacher
volumetric light
fantasy intricate elegant
colorful
studio lighting
photorealism
craig mullins
ultra - detailed
photorealistic
hand coloured photo
digital airbrush
high definition
gaston bussiere
concept art artgerm
hyper realism
natural lighting
intricate details
collodion wet paint photo
sakimi chan
4 k post - processing
studio quality
oil painting
magical illustration
photoreal
ornate
old scratched photo
matte painting
cgsociety
@TheDesignX
👍3🎃1