ForHosting KIT · أدوات المطورين

مولد مقياس خطوط بالنسبة الذهبية من أي حجم أساسي

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

● Betaمجاني · داخل متصفحك

استخدمها من الويبAPIالبريدTelegramالتطبيق قريبًا

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

ابنوا المقياس انطلاقًا من أساس ذي معنى

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

اقرؤوا القيم الناتجة وقرّبوها وطبّقوها

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

وازنوا بين التناسب الكلاسيكي ومتطلبات الخط العملية

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

حالات الاستخدام

رموز أنظمة التصميم

أنشئوا سلمًا قابلًا لإعادة الإنتاج من رموز أحجام الخط حول حجم نص أساسي معتمد.

التراتبية التحريرية

استكشفوا أحجامًا متمايزة بوضوح للعرض والعناوين والنص والتعليقات والملاحظات في التخطيطات الطويلة.

توليد السمات

ولّدوا مقاييس حتمية لعدة أحجام أساسية ووحدات ضمن مسار آلي لإنشاء السمات.

الأسئلة الشائعة

ما النسبة المستخدمة بين الدرجات المتجاورة؟

تستخدم كل درجة مجاورة النسبة الذهبية الكاملة، φ = (1 + √5) / 2، أي نحو 1.61803399.

هل يظهر الحجم الأساسي في الناتج؟

نعم. الأساس هو الدرجة صفر، ويظهر بين الدرجات الموجبة الأكبر والدرجات السالبة الأصغر.

هل يؤدي تغيير الوحدة إلى تحويل القيم؟

لا. الوحدة تسمية للعرض، ولا تفترض الحاسبة أن البكسل وrem وem والنقطة وحدات قابلة للتبادل.

كم درجة يمكن توليدها؟

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

ما تكلفة طلب API؟

تبلغ تكلفة كل طلب API ناجح $0.002. ويمكنكم أيضًا استخدام نسخة المتصفح للاستكشاف التفاعلي.

للمطوّرين — الوصول عبر API

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

الـEndpoint

POSThttps://api.kit.forhosting.com/str/golden-type-scale

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

استدعِ الخدمة من بيئتك

curl -X POST https://api.kit.forhosting.com/str/golden-type-scale \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"base_size":16}'

const res = await fetch("https://api.kit.forhosting.com/str/golden-type-scale", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "base_size": 16
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/str/golden-type-scale",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "base_size": 16
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/str/golden-type-scale", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"base_size":16}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"base_size":16}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/str/golden-type-scale", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

مثال على الطلب

{
  "base_size": 16
}

مثال على الاستجابة

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "str.golden_type_scale",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.002

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

اطّلع على توثيق KIT الكامل ←