MicrosoftWindows 10 & 11 OS

داستان ۱۰۰ آیکون جدید ویندوز: خداحافظی با مستطیل‌های بی‌روح و سلام به عمق و بافت

ویندوز ۱۰ پر از کاشی‌های تک‌رنگ و بی‌روحی بود که حس یک صفحه وب نیمه‌کاره را می‌دادند؛ کریستینا کوئن چطور با زبان فلوئنت دیزاین، روح و عمق را به بیش از ۱۰۰ آیکون ویندوز برگرداند؟

تصویر کیس‌استادی آیکون‌های رنگارنگ و شیشه‌ای فلوئنت دیزاین ویندوز
ناشر منبع
Microsoft Design on Medium
زمان مطالعه
۵ دقیقه مطالعه
نویسنده منبع
Christina Koehn
تاریخ انتشار منبع
۱ اسفند ۱۳۹۸

ماجرا از کجا شروع شد؟

برای سال‌ها در دوران ویندوز ۸ و نسخه‌های اولیه ویندوز ۱۰، مایکروسافت روی سبکی به نام «مترو» پافشاری می‌کرد: آیکون‌های کاملاً سفید و خطی، محصور در کاشی‌های مستطیلی تک‌رنگ. روی کاغذ مینیمال و تمیز به نظر می‌رسید، اما در واقعیت یک بحران کاربری بود: وقتی منوی استارت یا فایل اکسپلورر را باز می‌کردید، با دیواری از مربع‌های آبی روبرو می‌شدید که برای پیدا کردن برنامه مورد نظر باید دانه دانه متن‌ها را می‌خواندید!

چشم انسان برای اسکن سریع نیاز به «رنگ»، «فرم منحصر به فرد» و «کنتراست لبه‌ها» دارد. کریستینا کوئن، مدیر طراحی ویندوز، مسئولیت پروژه‌ای عظیم را بر عهده گرفت: بازطراحی بیش از ۱۰۰ آیکون هسته ویندوز با زبان مدرن Fluent Design.

چه تصمیمی گرفتند؟

تیم طراحی چند اصل ملموس و فیزیکی برای ساخت آیکون‌ها پیاده کرد:

  1. انحنا و فرم‌های ارگانیک به‌جای گوشه‌های تیز: گوشه‌های سخت ۹۰ درجه جای خود را به انحناهای نرم و دوستانه دادند که حس لمس‌پذیری ایجاد می‌کرد.
  2. استفاده از عمق و شکست نور: هر آیکون از لایه‌های شفاف، نیمه‌شفاف و سایه‌های بسیار ظریف تشکیل شد تا شبیه شیشه‌ها و پلاستیک‌های صیقلی دنیای واقعی به نظر برسد.
  3. پالت رنگی منسجم اما قابل تفکیک در یک صدم ثانیه: پوشه زرد فایل اکسپلورر، چرخ‌دنده آبی تنظیمات و پوشه عکس با گرادیان ارغوانی به نحوی رنگ‌آمیزی شدند که حتی در گوشه میدان دید هم با هم اشتباه نشوند.

چی شد که جواب داد؟

عرضه آیکون‌های جدید نه تنها چهره خشک ویندوز را به یک سیستم‌عامل گرم و امروزی بدل کرد، بلکه زمینه بصری نسخه ویندوز ۱۱ را رقم زد. کاربران در نظرسنجی‌ها اعلام کردند که پیدا کردن برنامه‌ها در تسک‌بار و استارت منو به طور محسوسی سریع‌تر شده است.

درس محصولی درباره نشانه‌شناسی بصری

سادگی به معنای یکنواختی نیست. رابط کاربری خوب از تنوع رنگ و عمق برای هدایت چشم استفاده می‌کند. وقتی همه عناصر را یک‌شکل و تخت می‌کنید، زحمت پردازش را از دوش طراح برداشته و روی دوش مغز کاربر می‌اندازید.

ارجاع به منبع اصلی

نسخه کامل و اصلی این کیس‌استادی

Iconic Icons: Designing the World of WindowsMicrosoft Design on Medium

این روایت یک بازخوانی کوتاه فارسی است. برای جزئیات کامل، تصاویر اصلی و متن نویسنده به منبع مراجعه کنید.

خواندن کیس‌استادی اصلی
ادامه کشف

کیس‌های مرتبط

داستان‌های دیگری با موضوع یا برچسب‌های نزدیک که شاید الهام‌بخش باشند.

همه کیس‌ها
ToptalToptal Core Design System

مدیریت دیزاین در شبکه جهانی فریلنسرها: چطور تاپ‌تال سیستم فیگما را مقیاس داد

داستان ساخت و نگهداری سیستم طراحی تاپ‌تال در فیگما: از سازماندهی کتابخانه‌های تیمی تا انتشار بدون باگ و تعامل نزدیک با مهندسان فرانت‌اند.

۶ دقیقه مطالعهخواندن روایت