شما وارد حساب خود نشده و یا ثبت نام نکرده اید. لطفا وارد شوید یا ثبت نام کنید تا بتوانید از تمامی امکانات انجمن استفاده کنید.
اعلانات

- توجه: بخش لینک سازی و بخش کاملا آزاد ایجاد شد تا کاربران برای لینک سازی مطالب و موضوعات مرتبط با سایت خودشون رو با بقیه و موتورهای جستجو به اشتراک بگذارند توجه کنید اگر کاربری روزانه بالای 5 مطلب و لینک ارسال نمایید اکانت کاربری مسدود خواهد شد.

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

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


تبلیغات
ads
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
بررسی طراحی سایت و رابط کاربری جدید YouTube
#1
بررسی طراحی سایت و رابط کاربری جدید YouTube
ترندها و ایده ها
 

 

[تصویر:  %DA%86%D9%87-%D8%B7%D8%B1%D8%A7%D8%AD%DB...%D8%AF.jpg]


طراحی جدید سایت یوتیوب تاریک است.  بخشی از چندین به روز رسانی وب سایت های طراحی شده این غول رسانه های اجتماعی در به روز رسانی اخیر خود، ، که در اوایل ماه مه آغاز شد و به روز شده است.  هنگامی که یوتیوب سایت جدید خود را نشان داد، بسیاری اشاره کردند این طراحی از قبل برای استفاده سایت کنندگان از طریق تلفن همراه آشناست، که از همان ابتدا از حالت تاریک استفاده می کرد. طراحی مجدد نیز یک رابط کاربری ساده (UI)، تکنولوژی اسکریپت جدید  همراه با عناصر بصری بیشتری است. مدیر تجربه کاربر در YouTube، فرد گیلبرت، اعلام می کند که تصمیم به استقاده از  تاریکی  در رابط کاربری با هدف تمایل به ارائه یک رابط کاربر متمرکز است. تم تاریک درخشندگی را کاهش می دهد و  مشاهده فیلم ها در نور تاریک را برای کاربران  آسان می کند. کاربران می توانند حالت تاریک را انتخاب کنند و از آن استفاده کنند. تم تاریک شبیه به برنامه تلفن همراه شرکت است، که همیشه یک پس زمینه خاکستری سیاه یا تاریک داشته است. 


resim


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


[تصویر:  1.jpg]


[تصویر:  6.jpg]


این یک انتخاب رنگ عاقلانه برای یک سایت مانند یوتیوب است که بر کیفیت تصویر فیلم های آن تمرکز دارد. حالت تاریک مناسب برای مشاهده شبانه و یا برای کاهش تابش نور در صفحه در طول روز است. گیلبرت و تیمش اعلام می کنند  به جای اینکه مجبور به ساختن سایت جدید بصورت کامل  برای همه افراد باشند ، YouTube به کاربران امکان داد تا آن را بصورت  آزمایشی استفاده و بازخورد  خود را به تیم ارائه دهد. برای فعال کردن تم تاریک، بر روی منوی کشویی حساب کاربری خود کلیک کنید. روی "Dark Theme: Off" کلیک کنید تا آن را روشن کنید. تم تاریک فقط برای مرورگر فعلی شما اعمال می شود. همچنین  طراحی وب سایت تخت را می توان در منوی حساب فعال کنید.
یکی دیگر از تغییرات عمده در سایت یوتیوب، طراحی مینیمال آن است. این باعث می شود که سایت حالت شیک تر و مدرن تر داشته باشد. یوتیوب این عناصر وب را بر روی طراحی متریال  ، که در سال 2014  توسط گوگل آغاز شد فعال نموده است. طراحی کارتی که به نظر می رسد گوگل در حال حاضر، با استفاده جلوه های عمقدار برای ایجاد یک ظاهر پیشرفته از آن استفاده می کند و طراحی متریال با استفاده از نور و سایه  برای بهبود تجربه کاربری YouTube بسیار پر رنگ هستند . یوتیوب جدید دارای نوار جستجو در مرکز است و به جای مربع از آیکون های دایره ای استفاده می کند. فضای سفید بیشتر (یا "فضای سیاه" اگر شما در حالت تاریک هستید) بین آیتم های منو و سایر عناصر سایت وجود دارد، و کل صفحه را  پاکیزه می کند.
resim 


این سایت همچنین دو نوار منو جداگانه را به یکی، ادغام کرده به نظر می رسد  صفحه کمتر شلوغ است. این عناصر به وسیله طراحی Material ایجاد شده است که وب سایت را مدرن تر می کند. طراحی  "Material" صفحه را شبیه قطعه کاغذ می کند - در عین حال بر خلاف کاغذ واقعی، عناصر طراحی انعطاف پذیر و هوشمند هستند. گوگل بر روی طراحی جوهر و کاغذ سنتی مبتنی است، اما آن را گسترش داد تا نیازهای کاربران وب مدرن را برآورده کند. برای پیاده سازی طراحی متریال، Google از برنامه وب Polymer استفاده کرد. 
مقالات مرتبط
[تصویر:  50-Line-Art-Logo-Design-Ideas-&-amp%D8%9...%D8%A7.jpg]
مشاهده ۲۵ آرام و لوگو خطی برای الهام گرفتن
[تصویر:  %DA%86%DA%AF%D9%88%D9%86%D9%87-%D8%B7%D8...%D8%AF.jpg]
چگونه طراحی رابط کاربری مینیمالیستی Skeuomorphism را از بین برد
[تصویر:  %D8%B4%D8%B1%D9%88%D8%B9-%DA%A9%D8%A7%D8...%D8%AA.jpg]
شروع کار با طراحی تخت
  پاسخ
تبلیغات
ads


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  تفاوت UI و طراحی UX چیست؟ magbot 0 8 ۱۳۹۸-۰۴-۲۳، ۰۳:۴۹ ب.ظ
آخرین ارسال: magbot
  بررسی طراحی سایت های رقبا sitecode 0 17 ۱۳۹۸-۰۴-۱۹، ۱۱:۳۶ ب.ظ
آخرین ارسال: sitecode
  برترین شرکت طراحی سایت mahsa733 0 26 ۱۳۹۸-۰۴-۰۹، ۰۴:۵۲ ب.ظ
آخرین ارسال: mahsa733
  نمونه های جذاب طراحی رابط کاربری تعاملی موبایل magbot 0 18 ۱۳۹۸-۰۳-۲۹، ۰۵:۴۰ ب.ظ
آخرین ارسال: magbot
  راهنمای مفصل برای جریان کاربری در طراحی وب سایت magbot 0 18 ۱۳۹۸-۰۳-۲۹، ۰۲:۳۹ ق.ظ
آخرین ارسال: magbot
  آموزش طراحی دکوراسیون kami66 1 34 ۱۳۹۸-۰۳-۲۶، ۱۰:۳۹ ق.ظ
آخرین ارسال: mahsa733
  نکاتی ضروری برای طراحی برنامه های موبایل برای iPad magbot 0 15 ۱۳۹۸-۰۳-۲۵، ۱۰:۴۸ ب.ظ
آخرین ارسال: magbot
  12 روند طراحی وب سایت برای ایجاد وب سایت جذاب magbot 0 18 ۱۳۹۸-۰۳-۲۴، ۱۲:۵۰ ق.ظ
آخرین ارسال: magbot
  آموزش طراحی وب سایت در مگ بوت magbot 0 31 ۱۳۹۸-۰۳-۰۸، ۰۲:۰۷ ق.ظ
آخرین ارسال: magbot
  سوال در خصوص راه اندازی یک سایت تخصصی با osclass MoReNu 3 357 ۱۳۹۷-۰۳-۰۷، ۰۹:۴۹ ق.ظ
آخرین ارسال: morteza

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان
تبلیغات
ads