Lolly
افتح التطبيق

استوديو العلامة التجارية

استوديو العلامة التجارية على #/start هو المكان الوحيد الذي تُشكّل فيه علامتك التجارية - شعاراتها وألوانها وخطوطها وبقية رموزها والملفات التي تحفظها. اضبطها هنا مرة واحدة، وكل أداة وصفحة وتصدير ستتبعها بحكم البناء، لا بحكم المراجعة.

تُعاين التغييرات حيا عبر التطبيق بأكمله أثناء إجرائها، بحيث ترى أثر لون أو خط في كل مكان قبل أن تُثبّته. كل ذلك يجري على الجهاز: ملفات علامتك التجارية ورموزها لا تغادر جهازك أبدا (اختيار خط من Google Font يجلب تلك العائلة الواحدة من Google، مرة واحدة، بعد مربع حوار موافقة)، وتنتقل العلامة التجارية في ملف حزمة علامة تجارية واحد.

هذا هو المحرر. لوحة القيادة هي المرآة. علامة تبويب نظام العلامة التجارية في لوحة القيادة (#/d) تعرض علامتك التجارية للقراءة فقط؛ أما تحريرها فيتم هنا في #/start. إذا أردت تغيير لون لاحقا، عُد إلى استوديو العلامة التجارية.

الغرف

الاستوديو مجموعة من الغرف مدرجة في شريط جانبي - وليست خطوات. لا شيء مرقّم، ولا شيء مشروط بشيء آخر، والوصول إلى أي منها مشروع في حد ذاته:

على الهاتف تتحول القائمة نفسها إلى شريط شرائح أفقي مثبَّت تحت الترويسة. تبديل الغرفة لا يُعيد تحميل أي شيء أبدا - يبقي المحرر كل لوحاته مركّبة ويعرض ببساطة ما طلبته.

اربط غرفة برابط مباشر عبر #/start?area=<key>. المفاتيح هي overview، وcolor (لاحظ الإملاء الأمريكي في الرابط)، وtype، وlogos، وtokens، وcatalogue (غرفة الملفات - مفتاح اللوحة عقد دائم، لذا يحتفظ الرابط بالاسم القديم) وversions. ?tab= هو الاسم البديل القديم لنفس الشيء وما زال يعمل، لذا تظل الروابط والإشارات المرجعية القديمة صالحة؛ أي شيء غير معروف يفتح نظرة عامة بدلا من الوصول إلى طريق مسدود.

مثبتة في أسفل الشريط الجانبي الإجراءات التي تخص نظام العلامة التجارية كله لا غرفة واحدة:

شريط غرف الاستوديو - نظرة عامة، الألوان، الخط، الشعارات، الرموز والملفات signed by Lollyvector SVG18 paths~1.2k nodes40 groups20 KBتحقق بنفسكاحصل على الملف الموقَّعشريط غرف الاستوديو - نظرة عامة، الألوان، الخط، الشعارات، الرموز والملفات signed by Lollyvector SVG18 paths~1.2k nodes40 groups20 KBتحقق بنفسكاحصل على الملف الموقَّعTry it in the app

نظرة عامة

نظرة عامة هي الغرفة التي تصل إليها أولا، ولها وجهان.

عندما لا شيء مُختارا بعد تقول الغرفة اجعلها ملكك. يفتح ابدأ من مرجع منتقي المصدر لشعار أو لقطة شاشة أو صفحة ويب أو ملف تصميم. وتفتح اختر لونا واختر وجها وأضف شعارا عناصر التحكم الموجودة لها مباشرة. كل مسار يبدأ بخيار؛ وفتح أحدها لا يكتب شيئا. واستكشف الأدوات متاح فورا.

بمجرد أن يصبح أي شيء ملكك، تعرض الغرفة نفسها ما لديك، وتتصدرها الأعداد التي صنعتها. تقرأ الألوان عدد الألوان التي يحملها نظام التصميم، وتضيف إشارة خافتة · N starter فقط حيث تظهر ألوان موروثة على السطح؛ ويضع الشريط بجانبها الألوان التي اخترتها أولا، ثم خط رفيع، ثم الألوان التمهيدية الباهتة. وتقرأ الخط حسب الدور (Inter للعناوين، مع تمهيدي للباقي · SUSE، SUSE Mono تحتها). وتقرأ الشعارات عدد الفتحات الممتلئة، أو غير محدد. وتحمل الرموز نصف قطر الزوايا، موسوما بـتمهيدي إلى أن تنقله. وتقول الملفات لا شيء بعد ما دامت المكتبة فارغة. كل كتلة باب إلى غرفتها. توجد أعداد هنا، ولا شريط تقدم أبدا ولا بطاقة إنهاء أبدا - لا شيء في هذا الاستوديو مستحق.

الشعارات

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

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

أسفل ذلك تقع الشبكة التي ينتهي فيها كل علامة - فتحات اتجاه × معالجة:

هذه ثماني فتحات اختيارية. انقر على فتحة لإضافة PNG أو SVG أو JPEG أو WebP؛ انقر على فتحة مملوءة لاستبدالها. كل فتحة اختيارية ويبقى كل شيء على هذا الجهاز.

مصفوفة الشعارات - كل اتجاه عبر الأعلى، وكل معالجة كفتحتها المتقطعة الخاصة، وكلها اختيارية signed by Lollyvector SVG32 paths~12k nodes69 groups123 KBتحقق بنفسكاحصل على الملف الموقَّعمصفوفة الشعارات - كل اتجاه عبر الأعلى، وكل معالجة كفتحتها المتقطعة الخاصة، وكلها اختيارية signed by Lollyvector SVG32 paths~12k nodes69 groups123 KBتحقق بنفسكاحصل على الملف الموقَّع

الألوان

تنمو الغرفة مع نظام التصميم. لا شيء لم تحتج إليه بعد يظهر على الصفحة، فأول زيارة قرار واحد وبقية العناصر تصل مع نمو اللوحة.

أول لون

يفتح نظام تصميم بلا ألوان خاصة به على عمود واحد ممركز: ابدأ بلون واحد، شريحة حية كبيرة، حقل، وسطر هادئ يذكر أن الأدوار والدرجات وإعدادات الطباعة تصل كلما نما النظام.

يصبح أول لون هو الأساسي، وتقول الشريحة التي تجيب على الإضافة ذلك - "الأساسي الآن هو Vivid Violet" - مع ضبط دقيق بجانبها.

غرفة الألوان بلا شيء مختار بعد - شريحة حية كبيرة، حقل واحد، وسطر واحد عمّا يصل لاحقا signed by Lollyvector SVG167 paths~11k nodes243 groups1 image191 KBتحقق بنفسكاحصل على الملف الموقَّعغرفة الألوان بلا شيء مختار بعد - شريحة حية كبيرة، حقل واحد، وسطر واحد عمّا يصل لاحقا signed by Lollyvector SVG167 paths~11k nodes243 groups1 image191 KBتحقق بنفسكاحصل على الملف الموقَّع

تمهيدي

تمهيدي هي كلمة كل ما جاء مع التطبيق بدلا من أن يُختار. لا يحمل التثبيت الجديد أي لون على الإطلاق: كل ما لديه تدرّج محايد واحد، حبر عبر ورق، بحيث تُعرَض الأسطح والنصوص والخطوط الرفيعة قبل أن يقرر أحد أي شيء. هذه المحايدات سقالة، فلا تُحتسب كألوان ولا تُرسم في لوحة اللوحة. وتعيش في غرفة الرموز باسم محايدات · تمهيدي · 9، مع فتح يعرضها في لوحة الألوان كمجموعة واحدة مطوية وموسومة (#/start?area=color&group=neutral).

وتسري الكلمة نفسها في كل غرفة: دور يقوم على لون تمهيدي يُقرأ "تمهيدي Paper يقوم مقامه" ومنتقيه يعرض اختر…؛ ووجه تمهيدي يحمل وسم تمهيدي ولا تلوين؛ ونصف قطر زوايا تمهيدي يُوسم في نظرة عامة. ولا تُرسم المادة الموروثة أبدا بحد متقطع، لأن الحد المتقطع يعني هدف إفلات هنا.

كلما نمت اللوحة

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

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

غرفة الألوان بعد إضافة لون واحد، مع لوحتها ومعاينة تركيب حية signed by Lollyvector SVG171 paths~12k nodes245 groups1 image198 KBتحقق بنفسكاحصل على الملف الموقَّعغرفة الألوان بعد إضافة لون واحد، مع لوحتها ومعاينة تركيب حية signed by Lollyvector SVG171 paths~12k nodes245 groups1 image198 KBتحقق بنفسكاحصل على الملف الموقَّع

الأدوار - ما تقرأه الأدوات

الأدوار هي الطبقة فوق العيّنات: أي لون يؤدي كل دور في كل أداة وتصدير. والأدوار اختيارية (نظام تصميم من ثلاثة ألوان منفصلة بلا أدوار جيد تماما)، ويمكن لأي عينة أن تأخذ دورا، وتُقاس قراءة التباين مقابل السطح، بمعيار APCA أولا.

يُقرأ الصف بأحد ثلاثة تسجيلات، بحيث لا يدّعي الشريط أبدا قرارا لم يتخذه أحد:

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

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

الأجنحة المتقدمة

أربعة أقسام مطوية تقع تحت معاينة التركيب وأدوار الألوان. افتح ما تريد؛ كل منها قابل للربط المباشر كـ #/start?area=color&focus=<wing>، الذي يفتحه أيا كان ما تعرضه الغرفة خلاف ذلك:

لون واحد، لوحة كاملة

داخل استكشاف الدرجات والتناغمات، اختر لونا أساسيا للبدء. ويقترح Lolly درجات مطابقة باستخدام رياضيات اللون الإدراكية نفسها (OKLCH) التي يستخدمها المحرك في كل مكان. اضبط الاقتراحات:

تغيير لون البدء وعناصر التحكم لا يغيّر إلا الاقتراحات. انقر درجة لإضافة ذلك اللون، أو أضف 5 درجات لإضافة مجموعة (يتبع العدد إعداد الدرجات لديك). وتبقى الألوان والأدوار الحالية في مكانها. ويزيل التراجع الإضافة.

تعرض صفوف الأساسي والمحايد والثانوي الدرجات المقترحة. افتح معاينة السمة لفحص أمثلة فاتحة وداكنة وقراءات تباينها. اختر خطوة محايدة أو ثانوية هناك لضبط مراسي السمة المقترحة. ويظل إعادة بناء اللوحة كاملة إجراء منفصلا ومراجَعا أدناه.

ثلاث مجموعات درجات مقترحة، مع عناصر تحكم إضافة فردية ومعاينة سمة منفصلة signed by Lollyvector SVG22 paths~1.9k nodes49 groups27 KBتحقق بنفسكاحصل على الملف الموقَّعثلاث مجموعات درجات مقترحة، مع عناصر تحكم إضافة فردية ومعاينة سمة منفصلة signed by Lollyvector SVG22 paths~1.9k nodes49 groups27 KBتحقق بنفسكاحصل على الملف الموقَّع

ابنِ اللوحة (مولّد التناغم)

في العثور على ألوان مطابقة، يقترح مولّد التناغم ألوان لهجة مطابقة من الأساسي. اختر تناغما - متكامل، أو متجاور، أو ثلاثي، أو رباعي أو متشابه (الذي يجلب عدد لهجات خاصا به، من 2 إلى 5، وزاوية تدرّج لوني من 10° إلى 45°) - ويصل كل مرشح باسم مقروء يُولَّد تلقائيا وزر + إضافة. وإضافة أحدها تضع ذلك اللون في اللوحة فورا، ضغطة واحدة لرمز واحد. وتعاين في السياق ألوانك المضافة على تركيبات نموذجية.

لهجات مولَّدة، لكل منها عيّنة واسم مولَّد تلقائيا وقيمته السداسية عشرية وزر إضافة signed by Lollyvector SVG8 paths936 nodes14 groups15 KBتحقق بنفسكاحصل على الملف الموقَّعلهجات مولَّدة، لكل منها عيّنة واسم مولَّد تلقائيا وقيمته السداسية عشرية وزر إضافة signed by Lollyvector SVG8 paths936 nodes14 groups15 KBتحقق بنفسكاحصل على الملف الموقَّع

اعتماد نطاق لوني مولَّد

إضافة لون مقترح أو مجموعة درجات تُبقي بقية لوحتك. أما للاستبدال الكامل، فافتح إعادة بناء اللوحة بأكملها… واضغط معاينة الإعادة الكاملة. وتشرح المراجعة التغييرات: كم دورا سيبقى كما عيّنته، وكم لونا أضفته بنفسك سيُحفظ، وكم منحنى درجات سيُعاد ربطه، وكم قفل طباعة سيُعاد تثبيته، وكم درجة مخفية ستبقى مخفية، وكم نقطة تدرّج ستحتفظ بلونها.

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

النطاق اللوني، والمخطط، وكل عيّنة

تسرد اللوحة ألوان نظام التصميم في مجموعات قابلة للطي، ولكل منها عنصر + إضافة خاص بها. أنشئ مجموعات وأعد تسميتها لتنظيم عملك. ولا يصنع دور بلاطة ثانية أبدا: رمز واحد بلاطة واحدة، وتحمل البلاطة التي يشير إليها دور علامة زاوية صغيرة بدلا من ذلك (P، S، Su، T). وتحت البلاطات، تُفتح مخطط الألوان على عرضين للعيّنات نفسها: العجلة (عجلة OKLCH - اسحب نقطة لإعادة تلوينها، انقر نقطة لتحريرها أو انقر مساحة فارغة لإسقاط عيّنة جديدة) ومخطط النطاق اللوني، الذي يُظهر أين ينتهي النطاق القابل للعرض فعليا. و#/start?area=color&focus=chart يفتح البطاقة مباشرة، كما تفعل ?wheel دائما.

لوحة الألوان، كل مجموعة قابلة للطي، مع حبة التنزيل متمركزة عند حافتها السفلية signed by Lollyvector SVG113 paths~9.3k nodes231 groups1 image133 KBتحقق بنفسكاحصل على الملف الموقَّعلوحة الألوان، كل مجموعة قابلة للطي، مع حبة التنزيل متمركزة عند حافتها السفلية signed by Lollyvector SVG113 paths~9.3k nodes231 groups1 image133 KBتحقق بنفسكاحصل على الملف الموقَّع

عجلة OKLCH - الزاوية هي التدرّج اللوني، والمسافة للخارج هي الإشباع، والرماديات تسير على مسار سطوع على الجانب signed by Lollyvector SVG529 paths~4.9k nodes161 groups149 KBتحقق بنفسكاحصل على الملف الموقَّععجلة OKLCH - الزاوية هي التدرّج اللوني، والمسافة للخارج هي الإشباع، والرماديات تسير على مسار سطوع على الجانب signed by Lollyvector SVG529 paths~5.4k nodes165 groups174 KBتحقق بنفسكاحصل على الملف الموقَّع

انقر أي عيّنة لفتح محررها:

أقفال الطباعة هذه هي ما تستخدمه المطبعة عند تصدير PDF أو TIFF بصيغة CMYK - انظر التصدير.

حذف عيّنة آمن: خطوات النطاق المشتقة وأدوار السمة تُخفى (يبقى الرمز الأساسي قابلًا للتحليل، فلا ينكسر شيء في المصب)، بينما الألوان التي أضفتها بنفسك تُزال تمامًا.

العمل مع عيّنات كثيرة

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

التحديد في لوحة الألوان إيماءة، لا وضع. لا يوجد زر يُضغط أولا، ويصل الشريط مع أول بلاطة محددة ويرحل مع آخرها.

يقرأ الشريط نفسه {n} محدد، ثم نقل إلى (مجموعة موجودة، أو مجموعة جديدة تسمّيها داخل القائمة)، وامنح دورا (يأخذ كل لون محدد الدور التالي بالتناوب، فتملأ أربع بلاطات الأدوار الأربعة كلها بضغطة واحدة)، وتنزيل (التحديد بأي من صيغ اللوحة الست)، وانسخ القيم (سطر واحد لكل لون بترميزه المخزَّن) وحذف. وتظهر نقل إلى وامنح دورا بمجرد أن يمتلك اللوحة درجات لتحريكها. ويتراجع Ctrl/Cmd-Z واحد عن إجراء جماعي كامل - نقل أربعين، أو تناوب أدوار، أو حذف - ويذكر الحذف ما احتفظ به، لأن التحديد يطال بلاطات لا تزيلها هذه الغرفة.

التدرّجات

تبني لوحة التدرجات الاختيارية رموز مزج من اللوحة للخلفيات واللهجات. تخطَّها كليا إن كان نظام التصميم لا يستخدم التدرجات. لكل تدرج معاينة، ونقاط مسمّاة (2-8) وزاوية. السلوك الأساسي: النقطة تشير إلى عيّنة، فإذا أعدت تلوين تلك العيّنة تبعها التدرج. ويجري الاستيفاء في OKLCH لمزج نظيف. احذف نقطة لتقصير المسار.

خذ النطاق اللوني إلى مكان آخر

تنزّل الحبة العائمة المتمركزة عند الحافة السفلية للوحة اللوحة كاملة كـرموز التصميم (JSON)، أو متغيرات CSS، أو فئات CSS، أو متغيرات SCSS، أو لوحة GIMP (.gpl) أو تبادل عيّنات أدوبي (.ase) - بحيث ينتقل نظام التصميم مباشرة إلى Illustrator أو Figma أو GIMP أو ورقة أنماط. وتقع خارج شريط تمرير اللوحة، فتحتفظ بمكانها مهما مرّرت اللوحة، وتظهر بمجرد أن يمتلك اللوحة درجات. (يمكنك أيضا تنزيل اللوحة من الأصول.)

الخط

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

غرفة الخط بلا وجه مختار بعد - بطاقة واحدة بحجم القراءة، ووسم تمهيدي عليها، واختر وجها واحدا ممتلئا signed by Lollyvector SVG87 paths~9.9k nodes91 groups151 KBتحقق بنفسكاحصل على الملف الموقَّعغرفة الخط بلا وجه مختار بعد - بطاقة واحدة بحجم القراءة، ووسم تمهيدي عليها، واختر وجها واحدا ممتلئا signed by Lollyvector SVG87 paths~9.9k nodes91 groups151 KBتحقق بنفسكاحصل على الملف الموقَّع

اختر وجها واحدا فتنفتح الغرفة على أربع بطاقات دور، وقائمة الخطوط، والعيّنة الحية. والأوجه الأربعة هي ما يقرأه التطبيق وأدواتك وكل تصدير فعليا:

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

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

بطاقات الأدوار الأربع مكشوفة - كل واحدة بالوجه الذي يخدمها، مع وسم تمهيدي حيث لم يختر أحد وجها والمائل يتبع الأساسي signed by Lollyvector SVG21 paths~6.1k nodes31 groups73 KBتحقق بنفسكاحصل على الملف الموقَّعبطاقات الأدوار الأربع مكشوفة - كل واحدة بالوجه الذي يخدمها، مع وسم تمهيدي حيث لم يختر أحد وجها والمائل يتبع الأساسي signed by Lollyvector SVG21 paths~6.1k nodes31 groups73 KBتحقق بنفسكاحصل على الملف الموقَّع

مسرح المقارنة

مسرح المقارنة مفتوحا تحت بطاقته، مع صف البحث والعائلات المثبَّتة والبطاقات مطوية إلى شريط بسطر واحد signed by Lollyvector SVG102 paths~12k nodes117 groups177 KBتحقق بنفسكاحصل على الملف الموقَّعمسرح المقارنة مفتوحا تحت بطاقته، مع صف البحث والعائلات المثبَّتة والبطاقات مطوية إلى شريط بسطر واحد signed by Lollyvector SVG102 paths~12k nodes117 groups177 KBتحقق بنفسكاحصل على الملف الموقَّع

يُفتح المسرح ضمن الغرفة نفسها، لا في نافذة حوارية، ومباشرة تحت البطاقة التي ضغطتها. وبينما هو مفتوح تُطوى البطاقات إلى شريط بسطر واحد للدور والوجه، بحيث يكون المسرح على الشاشة الأولى حتى على الهاتف. ويلغي Escape ذلك ويعيد لوحة المفاتيح إلى البطاقة التي فتحته منها.

اختيار وجه هو ثلاث ضغطات:

  1. اختر وجها على البطاقة.
  2. اكتب اسم عائلة واضغط معاينة - أو اضغط إحدى العائلات الست المثبَّتة تحت الحقل، ضغطة واحدة لكل منها. وتظهر البطاقة وهي تُحمَّل بالفعل، بشريط هيكلي حيث ستكون العيّنة بدلا من وجه الواجهة الذي يقوم مقام وجه لم تره بعد.
  3. استخدم هذا الوجه.

تُطلب الموافقة مرة واحدة فقط، عند الضغطة التي تجريها. في أول مرة تصل فيها معاينة إلى Google Fonts، يذكر حوار ما سيحدث: يتعرف Google على اسم العائلة وعنوان IP الخاص بك. ثم يبقى الملف على هذا الجهاز ويُستخدم دون اتصال. وهذه هي الخطوة الوحيدة في الاستوديو التي تصل إلى طرف ثالث. ويمضي الجلب من Google قدما ويُتذكَّر. ويترك إلغاء البطاقة تقول "لم يُجلب. لم يُرسل شيء إلى Google." مع الجلب من Google الحية الخاصة بها، بحيث يكون تغيير رأيك ضغطة واحدة على البطاقة نفسها. ولا تعرض أي بطاقة أبدا زرا ميتا: أيا كانت حالتها، يذكر زرها الأساسي الواحد ما هي الخطوة التالية.

أسقط ملف خط على المسرح فيُعايَن فورا - TTF أو OTF أو WOFF من جهازك، وهذا هو المسار لخط شركة مرخّص تملكه بالفعل. ومنطقة الإسقاط تلك هي باب الملفات الوحيد في الغرفة.

في كلتا الحالتين يبقى الوجه على هذا الجهاز، يُعرض في التطبيق، وفي أدواتك وفي كل تصدير، دون اتصال إلى الأبد وينتقل ضمن ملف نظام التصميم - لا شيء يُجلَب وقت العرض. كل ما على Google Fonts يُشحن بموجب ترخيص مفتوح (OFL/Apache/UFL).

الخطوط على هذا الجهاز

تسرد لوحة الخطوط كل وجه يحمله هذا الجهاز والدور الذي يخدمه. وتتصدر الأوجه التي أضفتها تحت في نظام التصميم، ولكل منها أدوارها وزر حذف، ويحمل الوجه الذي يخدم الأساسي الشارة. وتتبعها الأوجه التمهيدية في صف واحد مطوي - تمهيدي · SUSE، SUSE Mono · يخدم الأساسي والكود إلى أن تختار - هادئة، بلا حذف ولا شيء لترقيته، لأن لا واحدة منها قرار اتخذه أحد. ويفتح إضافة وجه مسرح المقارنة نفسه دون تحديد نطاق.

تُظهر لوحة أدوار الخط في الأسفل عيّنة حيّة لكل دور - المحتوى والواجهة بالوجه الأساسي، ووجه عرض اختياري للعناوين العلوية، ومائل للتأكيد، وأحادي المسافة للكود والبيانات - مع اسم العائلة وحالتها بجانب كل منها (Inter، SUSE · تمهيدي، SUSE · يتبع الأساسي)، بحيث تُقرأ المجموعة كاملة دفعة واحدة.

الرموز

بقية نظام التصميم، قابلة للتحرير دون لمس الكود:

غرفة الرموز - منزلق نصف قطر الزوايا بالإضافة إلى المسافات والأحجام والظلال وبقية النظام signed by Lollyvector SVG336 paths~32k nodes575 groups1 image490 KBتحقق بنفسكاحصل على الملف الموقَّعغرفة الرموز - منزلق نصف قطر الزوايا بالإضافة إلى المسافات والأحجام والظلال وبقية النظام signed by Lollyvector SVG336 paths~32k nodes575 groups1 image492 KBتحقق بنفسكاحصل على الملف الموقَّع

الملفات

أسقط الملفات التي تحتفظ بها علامتك التجارية - بخلاف الشعارات - هنا: أصول متجهة، وصور، وصوت وحركة (فيديو، Lottie، متحركة). تصل إلى الأصول، مرتَّبة في أقسام وجاهزة في منتقي الأصول لكل أداة. ويبقى كل شيء على هذا الجهاز. (يسمّي الشريط الجانبي الغرفة الملفات؛ ويبقى مفتاح الرابط catalogue، لأن مفتاح اللوحة عقد دائم.)

أدخل علامة تجارية

إضافة من... أسفل الشريط الجانبي يفتح منتقيًا من مرحلتين. المرحلة الأولى تسأل عمّا لديك، لا عن صيغته:

اختر مصدر ملف التصميم وتكون المرحلة الثانية البطاقة أدناه: الصيغ المقبولة تتصدَّر كبلاطات أيقونات بترتيب الأفضلية، والبطاقة كاملة هدف إسقاط واحد - انقر في أي مكان عليها أو اسحب ملفًا إليها. يمكنك أيضًا إسقاط ملف مباشرة على الاستوديو.

بطاقة الاستيراد - الصيغ المقبولة تتصدَّر كبلاطات أيقونات، والبطاقة كاملة هدف إسقاط واحد signed by Lollyvector SVG20 paths~3.1k nodes35 groups2 images173 KBتحقق بنفسكاحصل على الملف الموقَّعبطاقة الاستيراد - الصيغ المقبولة تتصدَّر كبلاطات أيقونات، والبطاقة كاملة هدف إسقاط واحد signed by Lollyvector SVG20 paths~3.1k nodes35 groups2 images174 KBتحقق بنفسكاحصل على الملف الموقَّع

ما يمنحك إياه كل ملف تصميم:

يفتح شعار/لقطة شاشة، أو موقع ويب، أو صفحة محفوظة نظام التصميم المقترح لك. اطلع على مثال يستخدم الألوان المقترحة، واختر لونا رئيسيا مختلفا إن لزم، وسمِّ النظام. ويطبّق استخدام نظام التصميم هذا اللوحتين الفاتحة والداكنة المولَّدتين ويعود إلى نظرة عامة. وتبقى الخطوط الحالية في مكانها. ويستبدل هذا ألوان النظام النشط وإعدادات التوكنات الأخرى. ويجب أن تنجح نقطة استعادة أولا؛ وتستعيد استعادة إعدادات العلامة التجارية الإعدادات السابقة.

تعرض تفاصيل المصدر والخيارات الفردية ما قُرئ، وأسماء الخطوط المكتشَفة، وتباين نص/إجراء المعاينة. كما تعرض اختيار عناصر فردية في الدرج وتنزيل سياق التصميم. ويحمل تقرير JSON ملاحظات وتوكنات مقترحة ومعلومات المصدر؛ ويتضمن HTML/CSS المحفوظ تجزئة SHA-256 للنص المقدَّم. ولا يحتوي على نص الصفحة الخام وليس بيان اعتماد محتوى موقَّعا. وأسماء الخطوط اقتراحات فقط: يبقى الخط هو المكان الذي تختار فيه الخطوط وتثبّتها.

تحتفظ استيرادات PDF وملفات التصميم الأخرى بعناصر التحكم بالمراجعة الحالية لها. والعناصر المحفوظة في الدرج لا تغيّر شيئا حتى تُضاف عبر الغرفة التي تملك ذلك النوع من المادة.

#/start?source=<kind> يفتح المنتقي على مصدر معيّن (file، pdf، image، font، url، page)، و?import يفتحه على القائمة العادية.

نقل علامة تجارية بين الأجهزة

تصدير أسفل الشريط الجانبي يكتب ملف LollyBrand-….lolly واحدا - رموزك وخطوطك وشعاراتك وتفضيل السمة، مع بيان سلامة يتحقق منه عند العودة. وقد سمّت إصدارات الويب قبل 1.0.7 الحمولة نفسها .zip؛ وما زالت تلك الصيغة القديمة مقبولة. وبجانبه، الرموز (.json) يكتب مستند رموز التصميم العادي وحده: بلا خطوط ولا شعارات، الرموز فقط، وهو ما يقرؤه فعليا مستودع أو خطوة CI أو أداة رموز أخرى.

إعادة أحدها هي إضافة من... ← رموز تصميم أو ملف تصميم (أعلاه)، أو سحب وإفلات على الاستوديو. هكذا يسلّمك زميل علامة تجارية، أو تحمل واحدة إلى تثبيت ثانٍ - بلا حساب، بلا سحابة. لإدخال علامة تجارية من سطر الأوامر بدلًا من ذلك، انظر ingest:brand.

استعادة إعدادات سابقة

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

يحفظ Lolly إعداداتك الحالية باسم قبل الاستعادة قبل تطبيق نقطة الاستعادة. اختر نقطة الاستعادة تلك لعكس الاستعادة، حتى بعد إغلاق المتصفح وإعادة فتحه. وتُحفظ آخر 20 نقطة استعادة على هذا الجهاز. وإن تعذّرت قراءة التخزين أو تعذّر حفظ الإعدادات الحالية، يذكر الحوار المشكلة لتعيد المحاولة.

الإصدارات

الإصدارات في أسفل الشريط هي حيث يتوقف نظام التصميم عن كونه هدفًا متحركًا. انشر إصدارًا فتحصل على نسخة دائمة ومُسمّاة محفوظة على هذا الجهاز: لا تتغير أبدًا بعد ذلك، لذا تستمر الأداة التي تُثبِّتها (pin) في رسم الشيء نفسه. تبقى اللوحة مخفية إلى أن يكون لديك شيء خاص بك لنشره، لذا لا يرى الاستوديو الذي لا ينشر أبدًا عناصر التحكم مطلقًا.

ثلاثة أشياء يجب معرفتها قبل الضغط على أي شيء، وتذكر اللوحة الثلاثة جميعها قبل الضغط لا بعده:

يمكنك نشر فقط، أو نشر وتفعيل - والفرق هو ما إذا كانت الأدوات والتطبيق ستتبع ذلك الإصدار من الآن فصاعدًا أو تستمر في متابعة أحدث تعديلاتك. متابعة الأحدث مجددًا تجعل كل تعديل مباشرًا لحظة إجرائه. #/start?area=versions يفتح اللوحة مباشرة.

عندما تكون العلامة ثابتة

تشحن بعض الإصدارات المبنية نظام تصميم مقفلا، مثل SUSE Brand. وفتحه يعرض ملاحظة للقراءة فقط مع إنشاء نسخة قابلة للتحرير وتبديل. وتبقى ألوانه وخطوطه وتوكناته الأصلية سليمة. وتظل أنظمتك المحلية الخاصة قابلة للتحرير، حتى حين يكون النظام المقفل هو الأول على الجهاز. وفي الملف الشخصي، يحدد فتح نظاما ويفتح استوديوه؛ وإنشاء نظام جديد ينشئ نظاما محليا ويفتحه على #/start مع تركيز حقل اسمه.

إلى أين تذهب بعد ذلك

العثور على مظهر ومقارنته

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

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

تحت التفاصيل وسياق التصميم، تملك الأنظمة المحفوظة وسوم بحث قابلة للتحرير وتنزيل سياق. وتستخدم الأمثلة وصفات ألوان أصلية من Lolly؛ ولا توجد مجموعة إلهام مُجمَّعة عن بعد ولا حساب مطلوب.

قارن Sunroom وOrchard جنبا إلى جنب قبل تطبيق أي من نظامي الألوان. signed by Lollyvector SVG30 paths~9.3k nodes44 groups106 KBتحقق بنفسكاحصل على الملف الموقَّعTry it in the app

تُبقي المقارنة كلتا اللوحتين مرئيتين معا. ومراجعة مظهر لا تغيّر شيئا حتى تختار استخدام هذه الألوان أو استخدام هذا النظام المحفوظ.

اقرأ أدلة المصدر

تعرض التفاصيل الاختيارية لمراجعة المصدر التايبوغرافيا والفجوات والحشو وقيم الزوايا حيث لوحظت. وتذكر قراءات HTML/CSS المحفوظة وقراءات المواقع الأصلية تصريحات، قد لا تُستخدَم في الصفحة المعروضة. ويمكن لإضافة المتصفح أن تذكر أنماطا مقيسة من عينة محدودة من العناصر المرئية، مع إطار العرض وتفضيل ألوان المتصفح. وتعمل الإضافات الأقدم بالتصريحات المذكورة. وتقول الحقول المفقودة لم يُلاحظ.

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

تحقق من تركيب مقابل نظام التصميم

في Design، افتح تصدير، ثم قبل التصدير. ويستخدم التحقق إصدار نظام التصميم الفعلي نفسه الذي يستخدمه العرض. ويقارن الألوان المؤلَّفة، وأسماء الرموز المستعارة، واختيارات الخط، ومعرِّفات أصول الصور. وقد تكون القيم المخصصة مقصودة؛ وصورة خارج أصول العلامة التجارية المصرَّح بها عنصر مراجعة، لا صورة محظورة.

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

استخدم سياق التصميم محليا

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

يمكن لسطر الأوامر قراءة أي من التنزيلين دون خادم:

lolly system import ./lolly-design-context.json
lolly system context --output=design-context.json
lolly system check ./design-inputs.json --file=design-context.json

يقبل system check مدخلات Design بمصفوفة boxes أو مستند Design مُجمَّع. ويبلغ عن إصلاحات مقترحة دون تعديل التركيب. ولا يمكنه قياس تخطيط المتصفح أو التباين المعروض. ويعرض مورد MCP الحالي lolly://design-context سياق النظام الفعلي عبر عملية MCP المحلية المهيَّأة؛ ولا حاجة إلى خدمة مستضافة جديدة ولا مفتاح API.