الصور ومقاطع الفيديو والمستندات والسمات والخطوط والأيقونات

يمكن إدراج كل ما في علامات التبويب هذه في المكتبة داخل طلب بإشارة @. اختر عنصرًا لنسخ الإشارة إليه، ثم اختر إضافة إلى الطلب، أو اكتب @ في المربع واختره من القائمة. ويمكنك أيضًا إفلات الملفات على المكتبة لإضافتها، أو اختيار + أسفل مربع الطلب ثم إضافة إلى المكتبة.

الصور

• صورك: اختر استيراد، أو أفلت ملفات PNG أو JPEG أو WebP أو GIF أو AVIF أو SVG. تحصل كل صورة على إشارة مأخوذة من اسم ملفها، مثل @image/storefront.
• من Unsplash: ابحث عن صور، وصفِّها حسب الشكل أو اللون، أو اختر خلط. يؤدي نسخ الإشارة إلى صورة إلى حفظها في صورك، لتظل الإشارة تعمل. وكل صورة منسوبة إلى مصوّرها. أينما ظهرت صورة من Unsplash (المكتبة واللوحة والتطبيقات المصدّرة) يظهر «تصوير الاسم على Unsplash» مع روابط إلى ملف المصوّر على Unsplash وإلى Unsplash.
• اختر صورة لعرضها بحجم كبير. ومن هناك يمكنك نسخ الإشارة إليها، أو إضافتها إلى طلبك، أو تنزيلها، أو تعديل اسم الإشارة والنص البديل. استخدم تحديد لحذف عدة صور أو تصديرها دفعة واحدة.

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

عند إضافة صورة، يزيل Vibr بياناتها الوصفية مثل معلومات الكاميرا والموقع والتعليقات، ويُبقي الصورة نفسها دون تغيير. يحتفظ ملف SVG برسمه فقط: تُزال النصوص البرمجية والروابط وأي شيء آخر قد يعمل أو يُحمَّل من موقع آخر، وتبقى الألوان المحددة بالأنماط كما يصدّرها Illustrator وInkscape. تبقى صور Unsplash تمامًا كما يقدمها Unsplash. لا تُحمَّل الصور من المواقع الأخرى في اللوحة: أضفها إلى مكتبتك واذكرها بدلًا من ذلك.

مقاطع الفيديو

• مقاطع الفيديو الخاصة بك: اختر استيراد، أو أفلت ملفات MP4 أو MOV أو WebM يصل حجمها إلى 100 MB. يحصل كل فيديو على إشارة مأخوذة من اسم ملفه، مثل @video/latte-pour، وعلى إطار غلاف مأخوذ بعد ثانية تقريبًا من بدايته.
• من Pixabay: ابحث عن مقاطع فيديو. يؤدي نسخ الإشارة إلى فيديو إلى حفظه في مقاطع الفيديو الخاصة بك، لتظل الإشارة تعمل. وكل فيديو من Pixabay منسوب إلى صانعه: أينما ظهر (المكتبة واللوحة والتطبيقات المصدّرة) يظهر «فيديو من الاسم على Pixabay» مع روابط إلى ملف صانعه على Pixabay وإلى Pixabay.
• اختر فيديو لتشغيله. ومن هناك يمكنك نسخ الإشارة إليه، أو إضافته إلى طلبك، أو تنزيله، أو تعديل اسم الإشارة والوصف. استخدم تحديد لحذف عدة مقاطع فيديو أو تصديرها دفعة واحدة.

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

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

تحمل التطبيقات المصدّرة مقاطع الفيديو الخاصة بك معها. تتسع الصفحة الواحدة لما يصل إلى 25 MB من الفيديو المرفوع؛ وبعد ذلك، ينزّل تطبيق (.html) ملف zip يضم الصفحة ومجلد videos بجوارها.

المستندات

احتفظ هنا بالموجزات وملاحظات البحث والتحديات التصميمية، وأدخل أيًا منها في أي طلب بإشارته، مثل @doc/ordering-app-brief.

• إضافة مستندات: اختر استيراد، أو أفلت الملفات على المكتبة، أو اختر حفظ في المكتبة في معاينة مستند مرفق. تعمل ملفات PDF وWord وPowerPoint وExcel وCSV وMarkdown والنص، كما في أرفق مستندات.
• ما يُحفظ: النص الذي قرأه Vibr وصورتان كحد أقصى، لا الملف نفسه أبدًا، لذا لا يمكن تشغيل شيء منه لاحقًا. تُطبّق الفحوص نفسها كما عند الإرفاق.
• الاستخدام: الطلب الذي يشير إلى @doc/الاسم يرسل نص ذلك المستند وصوره معه، مثل المرفق. ولا تعيد الطلبات اللاحقة إرساله إلا إذا أشارت إليه.
• المعاينة وإعادة التسمية والحذف بالأزرار الموجودة على كل مستند. تغيير الاسم يغيّر الإشارة.

تحمل المكتبات المصدّرة وملفات النماذج الأولية المستندات التي تستخدمها، ويُعاد فحص نصها وصورها عند الاستيراد.

السمات

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

• يفتح سمة جديدة المحرر. اختر لونًا أساسيًا ولونًا محايدًا (إضافة إلى ألوان النجاح والتحذير والخطر والمعلومات إن أردت)، ومستوى التباين (AA أو AAA)، ونصف قطر الزوايا، ووحدة التباعد، ونمط الظلال.
• يُحضر استيراد الرموز رموز تصميم W3C بتنسيق JSON، مثل تلك الصادرة من Tokens Studio for Figma أو Style Dictionary، أو خصائص CSS مخصصة.
• توضح كل سمة ما إذا كان كل زوج ألوان يستوفي مستوى التباين، في الوضعين.
• تتيح قائمة ⋯ الخاصة بالسمة تعديلها، أو تكرارها، أو نسخ CSS أو الرموز الخاصة بها، أو حذفها.

أشر إلى سمة بصيغة مثل @theme/default. وتحصل المسودات التي تستخدم سمة على زر الوضع الداكن على اللوحة.

سلّم الخطوط

• يضيف استيراد عائلة خطوط خطًا من ملفات WOFF2 أو WOFF أو TTF أو OTF وينشئ له سلّمًا.
• ينشئ سلّم جديد سلّمًا لخط تستخدمه بالفعل، مثل Georgia.
• يحتوي السلّم الجديد على ستة أنماط: Display وHeading 1 إلى 3 وBody وCaption. ويغيّر تعديل السلّم الأحجام والأوزان وارتفاعات الأسطر والتتبع، أو يضيف أنماطًا.

أشر إلى نمط بصيغة مثل @type/georgia/h1.

الأيقونات

• أيقونات Lucide مدمجة. ابحث عن أيقونة واخترها لنسخ الإشارة إليها، مثل @icon/arrow-right. وبعد النسخ، يمكنك أيضًا تنزيلها بصيغة SVG.
• يضيف استيراد خط أيقونات مجموعتك الخاصة، مع ملف CSS الخاص بها، أو ملف selection.json من IcoMoon، أو ملف config.json من Fontello. أما خط الحروف المركّبة مثل Material Symbols فيعمل وحده. وتستخدم الأيقونات المستوردة الصيغة @icon/set/name.