هر جلوه در این صفحه زنده است — لمس کنید، نشانگر ببرید، پیمایش کنید. فهرست کامل، جایی که الگوهای گردآوریشده از سایتهای جایزهگرفتهٔ دنیا کنار شبیهسازیهایی میایستند که خودمان ساختهایم.
این صفحه سنگین است؛ اگر ترجیح میدهید فقط صنف خودتان را ببینید از صفحههای صنفی استفاده کنید.
E01تیتر پرشده با رنگ ترجلوهٔ امضایی ما
تیتر شما در حال رنگگرفتن میرسد.
کجا خوب مینشیند: تیترهای بخش نخست، شعارهای کمپین.
E02روایت ماشینتحریریMammut Baikal
کجا خوب مینشیند: داستان برند، روایت تولید، مطالعهٔ موردی.
E03باز شدن حروف درهمKPR / Resn
████████████
کجا خوب مینشیند: تأکید بر فناوری و نوآوری، تیتر بخشها.
رویش بروید — تندتر میشود. کجا: نوارهای اطلاعیه، کمپینها.
E07بافت دانهٔ فیلمNoomo XR
حس پوستر چاپشده
دانهای که زنده تولید میشود رنگهای تخت را "بیرونآمده از چاپخانه" نشان میدهد. کجا: برندهای لوکس و کلاسیک.
E08نمایشگر تلهمتریMammut Baikal
ساعت کارگاه: --:--:--
دمای دیگ: ۴۲٫۰ درجه
همزن: ۱٬۴۵۰ دور
گرانروی: ۳٬۲۰۰ سانتیپواز · SOFT BODY
جای شما در صفحه: 0%
نشانگر: X:— Y:—
به چه کار میآید: دادهٔ تزئینی که صفحه را مثل دستگاهی زنده یا آزمایشگاه حس میکند. Mammut این کار را با GPS و نبض یک کوهنورد کرد — خواننده خودش را در کوه دید. ما با دمای دیگ میکنیم: بازدیدکننده خودش را در کارگاه میبیند. بخشی از اعداد واقعی است (ساعت، پیمایش شما، نشانگر شما) و بخشی فضاسازی. کجا: صفحههایی با محوریت تولید یا آزمایشگاه.
از بالا سمت راست صدا را روشن کنید، بعد روی کارتها و دکمههای این صفحه بگردید — هر تماس یک تیک کوچک میدهد. صدا بهطور پیشفرض خاموش است؛ کاربر اگر بخواهد روشنش میکند.
کجا: تجربههای لوکس و غوطهور. با کاربرد اندازه، سایت را "لمسشدنی" میکند.
E24بطری سهبعدی + تعویض رنگMANA Yerba Maté
پیمایش کنید — بطری میچرخد · روی رنگی بزنید — همان لحظه رنگ میشود
یک مدل سهبعدی، رنگهای بیشمار. فکر کنید این در کاتالوگی با ۲۳۴ رنگ چه معنایی دارد. کجا: تصویر اصلی صفحهٔ کالا.
E25تایپوگرافی مایعشوندهSynchronized Studio
سرعت پیمایش نوشته را آب میکند · نشانگر موجش میدهد
نوشته بهصورت یک بافت روی کارت گرافیک خم میشود. کجا: بخشهای بیانیه، شعارهای برند.
E26رنگ مایع (متابال)Lusion · خانوادهٔ شیشه-ژل
نشانگر را بکشید — قطرههای رنگ به هم میپیوندند و جدا میشوند
قطرهها تا به هم میرسند مثل مایع واقعی میآمیزند — و همهاش ریاضیات است. کجا: آغازهای لوکس به سبک FarbeLab.
E28سفر دوربین (scroll-scrub)Pioneer / Resn
پیمایش کنید — دوربین از درون جهانی از رنگ میگذرد
پیمایش = نوار فیلم. صحنه به صفحه میچسبد و دوربین همراه پیشروی شما جلو میرود. کجا: روایت سفر یک برند.
E29میدان جریان — رودهای رنگخانوادهٔ Lusion
تماشا کنید — ۲٬۴۰۰ ذره در جریانی نامرئی رد رنگ میگذارند · نشانگر جریان را خم میکند
نقشهٔ بادی نامرئی ذرهها را میکشد؛ ردشان به رنگ تبدیل میشود. کجا: پسزمینههای زنده، صفحههای ۴۰۴.
E30رنگ درون گوی شیشهایLusion — مادهٔ شیشه/ژل
شیشهٔ بیدرنگ: نور را میشکند و پشتش را تاب میدهد · نشانگر میچرخاندش
گوی شیشهای با قطرههای رنگی شناور در آن که واقعاً نور را میشکند. کجا: معرفی کالاهای لوکس (FarbeLab).
E31قطرهای زنده از رنگLusion — تودهٔ تغییرشکلپذیر
نشانگر را نزدیک کنید — قطره به سمت شما برمیآید
موجودی سهبعدی که سطحش پیوسته موج میزند و با لمس شکل عوض میکند. کجا: جسم مرکزی بخش نخست، شخصیت برند.
بزنید — نام برند منفجر میشود و تکهها با گرانش میافتند
نوشته به هزاران مکعب تبدیل و با فیزیک پرتاب میشود، بعد خودش را جمع میکند. کجا: لحظهٔ رونمایی، ۴۰۴.
E43انباری با ده هزار بطرینمونهسازی
ده هزار جسم، یک فرمان ترسیم — پیمایش کنید، انبار میچرخد
ده هزار نسخه از یک جسم در یک نوبت کشیده میشود. کجا: روایت ظرفیت و مقیاس، حس کارخانهٔ عظیم.
E44ابر رنگ حجمیدرخشش حجمی
ابری سهبعدی از جوهر که نور از آن میگذرد · نشانگر ابر را میراند
نه سطح، بلکه حجم: پرتو هنگام عبور از ابر گامبهگام نور جمع میکند. گرانترین و سینماییترین فن.
E45ابروی دیجیتالابروی کاغذی ترکی · تنها مال ما
ابرو
قطرهها در آب میافتند، شانه میگذرد، نقش زاده میشود.
بزنید — بگذارید قطرهای تازه بیفتد
ریاضیات واقعی ابرو: هر قطره تمام نقش زیرش را حلقهحلقه به بیرون میراند؛ شانه با موج سینوسی میگذرد. هیچکس دیگری در دنیا این را ندارد — جلوهای امضایی که از فرهنگ خودمان بیرون آمده.
نشانگر را حرکت دهید — نقطهها بزرگ میشوند و میچرخند
بافت روزنامه و چاپ سیلک. کجا: برندهایی با حس چاپ کلاسیک، صفحههای پوستر.
E48سطح رنگ ترکخوردهبافت رنگ در حال خشک شدن
کراکله
نقشهٔ ترک رنگی که خشک میشود.
ترکها با نزدیک شدن نشانگر باز میشوند
بافت رنگ خشک و کهنگی، ساختهشده با سلولهای ورونوی. کجا: سریهای کلاسیک، روایتهای مرمت.
E49مه رنگی (شفق)زمینهٔ آرام
زمینهای آرام
سطحی که رنگ را میبرد بیآنکه خواندن را خراب کند.
لایههای رنگ که آرام جاریاند — امنترین انتخاب زیر متن
جریانی نرم و کمکنتراست. کجا: بخشهای متن بلند، صفحهٔ تماس، زیر بخش نخست.
E50نقشی که خودش رشد میکندواکنش-پخش
نقش زنده
بافتی ارگانیک که مثل شیمی رشد میکند.
کلیک کنید و بکشید — نقش از همانجا شروع به تکثیر میکند
دو مادهٔ شیمیایی که پخش میشوند و واکنش میدهند (گری-اسکات). راهراه گورخر، مرجان، لکهٔ رنگ — همه از یک معادله.
E51آمیزهٔ واقعی رنگدانهکوبلکا-مونک · امضا
بکشید تا رنگ بگذارید — سمت چپ منطق صفحه، سمت راست رنگ واقعی
روی صفحه آبی + زرد = خاکستری. روی پالت آبی + زرد = سبز. تفاوت از جذب و پراکندگی نور درون دانهٔ رنگدانه میآید؛ صنعت رنگ این را از ۱۹۳۱ با معادلهٔ کوبلکا-مونک حساب میکند. همان معادله در نیمهٔ راست کار میکند. برای یک برند رنگ، جلوهٔ امضایی درستتر از این وجود ندارد.
E52آبرنگ ترآب کمعمق + رسوب رنگدانه
بکشید و رنگ بزنید — آب پخش میشود و رنگدانه در لبه جمع میشود
امضای آبرنگ، همان حلقهٔ تیرهٔ لبه اینجا کشیده نمیشود — خودش شکل میگیرد، چون آب تبخیر میشود و رنگدانه به لبه کشیده شده و همانجا میماند. بافت کاغذ هم به حساب میآید: رنگدانه در گودیها جمع میشود (گرانوله شدن).
E53ردیابی مسیر نورنورپردازی سراسری واقعی
صبر کنید — بگذارید نویز به عکس تبدیل شود · برای چرخاندن دوربین بکشید
از هر پیکسل پرتویی به صحنه پرتاب میشود و پرتوها از سطحها میجهند تا به نور برسند. گوی سفید کنار دیوار قرمز خودش به سرخی میزند — این رنگ نشده، این به این دلیل رخ داده که نور واقعاً از آنجا جهیده است. نسخهٔ مرورگری همان روشی که در جلوههای سینمایی به کار میرود.
E54قلمموی واقعیفیزیک تاربهتار
بکشید و رنگ بزنید — ۴۲۰ تار جداگانه خم میشوند
رد قلممو یک "مُهر" نیست. هر کدام از ۴۲۰ تار مثل فنری جداگانه رفتار میکند: فشار بدهید باز میشود، بچرخانید عقب میماند، بردارید جمع میشود. رد از جایی بیرون میآید که تارها کاغذ را لمس میکنند — برای همین هیچ ضربهای شبیه دیگری نیست.
E55کاستیک — نور از میان شیشهٔ مرباتمرکز نور
نشانگر را حرکت دهید — بگذارید منبع نور دنبالتان بیاید
همان تور درخشان لرزانی که یک شیشهٔ آب روی زمین میاندازد. نور روی سطح مایع میشکند و در نقطههایی جمع میشود؛ درخشندگی از همان تمرکز زاده میشود. شیب سطح برای هر فریم حساب میشود.
E56رنگی که دور نوشته جاری میشودسیال + مانع
نشانگر را حرکت دهید — بگذارید رنگ به حروف برندتان بخورد و دورشان بچرخد
به شبیهسازی سیال مانع تعریف شدند: حروف. رنگ به آنها میخورد، از کنارشان میگذرد و پشتشان گرداب میگذارد. نام برند شما دکور صحنه نیست، بخشی از فیزیک است.
E57متامریسم — رنگی که با نور عوض میشودعلم رنگ CIE · امضا
دو رنگ زیر نور روز کاملاً یکسان (ΔE = ۰٫۰). زیر لامپ رشتهای جدا میشوند و زیر فلورسنت تفاوت ΔE = ۱۹— یعنی آشکار. صنف برایش نامی دارد: ناهمخوانی متامریک — دلیل این شکایت که "در مغازه درست بود، در خانه نه". اینجا از توابع واقعی تطبیق رنگ CIE و طیف واقعی منابع نور استفاده میشود؛ منحنی بازتاب دو رنگدانه چنان چنان حل میشوند که تولید شوند.
E58ایمپاستو — ضخامت رنگمیدان ارتفاع + نور
بکشید و رنگ بزنید — نور روی برجستگی میگردد
اینجا رنگ، رنگ نیست بلکه حجم. هر ضربه ارتفاعی به جا میگذارد؛ نور بر اساس شیب آن سطح میشکند و کنار کاردک یک تیغه شکل میگیرد. همان برجستگی تابلوی رنگروغن که از پهلو دیده میشود.
E59قطرههای مایعسیال ذرهای + کشش سطحی
بکشید — بگذارید قطرهها به هم بپیوندند، جدا شوند و بپاشند
نه روی یک شبکه، بلکه ۷۸۰ ذرهٔ جداگانه سیالی که رویش حل میشود. هر ذره چگالی همسایههایش را میسنجد و میراند یا میکشد؛ کشش سطحی از همین زاده میشود. قطرهها واقعاً به هم میپیوندند و میگسلند — کشیده نمیشوند.
E60رشد بلورتجمع محدودشده با پخش
بزنید — بگذارید بلوری تازه از همانجا رشد کند
ریاضیات مشترک شبنم یخزده روی شیشه، بلور مس و آذرخش. ذرههایی که تصادفی میگردند، در نخستین نقطهٔ برخورد به توده یخ میزنند — برای همین نوکها رشد میکنند و درون گرسنه میماند. کسی نقش را نمیکشد، خودش پدیدار میشود.
E61بطری شیشهای — تجزیهٔ نورشکست بر حسب طول موج
نشانگر را حرکت دهید — بگذارید بطری بچرخد و رنگینکمان بلغزد
پرتو وارد شیشه میشود و از سطح پشتی بیرون میآید — و هر رنگ با زاویهای دیگر میشکند. حاشیهٔ رنگینکمانی لبهها از همینجاست؛ همان پدیدهای که منشور نور را تجزیه میکند. شکل بطری هم بهصورت یک سطح ریاضی واحد تعریف شده، بدون فایل مدل.
E62حلکنندهٔ فرمولفرمولاسیون رنگ · امضا
رنگی بدهید، و از چه رنگدانههایی به چه نسبتی ترکیب شود. آنچه روی صفحه میبینید دقیقاً کار دستگاه تطبیق رنگ آزمایشگاه رنگ است: کوبلکا-مونک رنگ مخلوط را حساب میکند و نسبتها گامبهگام اصلاح میشوند تا ΔE کوچک شود. عددها زنده میدوند — پاسخ همان لحظه پیدا میشود، از جدولی آماده خوانده نمیشود.
E63سنجش پوشانندگیکشیده بر کارت سیاهوسفید
نشانگر را از چپ به راست ببرید — بگذارید ضخامت لایه زیاد شود
روش صنعت رنگ برای سنجش پوشانندگی: روی کارت سیاهوسفید لایهای با ضخامت فزاینده کشیده میشود و نسبت مقادیر خواندهشده روی زمینهٔ سیاه و سفید سنجیده میشود. ضخامتی که نسبت کنتراست در آن از ۹۸٪ میگذرد همان نقطهٔ "پوشش کامل" است. اینجا آن معادله (کوبلکا-مونک روی زمینه) پیکسلبهپیکسل حل میشود.
E64رنگهایی که صفحهٔ شما نمیتواند نشان دهدفضای رنگی CIE 1931
تمام رنگهایی که چشم انسان میتواند ببیند درون این ناحیهٔ نعلاسبیاند. مثلث همان بخشی است که صفحهٔ شما میتواند نشان دهد. هر رنگی بیرون از مثلث، روی صفحهٔ شما دروغ میگوید — برخی رنگدانههای واقعی دقیقاً همانجا میایستند. صادقانهترین راه برای اینکه به مشتری بگویید "رنگی که روی صفحه میبینید خودِ آن چیز نیست".
E65رنگی که با خشک شدن عوض میشودلایهٔ تر / لایهٔ خشک
بزنید — ضربهای تازه بزنید و خشک شدنش را ببینید
"خشک شد و رنگش باز شد" پرتکرارترین شکایت است و عیب رنگ نیست: تا وقتی تر است، آب و واسط فضای میان دانههای رنگدانه را پر میکنند، نور کمتر پخش میشود و رنگ تیره و اشباع پیدا میشود. آب که میرود، هوا جایش را میگیرد، پراکندگی بالا میرود و رنگ باز میشود و مات میشود. اینجا ضریب پراکندگی با زمان بالا میرود، باقی کار معادله است.
E66دستگاه بافندگینساجی
بافت یک نقش نیست، یک یک دستور: کدام نخ تار از روی کدام پود میگذرد. اینجا راپورتهای واقعی بافت کار میکنند — تافته، سرژه، ساتن، جناغی. راپورت که عوض شود پارچه عوض میشود؛ رنگ نخها که عوض شود نقش عوض میشود. هستهٔ نرمافزارهای طراحی نساجی دقیقاً همین است.
E67مطالعهٔ آفتاب و سایهمعماری · ساختمان
عرض جغرافیایی و فصل عوض میشود — سایهها با زاویهٔ واقعی خورشید میچرخند
سایهها "برای اینکه قشنگ باشد" گذاشته نشدهاند: برای عرض جغرافیایی، روز و ساعت زاویهٔ ارتفاع و سمت خورشید حساب و نور همانجا گذاشته میشود. همان حسابی که دفاتر معماری برای مطالعهٔ سایهاندازی و آفتابگیری قطعهٔ همسایه انجام میدهند.
E68تحلیل خرپاساختمان · مهندسی مکانیک
نشانگر را در طول تیتر بالا ببرید — بگذارید بار همانجا بنشیند
بار هرجا بنشیند، نیرو در هر میله همان لحظه حل میشود: قرمز کشش، آبی فشار، ضخامت اندازهٔ نیرو. پشتش یک ماتریس سختی واقعی ساخته و دستگاه معادلات حل میشود — کاربرد مستقیم درس استاتیک. خط شفاف تغییر شکل را بزرگنماییشده نشان میدهد.
E69مدلی که یاد میگیردفناوری · هوش مصنوعی
بزنید — مدل را صفر کنید و بگذارید از نو یاد بگیرد
این انیمیشن نیست: یک شبکهٔ عصبی مصنوعی کوچک همین حالا در مرورگر شما آموزش میبیند. ناحیهٔ رنگی تصمیم مدل است؛ در هر فریم پسانتشار کار میکند، خطا پایین میآید و مرز خم میشود تا جدا کردن دو خوشه را یاد بگیرد. کوتاهترین راه برای یک برند نرمافزاری یا فناوری که بگوید "ما واقعاً این کار را میکنیم".
E70آنامورفوزهنر · گالری
دوربین میچرخد — نوشته فقط از یک زاویه پیدا میشود
صدها جسم پراکنده در فضای خالی، تنها از یک نقطهٔ دید همراستا میشوند و نوشته را میسازند. آنامورفوز که در رنسانس کشف شد؛ هر جسم روی پرتوی که از آن یک دوربین میگذرد در عمقی متفاوت گذاشته شده است. دقیقاً برای کارهای هنری، گالری و فضای تجربی.
E71بهینهسازی مسیرلجستیک · توزیع
مسیر زنده بهتر میشود — راههای متقاطع یکییکی باز میشوند
۶۰ ایستگاه، یک خودرو، کوتاهترین تور. احتمالها آنقدر زیادند که رایانه نتواند با زور همه را امتحان کند (برای ۶۰ ایستگاه بیش از شمار اتمهای جهان)، برای همین در حال بهبود: دو پارهٔ متقاطع پیدا و وارونه میشوند و تور کوتاه و کوتاهتر میشود. قبض سوخت هر کسبوکاری که توزیع میکند، درون همین حساب است.
E72تقویم برداشتغذا · کشاورزی
چرخ سال: پنجرهٔ برداشت هر محصول، بیرون آن واقعی منحنی طول روز همراه آن. طول روز از عرض جغرافیایی حساب میشود — موجی تزئینی نیست، تقویم خودِ کشاورزی است. به پرسش "الان چه چیزی تازه است؟" در یک نگاه پاسخ میدهد.
E73ماندگاری و دماعلوم غذایی · زنجیرهٔ سرما
نشانگر را چپ و راست ببرید — بگذارید دمای نگهداری عوض شود
در علوم غذایی قاعدهٔ Q10: ۱۰ درجه افزایش دما سرعت فساد را چند برابر میکند. همان معادله اینجا کار میکند — دما را عوض کنید و ببینید ماندگاری چگونه آب میشود. زیرش حساب "اگر زنجیرهٔ سرما یک روز بشکند چه از دست میرود" آمده. متقاعدکنندهترین راه برای توضیح شرایط نگهداری به مشتری.
E74آزمون جریان — مقایسهٔ قطرههاگرانروی · کشش سطحی
روغن زیتون، عسل، شیرهٔ انگور — هرکدام جور دیگری میریزد و مشتری میخواهد این را در ویدئو ببیند. اینکه قطره کی میگسلد بر پایهٔ قانون تِیت حساب میشود: قطره در لحظهای میگسلد که وزنش بر کشش سطحی چیره میشود. مایع غلیظ پشت سرش رشته میگذارد، مایع آبکی نه.
E75نیمرخ چشاییتحلیل حسی
بزنید — میان محصولها جابهجا شوید
در روغن زیتون، قهوه، عسل و شراب به کار میرود پنل حسی نمایش داده میشود. وقتی نیمرخ دو کالا روی هم میافتد، دیده میشود کجا یکیاند و کجا جدا میشوند. نشان دادن بهجای گفتن "مال ما میوهایتر است" — تنها چیزی که اختلاف قیمت را توضیح میدهد.
E76مولد رگهٔ چوبجهت برش · گونهٔ چوب
رگه یک فایل بافت نیست، هندسهٔ کندهٔ چوب. اینجا حلقههای سالانه سهبعدی تعریف و با صفحهای که تخته از آن بریده شده تقاطع داده میشوند: برش از مغز خطهای راست میدهد و برش مماسی قوسهای کلیسایی — همان تفاوت واقعی که هر نجاری میشناسد. گونه که عوض شود، فاصلهٔ حلقهها و رنگ و بافت منافذ هم عوض میشود.
E77سه پرداخت، یک چوبمات · نیممات · براق
نور میگردد — تفاوت را در بازتاب ببینید
همان چوب، سه جلای متفاوت. تفاوت در رنگ نیست در توزیع بازتاب: سطح مات نور را پهن پخش میکند و سطح براق آن را باریک و تیز جمع میکند. مشتری پاسخ پرسش "مات یا براق" را فقط وقتی میدهد که هر دو را کنار هم ببیند.
E78اندازهٔ واقعی در فضامبلمان · درک مقیاس
مبل را بکشید و در اتاق بگردانید
پرتکرارترین جمله در تجارت الکترونیک مبلمان: "اندازهاش را تصور نکرده بودم". نشان دادن کالا در همان صحنه با آدمی به قد ۱٫۷۵ متر و نشان دادنش با پرسپکتیو درست، این مشکل را تمام میکند. با دور شدن کوچک میشود و اندازهها زنده نوشته میشوند.
E79نمای انفجاری مونتاژروایت مونتاژ
قطعهها جدا و جفت میشوند — مونتاژ گامبهگام
در مبلمان جعبهای، بیشتر بار مرجوعی و پشتیبانی از مونتاژ میآید. نشان دادن اینکه قطعهها چگونه جفت میشوند سهبعدی و گامبهگام نشان دادن، هم بر اعتماد پیش از خرید اثر مستقیم دارد و هم بر پشتیبانی پس از آن. در صنعت ماشینآلات و قطعات یدکی هم دقیقاً همین به کار میرود.
شمارههای آنچه پسندیدهاید آماده است؟
کافی است بگویید "E05 و E11 و E13 را روی سایتم میخواهم" — با هم تصمیم میگیریم هرکدام در چه بخشی و چگونه بایستد و برای شما تنظیمش میکنیم. این کاتالوگ همچنان بزرگتر میشود.