چرا یکدست نگه داشتن آیکون‌ها سخت‌تر از چیزیه که به نظر میاد
فرانتاندClaude Opus 5.5خلاصهٔ کامل‌تر
تیم Streamline تو این مقاله توضیح می‌ده که یه آیکون خوب فقط نباید به تنهایی قشنگ باشه، باید حس کنی جزو بقیهٔ مجموعه‌ست. به گفتهٔ نویسنده، یه کتابخونهٔ آیکون یه سیستم بصریه که از صدها یا هزاران تصمیم ریز ساخته میشه. سختی کار کشیدن یه آیکون خوب نیست، اینه که آیکون هزارم هم انگار با همون دست و همون زبان بصری کشیده شده باشه.
مقاله ده عامل رو اسم می‌بره: ضخامت یکسان stroke، وزن بصری مشابه، نحوهٔ ساخت خط‌ها (cap یعنی انتهای خط، join یعنی محل اتصال دو خط، و شعاع گوشه‌ها)، فاصله‌ها، تناسب و فضای منفی، زاویهٔ دید یکسان (orthographic یا isometric)، سطح جزئیات، انتخاب استعاره، اصلاحات چشمی (یعنی تنظیم شکل با چشم، نه فقط با اندازه‌گیری) و یه blueprint سبک مشترک. هیچ‌کدوم به تنهایی بزرگ نیست، ولی با هم ریتم و شخصیت مجموعه رو می‌سازن. یه stroke کمی ضخیم‌تر یا یه فاصلهٔ تنگ کافیه که یه آیکون کنار بقیه غریبه به نظر بیاد.
برای اینکه آیکون‌های جدید یکدست بمونن، تیم از همون آیکون‌های اول راهنمای طراحی می‌سازه و با بازخوردها بهترش می‌کنه. نویسنده می‌گه مجموعهٔ Core رو چند طراح مختلف در طول زمان کشیدن، ولی به نظر میاد کار یه نفره. یه نکتهٔ دیگه هم اینه که هر چی سبک خاص‌تر و پرشخصیت‌تر باشه، قانون‌های بیشتری داره و جای کمتری برای تغییر. سبک‌های مینیمال قانون کمتری دارن که بشه شکستشون.
یکدستی و خوانایی همیشه با هم جور نیستن. مثلا تو سبک Sharp آیکون‌هایی مثل bookmark و تقویم و سند راحت با خط‌های صاف و گوشه‌های تیز جور می‌شن، ولی زنگ نوتیفیکیشن، کاربر، چشم یا اثر انگشت اگه همین قانون روشون اجرا بشه عجیب می‌شن. تیم تو این جور مواقع خوانایی رو مقدم می‌دونه و برای همین Sharp چند تا منحنی و قوس نگه داشته. به گفتهٔ نویسنده، سختی کار اغلب ساختن قانون‌ها نیست، تشخیص اینه که کی باید شکسته بشن.
مقاله یکدستی رو یه طیف می‌دونه که باید با خوانایی، قابل تشخیص بودن، زیبایی، سرعت تولید و مقیاس‌پذیری بالانس بشه. این اولویت‌ها هم می‌تونن در طول زمان عوض بشن؛ مثلا سبک Guidance اولش خیلی روی زیبایی تمرکز داشت و خوانایی‌ش ضعیف‌تر بود. نسخهٔ جدیدش شکل‌ها و نمادهای آشناتری کنار منحنی‌های خاصش داره تا تو اندازه‌های کوچیک هم خوانا باشه.
نکات کلیدی:
- یکدستی آیکون از ده عامل ساخته میشه، از ضخامت stroke تا اصلاحات چشمی
- راهنمای طراحی از آیکون‌های اول ساخته میشه و کم‌کم دقیق‌تر میشه
- مجموعهٔ Core رو چند طراح کشیدن ولی یکدست مونده
- سبک‌های پرشخصیت قانون بیشتر و جای خطای بیشتری دارن
- تو تضاد یکدستی و خوانایی، Streamline خوانایی رو انتخاب می‌کنه؛ مثل منحنی‌های سبک Sharp
- سبک Guidance برای خوانایی بهتر تو اندازهٔ کوچیک بازطراحی شده
