موجة هادئة

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

الإعدادات التي وراءه

ما يجدر معرفته

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

كم يكلّف بالبايت

هذا الشكل بعينه يبلغ 322 بايت بصيغة SVG و483 بايت كخلفية CSS — وعنوان البيانات أكبر لأن الترميز بالنسبة المئوية يكلّف ثلاثة محارف عن كل محرف يهرّبه. والرقمان كلاهما للشكل المعروض أعلاه، بدقة منزلتين عشريتين في الإحداثيات.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-360 137.58C-300 144.27,-120 166.02,0 177.73C120 189.44,240 207.5,360 207.83C480 208.15,600 190.33,720 179.69C840 169.05,960 144.62,1080 143.98C1200 143.34,1380 170.55,1440 175.86L1440 320L-360 320Z" fill="#4f46e5"/></sv…

بمزيد من التفصيل

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

أسئلة

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