EN English

التأثيرات

كل تأثير نبنيه، حيٌّ في هذه الصفحة.

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

E-01

الخطوط والنصوص

لتتحرك الكلمات نفسها بقصد.

  • أعمالكمفي المركز.

    ظهور السطورالعناوين تظهر سطرًا بعد سطر، مرة واحدة.في هذا الموقع
  • 57تكاملًا
    37تأثيرًا
    6لغات
    عدّاد الأرقامالأرقام المهمة تتصاعد حين تظهر.
  • ONLINE PRESENCE

    فكّ النصالحروف تتشكّل من العشوائية إلى الكلمة.
  • أهلًا بكم في موقعكم الجديد.

    الآلة الكاتبةيكتب السطر حرفًا حرفًا، بالعربية أو الإنجليزية.
  • المطاعمالعياداتالصالوناتالمستشارونالمتاجرالشركات الجديدةالمطاعمالعياداتالصالوناتالمستشارونالمتاجرالشركات الجديدة
    شريط متحرك هادئشريط بطيء لكلمات أو أسماء، يتوقف عند المرور عليه.
E-02

التمرير

لتروي الصفحة قصة مع التمرير.

  • 01مرّروا داخل هذا الإطار
    02مرّروا داخل هذا الإطار
    03مرّروا داخل هذا الإطار
    04مرّروا داخل هذا الإطار
    05مرّروا داخل هذا الإطار
    الظهور عند التمريرالمحتوى يظهر بنعومة حين يدخل الشاشة.في هذا الموقع
  • مرّروا
    طبقات متوازيةطبقات تتحرك بسرعات مختلفة لتعطي عمقًا.
  • 01

    مكالمة

    بناء

    إطلاق

    قصة مثبّتةصورة ثابتة بينما تتغير الخطوات بجانبها.
  • معرض أفقيتصفّح أفقي للأعمال أو المنتجات.نفّذناه في تصاميم مقترحة لمكتب محاماة
  • المقال الطويل أسهل قراءة حين ترون كم قطعتم منه.

    المقال الطويل أسهل قراءة حين ترون كم قطعتم منه.

    المقال الطويل أسهل قراءة حين ترون كم قطعتم منه.

    المقال الطويل أسهل قراءة حين ترون كم قطعتم منه.

    المقال الطويل أسهل قراءة حين ترون كم قطعتم منه.

    المقال الطويل أسهل قراءة حين ترون كم قطعتم منه.

    المقال الطويل أسهل قراءة حين ترون كم قطعتم منه.

    مؤشر القراءةشريط رفيع يبيّن موضعكم في الصفحة.
  • رسم الخطوطالرسومات الفنية ترسم نفسها.في هذا الموقع
E-03

المؤشر واللمس

استجابة ليد على الفأرة أو إصبع على الشاشة.

  • حرّكوا المؤشر هنا
    ضوء يتبع المؤشرضوء ناعم يتبع المؤشر فوق لوحة داكنة.في هذا الموقع
  • زر مغناطيسيالزر يميل نحو المؤشر قبل النقر.
  • بعد
    قبل
    قبل وبعداسحبوا المقبض للمقارنة بين حالتين.نفّذناه في كورتيك
  • تفاصيل المنتج
    عدسة التكبيرتفحّص تفاصيل المنتج تحت عدسة.
    • CORETECH
    • جذور
    • سيرفيلات
    معاينة تتبع المؤشرقائمة تعرض صورة كل عنصر بجانب المؤشر.في هذا الموقع
E-04

ثلاثي الأبعاد

مجسّمات يديرها الزائر ويفتحها ويتفحّصها.

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

الانتقالات

التنقل بين الحالات دون انقطاع مزعج.

  • تحوّل العنصر المشتركالصورة المصغّرة تتحول بسلاسة إلى صفحة التفاصيل.في هذا الموقع
  • Logo
    التبديل بين العربية والإنجليزيةالتصميم كله ينعكس حين تتغير اللغة.نفّذناه في الحصان الأسود
  • تبويبات منزلقةالمؤشر ينزلق إلى التبويب المختار.
  • متى تصل النسخة الأولى؟

    خلال أسبوع من المكالمة.

    هل تكتبون المحتوى العربي؟

    نعم، يُكتب بالعربية، لا يُترجم في النهاية.

    قائمة قابلة للطيالإجابات تنفتح بنعومة، لا بقفزة.
E-06

البيانات والأدوات

شرح الأرقام والأماكن والأسعار تفاعليًا.

  • Q1
    Q2
    Q3
    Q4
    رسم بياني متحركالأعمدة تنمو إلى مكانها، والقيم عند المرور.نفّذناه في ناس للاستشارات
  • بنسبة 3%، هذا يعني 60 استفسارًا شهريًا

    نسبة توضيحية

    حاسبة فوريةحرّكوا المؤشر وشاهدوا النتيجة تتغير.نفّذناه في ناس للاستشارات
  • خريطة تفاعليةنقاط بتفاصيل للفروع أو المشاريع.نفّذناه في ناس للاستشارات
  • رمز QR بهويتكم، فوريًااكتبوا رابطًا وشاهدوا الرمز يُرسم بألوانكم وشعاركم.في هذا الموقع
  • --:--الرياض
    --:--دبي
    --:--لندن
    ساعات حيّةتوقيتكم وتوقيت عملائكم جنبًا إلى جنب.في هذا الموقع
E-07

الصور والوسائط

لعرض الصور والأعمال بأفضل صورة.

  • صورة مكشوفة
    كشف الصورةقناع نظيف يكشف الصورة عند ظهورها.
  • معرض مكبّرالمسوا الصورة لرؤيتها بالحجم الكامل وتنقّلوا بينها.
  • صورة الواجهة
    اقتراب بطيءتقريب سينمائي هادئ لصورة الواجهة، مرة واحدة.
  • عرض الحاسوب
    عرض الجوال
    إطارات الأجهزةالشاشات معروضة على الحاسوب والجوال معًا.في هذا الموقع
E-08

تفاعلات دقيقة

استجابات صغيرة تجعل الموقع يبدو متقن الصنع.

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

↑ ↓ للتنقل · Enter للفتح · Esc للإغلاق