عند إنشاء تصميم موقع ويب أو تطوير تطبيق ، غالبا ما تكون هناك حاجة لتصميم أصلي لمحتوى النص. واحدة من الطرق لإعطاء تعبير خاص للنص هو الترتيب الرأسي. في هذه المقالة ، سنلقي نظرة على نصائح وإرشادات مفيدة حول كيفية تدوير الخط عموديا.
الخطوة الأولى لإخراج النص العمودي هي استخدام خاصية كس "وضع الكتابة". تحدد هذه الخاصية اتجاه واتجاه المحتوى على صفحة الويب. على سبيل المثال ، لوضع النص الرأسي ، ستحتاج إلى تعيين قيمة هذه الخاصية على أنها "عمودي-رل" (موقع النص من اليمين إلى اليسار) أو "عمودي-لر" (موقع النص من اليسار إلى اليمين). لا تنس أيضا تحديد ارتفاع الكتلة حيث سيتم عرض النص بحيث يتم عرض النص عموديا.
بالإضافة إلى ذلك ، يمكنك استخدام خاصية كس "تحويل" لتدوير النص بزاوية معينة. على سبيل المثال ، لتدوير النص 90 درجة عكس اتجاه عقارب الساعة ، تحتاج إلى تعيين القيمة "تدوير (-90 درجة)". يمكنك أيضا تغيير زاوية الدوران ودمج هذه الخاصية مع الآخرين لإنشاء تأثيرات بصرية فريدة.
يمكن استخدام النص العمودي لإنشاء عناوين أنيقة وقوائم ولافتات وأزرار وعناصر تصميم ويب أخرى. يجذب انتباه المستخدمين ويساعد على التميز عن بقية المحتوى.
ومع ذلك ، قبل استخدام النص الرأسي ، من الضروري مراعاة إمكانية قراءته. تجنب استخدام خط صغير جدا ، وخطوط غير قابلة للقراءة ، بالإضافة إلى تصميم مثقل بشكل زائد يعقد الإدراك. من المهم إيجاد توازن بين الصفات الجمالية ووظائف النص حتى يتمكن المستخدمون من قراءته بسهولة والحصول على المعلومات اللازمة.
- دوران الخط: التقنية الصحيحة
- نصائح عملية لتدوير الخط
- تعليمات مفصلة لتحويل الخط إلى هتمل
دوران الخط: التقنية الصحيحة
إذا كنت تريد تدوير الخط عموديا ، فهناك عدة طرق للقيام بذلك باستخدام هتمل.
باستخدام خصائص كس " تحويل "و"تحويل المنشأ"
هذا الرمز يخلق عنصر سفغ مع عرض وارتفاع 100 بكسل تحتوي على نص استدارة 90 درجة عكس اتجاه عقارب الساعة.
3. باستخدام الجداول:
| إذا كنت تريد تدوير النص في الجدول ، يمكنك استخدام علامة هتمل | أو |
|---|---|
| وتطبيق خاصية كس | تحويل |
لهذه العناصر. على سبيل المثال: | |
| العنوان | |