ForHosting KIT · المنزل والطبخ والهوايات

حاسبة خطوط النسبة الذهبية

ابدأ بنص أساسي بحجم 16 px، فيكبر كل عنوان بمقدار الجذر التربيعي للنسبة الذهبية، ويقع العنوان 5 تمامًا عند 16 مضروبًا في فاي. تحصل على تعليق ونص وستة عناوين متناسقة. مجانًا في متصفحك.

مجاني
يعمل في متصفحك
دون تسجيل
بياناتك لا تغادر جهازك

شغّل الأداة مجانًا اطّلع على الـAPI

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

مثال محلول

إذا أدخلت

الحجم الأساسي: 16

تحصل على

النسبة الذهبية: 1.6180339888 px
نسبة الخطوة: 1.2720196495
النص: 16
صغير: 12.5784220441

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

كيف تبني النسبة الذهبية مقياسًا طباعيًا معياريًا

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

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

يُضبط ارتفاع سطر النص غالبًا قرب الأساس مضروبًا في phi لأن ذلك الإيقاع الرأسي يعكس النسبة نفسها المستخدمة أفقيًا في التخطيطات الكلاسيكية. يُرفض الأساس غير الموجب لأن حجم خط صفري أو سالب ليس منشأ معياريًا صالحًا وسينهار المقياس أو ينعكس. الوحدة الاختيارية مجرد تسمية مثل px أو rem أو em أو pt؛ لا تُحوَّل الأرقام بين وحدات مطلقة، فتبقى الرياضيات صادقة وحتمية لرموز تصميم تلصقونها في خصائص CSS المخصصة.

أين تظهر حاسبات خط النسبة الذهبية في العمل الفعلي

تحتاج أنظمة تصميم المنتج باستمرار منحدرًا طباعيًا متماسكًا حتى تبدو صفحات التسويق وإعدادات التطبيق ومراكز المساعدة عائلة واحدة؛ ومرجع موثوق يعيد كل عنوان بجانب النص وsmall يسرّع تأليف الرموز في تسليم Figma ومتغيرات CSS. تُسند منصات المدونات ومواقع التوثيق مقاييس معيارية عندما يختار المحررون حجم جذر لإمكانية الوصول ويحتاجون عناوين تظل مهيمنة دون شوربة بكسل يدوية. تعيد إرشادات العلامة والهجرات من الطباعة إلى الويب استخدام سلالم النسبة الذهبية حتى تتشارك الملصقات وملفات PDF والمواقع المتجاوبة تراتبية تناسبية حتى لو تغيّرت الوحدة المطلقة من نقطة إلى rem.

يقدّم مؤلفو مناهج التصميم المرئي النسبة الذهبية بحاسبات حية ليرى الطلاب كيف يصبح phi قيم rem ملموسة لا مخطط مستطيل فقط. إن احتجتم لاحقًا لوحات ألوان أو شبكات تباعد بعيدة عن الخط أو حاسبات clamp() سائلة أو محاذاة هامش بصرية، عاملوها كنوايا بحث وصفحات هبوط منفصلة بدل إثقال صفحة حاسبة أحجام خط النسبة الذهبية هذه.

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

رموز طباعة نظام التصميم

ولّدوا قيم h1–h6 وbody وsmall وارتفاع السطر من حجم أساس واحد حتى تبقى متغيرات CSS وأنماط نص Figma على مقياس معياري ذهبي.

أدلة أسلوب المدونات والوثائق

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

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

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

هو مقياس طباعي معياري ترتبط فيه الأحجام بالنسبة الذهبية φ ≈ 1.618 (أو أنصاف خطوات √φ). من حجم نص أساسي تضربون في قوى متتالية لـ step ratio للحصول على h6 حتى h1.

ما الحقول المطلوبة؟

base (حجم خط النص) مطلوب ويجب أن يكون منتهيًا وموجبًا تمامًا. unit اختياري وافتراضه px؛ يسمّي الأحجام ولا يحوّل بين الوحدات.

ماذا يحدث إذا كان حجم الأساس صفرًا أو سالبًا؟

الأساس غير الموجب ليس منشأ صالحًا لمقياس طباعي معياري ويُرفض بدل اختراع أحجام.

كيف ترتبط h1–h6 بالأساس؟

فـ h6 نصف خطوة فوق النص، وh5 يساوي base × φ، وh1 ست أنصاف خطوات فوق النص.

لماذا يستخدم المقياس الجذر التربيعي لفاي بدلًا من فاي نفسها؟

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

أدوات ذات صلة

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

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

الـEndpoint

POSThttps://api.kit.forhosting.com/hobby/golden-ratio-type

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

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

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

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

import os, requests

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

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

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

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

{
  "base": 16
}

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

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "hobby.golden_ratio_type",
  "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`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

ملاحظات تقنية

الأسس الصفرية والسالبة والمفقودة وNaN وInfinity تفشل بـ invalid_input واضح حتى لا تصل مقياس مكسور إلى CSS.

كيف تبني النسبة الذهبية مقياسًا طباعيًا معياريًا

المسار حساب عائم خالص بلا شبكة ولا بذور عشوائية ولا طوابع ساعة جدارية، فالأساس والوحدة المتطابقان ينتجان دائمًا نفس JSON.

ما ترسلونه وما تستلمونه

أرسلوا base كعدد منتهٍ موجب لحجم خط النص. اختياريًا أرسلوا unit كتسمية قصيرة مثل px أو rem؛ الافتراضي px ويزين التسميات فقط دون تحويل المقادير. فحوصات كلاسيكية: أساس ستة عشر بكسلًا يعطي body ستة عشر، وh5 يساوي ستة عشر×phi، وh1 يساوي ستة عشر×step أس ستة؛ وأساس rem واحد لأنظمة تصميم نسبية للجذر؛ وأساس ثمانية عشر لنصوص تحريرية أكبر قليلًا. تشمل الأسماء البديلة base_size وfont_size وsize وbody وbody_size وbase_font. غياب base والسلاسل غير الرقمية وNaN وInfinity والصفر والقيم السالبة تفشل بـ invalid_input ولا تُحسب. عند النجاح تعيد الاستجابة base وunit منظّفين، وثابتي golden_ratio وstep_ratio الدقيقين، وحجمي body وsmall، وكائن headings من h1 إلى h6، وحقولًا مسطحة h1–h6 للعملاء البسطاء، وline_height وline_height_ratio، ومصفوفة scale لصفوف دور وحجم وأس وأسم من h1 حتى small، وتسميات مقروءة لكل دور، ونص formula وmethod golden_ratio_type لتثبت الاختبارات الخوارزمية. تسعير استدعاءات API الناجحة هو الأساس المنشور $0.002 لكل عنصر؛ إخفاقات التحقق لا تستهلك الرصيد المدفوع مسبقًا.

أين تظهر حاسبات خط النسبة الذهبية في العمل الفعلي

يريد مهندسو الواجهة الذين يكتبون حزم السمات JSON حتميًا يمكن لقطه في CI بدل تقدير لقطات المتصفح بالعين لكل أساس. ولأن هذه القدرة محرك parse خالص، تسعير API هو الأساس المنشور $0.002 لكل عنصر ناجح والتحقق الفاشل لا يستهلك الرصيد.

حالات التكامل

حزم السمات وfixtures التكامل المستمر

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

أسئلة تقنية

كم التكلفة؟

أداة المتصفح مجانية وتعمل محليًا. طلبات API تستخدم رصيد KIT المدفوع مسبقًا بسعر $0.002 لكل عنصر ناجح؛ الإدخال غير الصالح لا يُحسب.

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

شغّل الأداة مجانًا

مثال محلول

كيف تبني النسبة الذهبية مقياسًا طباعيًا معياريًا

أين تظهر حاسبات خط النسبة الذهبية في العمل الفعلي

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

رموز طباعة نظام التصميم

أدلة أسلوب المدونات والوثائق

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

أدوات ذات صلة

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

الـEndpoint

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

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

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

الأسعار

الأخطاء

ملاحظات تقنية

كيف تبني النسبة الذهبية مقياسًا طباعيًا معياريًا

ما ترسلونه وما تستلمونه

أين تظهر حاسبات خط النسبة الذهبية في العمل الفعلي

حالات التكامل

حزم السمات وfixtures التكامل المستمر

أسئلة تقنية

شكرًا