داستان ۱۰۰ آیکون جدید ویندوز: خداحافظی با مستطیلهای بیروح و سلام به عمق و بافت
ویندوز ۱۰ پر از کاشیهای تکرنگ و بیروحی بود که حس یک صفحه وب نیمهکاره را میدادند؛ کریستینا کوئن چطور با زبان فلوئنت دیزاین، روح و عمق را به بیش از ۱۰۰ آیکون ویندوز برگرداند؟
- ناشر منبع
- Microsoft Design on Medium
- زمان مطالعه
- ۵ دقیقه مطالعه
- نویسنده منبع
- Christina Koehn
- تاریخ انتشار منبع
- ۱ اسفند ۱۳۹۸
ماجرا از کجا شروع شد؟
برای سالها در دوران ویندوز ۸ و نسخههای اولیه ویندوز ۱۰، مایکروسافت روی سبکی به نام «مترو» پافشاری میکرد: آیکونهای کاملاً سفید و خطی، محصور در کاشیهای مستطیلی تکرنگ. روی کاغذ مینیمال و تمیز به نظر میرسید، اما در واقعیت یک بحران کاربری بود: وقتی منوی استارت یا فایل اکسپلورر را باز میکردید، با دیواری از مربعهای آبی روبرو میشدید که برای پیدا کردن برنامه مورد نظر باید دانه دانه متنها را میخواندید!
چشم انسان برای اسکن سریع نیاز به «رنگ»، «فرم منحصر به فرد» و «کنتراست لبهها» دارد. کریستینا کوئن، مدیر طراحی ویندوز، مسئولیت پروژهای عظیم را بر عهده گرفت: بازطراحی بیش از ۱۰۰ آیکون هسته ویندوز با زبان مدرن Fluent Design.
چه تصمیمی گرفتند؟
تیم طراحی چند اصل ملموس و فیزیکی برای ساخت آیکونها پیاده کرد:
- انحنا و فرمهای ارگانیک بهجای گوشههای تیز: گوشههای سخت ۹۰ درجه جای خود را به انحناهای نرم و دوستانه دادند که حس لمسپذیری ایجاد میکرد.
- استفاده از عمق و شکست نور: هر آیکون از لایههای شفاف، نیمهشفاف و سایههای بسیار ظریف تشکیل شد تا شبیه شیشهها و پلاستیکهای صیقلی دنیای واقعی به نظر برسد.
- پالت رنگی منسجم اما قابل تفکیک در یک صدم ثانیه: پوشه زرد فایل اکسپلورر، چرخدنده آبی تنظیمات و پوشه عکس با گرادیان ارغوانی به نحوی رنگآمیزی شدند که حتی در گوشه میدان دید هم با هم اشتباه نشوند.
طراحان آیکونها را در اندازه ۱۶ پیکسل و سیاه و سفید تست کردند. اگر فرم کلی (Silhouette) آیکون بدون رنگ قابل تشخیص نبود، طرح رد میشد! رنگ برای روح بخشیدن است، اما شکل هندسی ستون فقرات شناسایی در مغز است.
چی شد که جواب داد؟
عرضه آیکونهای جدید نه تنها چهره خشک ویندوز را به یک سیستمعامل گرم و امروزی بدل کرد، بلکه زمینه بصری نسخه ویندوز ۱۱ را رقم زد. کاربران در نظرسنجیها اعلام کردند که پیدا کردن برنامهها در تسکبار و استارت منو به طور محسوسی سریعتر شده است.
درس محصولی درباره نشانهشناسی بصری
سادگی به معنای یکنواختی نیست. رابط کاربری خوب از تنوع رنگ و عمق برای هدایت چشم استفاده میکند. وقتی همه عناصر را یکشکل و تخت میکنید، زحمت پردازش را از دوش طراح برداشته و روی دوش مغز کاربر میاندازید.
نسخه کامل و اصلی این کیساستادی
این روایت یک بازخوانی کوتاه فارسی است. برای جزئیات کامل، تصاویر اصلی و متن نویسنده به منبع مراجعه کنید.
کیسهای مرتبط
داستانهای دیگری با موضوع یا برچسبهای نزدیک که شاید الهامبخش باشند.
چطور مایکروسافت بعد از ۶ سال به آیکونهای وُرد و اکسل جان دوباره داد
داستان بازطراحی آیکونهای آفیس توسط تیم دیزاین مایکروسافت: پیوند سنت دیرینه نوستالژیک با زبان بصری فلوئنت دیزاین.
مدیریت دیزاین در شبکه جهانی فریلنسرها: چطور تاپتال سیستم فیگما را مقیاس داد
داستان ساخت و نگهداری سیستم طراحی تاپتال در فیگما: از سازماندهی کتابخانههای تیمی تا انتشار بدون باگ و تعامل نزدیک با مهندسان فرانتاند.
چطور یک دیزاین سیستم نجاتبخش کدهای آشفته نرمافزارهای سازمانی شد
داستان ایجاد سیستم طراحی Space: متحد کردن جدولهای شلوغ سازمانی، فرمهای چندمرحلهای و تعاملات دسکتاپ زیر یک چتر هماهنگ.

