موارد جدید در موج اول سیستم طراحی فلوئنت ویندوز ۱۰

امسال مایکروسافت قصد دارد با عرضهی بهروزرسانی Fall Creators سیستم طراحی جدیدی را وارد ویندوز ۱۰ کند. این سیستم که پیشتر با نام پروژه نئون شناخته میشد اکنون سیستم طراحی فلوئنت نام دارد. حال در ادامه مقاله با وینفون همراه باشید تا با همهی تغییراتی که این سیستم در ویندوز ۱۰ ایجاد میکند آشنا شویم.

فلوئنت دیزاین سیستم جدیدی است که از سیستم سنتی طراحی مسطح و فلت، به سمت طراحی چند بعدی گام برداشته و قصد دارد تجربهی تاثیرگذار و درگیرکنندهتر را در اختیار کاربران قرار دهد. تغییراتی که این سیستم با خود به ارمغان میآورد آنچنان بنیادین نیستند اما تاثیرگذار هستند. برای مثال یکی از شاخصههای اصلی این طراحی شفافیت و ماتی اجسام و همچنین دید سهبعدی آنها است. از همه مهمتر این تغییرات برای تمام دستگاههای ویندوز ۱۰ یکسان خواهند بود و کاربران تجربهای یکسان را از این طراحی یکپارچه کسب خواهند کرد.

برخلاف زبان طراحی قبلی مایکروسافت، فلوئنت دیزاین قرار نیست که به یک باره بر ویندوز ۱۰ اعمال گردد بلکه مایکروسافت آن را با موجهای متفاوت بسط میدهد. موج اول این سیستم در بهروزرسانی Fall Creators اعمال میشود.

اصول فلوئنت دیزاین

سیستم طراحی فلوئنت مایکروسافت از پنج عنصر اصلی به نامها روشنایی(Light)، عمق(Depth)، حرکت(Motion)، ماده(Material) و مقیاس(Scale) تشکیل شده است. تمام اینجنبهها برای خلق تجربهی ناب و تاثیرگذار با یکدیگر همکاری خواهند کرد.

روشنایی(Light): شامل عنصر روشنایی برای هدایت کاربران در داخل برنامه است. به بیان دیگر، این یک روش بصری جدید برای تمرکز بر روی اطلاعات مناسب در زمان مناسب هنگام کارکردن با برنامهها است. این عنصر در محیط های واقعیت ترکیبی که نور به عنوان یک صف بصری (یا اشاره گر) به چیزی که در آن نگاه میکنید، مفیدتر واقع میشود.

عمق(Depth): این عنصر اجازه میدهد یک طراحی مسطح را به یک تجربه جذاب تبدیل نماید. اضافه کردن عمق بصری با استفاده از اطلاعات محور z باعث میu200dشود محتوا را از هم جدا کنید و آن را با استفاده از لایههایی که مربوط به یکدیگر هستند بازسازی کرده و حرکت در منظرهای سهبعدی را احساس کنید.

ماده(Material): این عنصر مسئول جنبه فیزیکی عناصر در رابط کاربری است. در عناصر دنیای واقعی، خم شدن، کشش، تکاندادن، پرش و لغزش وجود دارد. حال عنصر ماده(Material) قصد دارد برخی از این رفتارها را به ویندوز ۱۰ و برنامه های کاربردیاش بیاورد.

برپایهی ۵ اصول یادشده، مایکروسافت آنها را به مرور و در موجهای متفاوت عرضه خواهد کرد. در موج اول شما میتوانید انتظار حداقل ۵ ویژگی را که توسعهدهندگان توانایی ادغام آن با اپلیکیشنهایشان را داشته باشند، داشته باشید. این ۵ ویژگی شامل جلوههای روشنکننده، اکریلیک، انیمیشنهای پیوسته، کنترلهای هوشیار و انطباق میدان دید یا همان Parallax میشود.

جلوهی روشنکننده یا همان Reveal Highlight

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

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

این ویژگی تنها برای زمانی نیست که شما ماوس را تکان میدهید بلکه در هنگام کلیک کردن بر روی یک عنصر شما شاهد یک پالس جدید از تجسم نور نیز خواهید بود.

اگر از اینسایدرهای ویندوز ۱۰ باشید، به احتمال زیاد شاهد این جلوهی بصری در بیلد ۱۶۲۲۶ بودهاید. شما میتوانید از آن در ListViewها و دیگر کنترلهای XAML شامل اکشن سنتر، اپلیکیشن ستینگ، مایکروسافت اج و دیگر اپلیکیشنها استفاده کنید امتحان کنید.

جلوهی اکریلیک

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

همان طور که پیش تر گفتیم، این سیستم طراحی قرار است کم کم وارد رابط طراحی ویندوز ۱۰ شود. این تغییرات، تنها تغییرات موج اول رابط کاربری ویندوز بود و پس از این نیز، شاهد تغییرات دیگری در جلوه های بصری ویندوز خواهیم بود. نظر شما در مورد رابط کاربری جدید ویندوز چیست؟

وینفون...