قراءة اللوحة

لوحة GoBanana هي لوحة إلهام فيها قسم لكل اتجاه أبقاه الوكيل. وكل صورة عليها رابط إلى مصدرها.

تشريح قسم الاتجاه

┌ Section: Checkout as a frosted vinyl sleeve ───────────────────────────────┐
│ [note] WILD: the total peeks through a cutout. PATTERN: fare summary       │
│        slides out of a sleeve. SIGNATURE: a half-moon cutout.              │
│                                                                            │
│ Art direction   [img] [img] [img]            ← 2 to 4, the idea as images  │
│                                                                            │
│ UI references   [img] [img] [img] [img]      ← 6 to 8, real screens        │
│                 [img] [img] [img] [img]        for your platform           │
└────────────────────────────────────────────────────────────────────────────┘

ملاحظة الفكرة

ملاحظة صفراء واحدة لكل قسم، بشكل ثابت: WILD: <twist>. PATTERN: <pattern>. SIGNATURE: <signature>. تظهر العناوين كشارات صغيرة. إنها الاتجاه في نفس واحد. والروابط في الملاحظات قابلة للنقر.

صف الاتجاه الفني (المنطقة art)

الفكرة الجامحة على شكل صور خام: النسيج، الإيصال، طباعة الريزو، علبة الحبوب. تأتي من Pinterest وBehance ومعارض فنية مثل Fonts In Use وملصقات typo/graphic وCosmos وAre.na. تحمل بطاقات الفن شارة صغيرة باسم Art.

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

شبكة مراجع الواجهات (المنطقة ui)

واجهات حقيقية لمنصتك: شاشات وصفحات ومكونات من معارض الواجهات (Lapa Ninja وRefero وScreensDesign وغيرها) وDribbble وBehance وPinterest وAwwwards. موجز الهاتف يحصل على شاشات تطبيقات فقط، وموجز الموقع يحصل على مواقع وأقسام فقط.

هذه هي المراجع التي تبني منها فعلا، وهي المراجع الوحيدة التي يقص منها Frankenstein it الأجزاء.

ملاحظات «خذ منه»

كل مرجع على اللوحة يحمل ملاحظة قصيرة، حتى 280 حرفا، تبدأ بـ steal: وتسمي شيئا ملموسا واحدا تأخذه لصفحتك:

• steal: the bottom sheet that holds the fare breakdown
• steal: the misregistered second ink as the price highlight
• steal: the tab bar that hides on scroll

مرر المؤشر فوق البطاقة أو انتقل إليها لقراءتها. عدلها بالمفتاح F2. تنتقل الملاحظات إلى كل تصدير.

رابط المصدر

كل بطاقة تعرض موقعها وترتبط بالصفحة الأصلية. اضغط M (أو انقر بالزر الأيمن) على البطاقة، ثم Open source (فتح المصدر). في ملفات التصدير والردود، يكتب كل مرجع بالشكل [title](link) (site).

الدرج

الدرج هو اللوحة الشبيهة بشريط الإرساء، وفيها نتائج بحث لم توضع على اللوحة بعد. له تبويبات:

التبويب	ما فيه
UI	نتائج منطقة الواجهات من كل عمليات البحث على هذه اللوحة
Art direction	نتائج منطقة الفن
Parts	مكتبة أجزاء فرانكنشتاين، مجمعة حسب الدور (nav، hero، cards…)

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

روابط المشاركة لا تعرض الدرج أبدا، بل اللوحة فقط.

علامتا Ship وExplore

يمكن أن تحمل الصور وعينات الألوان علامة:

• Ship: تجتاز تباين WCAG 2.2 للاستخدام المقصود، أو قررت أنت أنها قابلة للبناء.
• Explore: للفكرة فقط. احتفظ بها للمزاج، ولا تضع عليها نصا.

تأخذ عينات لوحة الألوان علامتها من فحص التباين. أما الصور فتضع علامتها بنفسك من قائمة البطاقة: Mark as Ship، Mark as Explore، Clear Ship or Explore mark.

قسم صفحات فرانكنشتاين

إذا استخدمت Frankenstein it، يظهر على اليمين قسم اسمه Frankenstein pages، فيه إطار لكل نسخة من الصفحة. انظر Frankenstein it.

التخطيطات

اطلب من الوكيل «رتب اللوحة» أو اختر تخطيطا. لدى arrange_canvas أربعة:

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

قول «اجعل مرجع Lapa Ninja هو البطل في الاتجاه 2» يضعه أولا في ذلك القسم ويرتبه بتخطيط hero.

لوحة المفاتيح

اضغط ? على اللوحة لعرض القائمة الكاملة. الأساسيات: الأسهم تحرك البطاقة 8px (مع Shift تصبح 32px)، و**+** و**-** لتغيير الحجم، وM تفتح قائمة البطاقة، وSpace للمعاينة، وF2 لتعديل الملاحظة، وDelete للحذف، وShift+1 لملاءمة العرض. كل الاختصارات: اختصارات لوحة المفاتيح.

لوحات FigJam وHTML

خياران للتصدير في Pro ينسخان اللوحة خارج GoBanana:

• FigJam (figjam_spec): قل «ضع هذه اللوحة في FigJam». يصدر الوكيل تخطيطا بصيغة JSON ويعيد بناءه في FigJam عبر موصل Figma MCP الخاص بك: أقسام، وصف الاتجاه الفني فوق شبكة مراجع الواجهات، وملاحظات لاصقة للملاحظات، ومستطيلات ملونة لعينات الألوان، وتسمية بالموقع والرابط تحت كل صورة، وقسم Sources (المصادر) في النهاية. تحمل الصور من رابط مصدرها، وإذا لم يتمكن Figma من تحميل إحداها يصنع الوكيل بطاقة رابط. لا يحفظ شيء على القرص.
• لوحة HTML (html_board): ملف واحد board.html يعرض كل صورة مباشرة من مصدرها ويسرد المصادر في الأسفل. افتحه في المتصفح.

• Directorydesign/explorations/frosted-sleeve/

  • figjam-spec.json
  • board.html

للمرجعية الخاصة

صور المراجع ملك لأصحابها. اللوحات ونسخ FigJam ولوحات HTML لمرجعيتك الخاصة، لا للنشر.