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


مهمان گرامی، خوش‌آمدید!
شما قبل از این که بتوانید در این انجمن مطلبی ارسال کنید باید ثبت نام کنید.


  

گذرواژه‌
  





جستجوی انجمن‌ها

(جستجوی پیشرفته)

آخرین موضوع‌ها
چگونه در ۱۵ دقیقه یک سایت...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۴/۲۳
» پاسخ: 0
» بازدید: 3
چگونه طراحان وب می توانند...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۴/۲۳
» پاسخ: 0
» بازدید: 8
تفاوت UI و طراحی UX چیست؟
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۴/۲۳
» پاسخ: 0
» بازدید: 4
انواع لوستر بر اساس کاربر...
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۴/۲۲
» پاسخ: 0
» بازدید: 11
تالار شیک و ارزان
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۴/۱۸
» پاسخ: 0
» بازدید: 18
اسمارت واچ‌های جدید کدام ...
انجمن:
آخرین ارسال توسط: cluodi
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 19
کلاسیفایر
انجمن:
آخرین ارسال توسط: eh3an2010
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 33
گزینه‌های خرید لوازم جانب...
انجمن:
آخرین ارسال توسط: cluodi
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 21
گزینه‌های خرید لوازم جانب...
انجمن:
آخرین ارسال توسط: cluodi
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 20
گزینه‌های خرید لوازم جانب...
انجمن:
آخرین ارسال توسط: cluodi
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 22
گزینه‌های خرید لوازم جانب...
انجمن:
آخرین ارسال توسط: cluodi
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 21
گزینه‌های خرید لوازم جانب...
انجمن:
آخرین ارسال توسط: cluodi
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 23
گزینه‌های خرید لوازم جانب...
انجمن:
آخرین ارسال توسط: cluodi
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 21
گزینه‌های خرید لوازم جانب...
انجمن:
آخرین ارسال توسط: cluodi
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 20
گزینه‌های خرید لوازم جانب...
انجمن:
آخرین ارسال توسط: cluodi
۱۳۹۸/۰۴/۱۷
» پاسخ: 0
» بازدید: 21
بررسی طراحی سایت و رابط ک...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۴/۱۶
» پاسخ: 0
» بازدید: 26
چگونگی ایجاد فرم های ساده...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۴/۱۶
» پاسخ: 0
» بازدید: 31
قواعد جدید در طراحی وب سا...
انجمن:
آخرین ارسال توسط: hostcode
۱۳۹۸/۰۴/۱۶
» پاسخ: 0
» بازدید: 25
کاربردهای سیم خاردار که ن...
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۴/۱۱
» پاسخ: 0
» بازدید: 99
نکاتی برای بازسازی دکوراس...
انجمن:
آخرین ارسال توسط: sefidgroup
۱۳۹۸/۰۴/۱۱
» پاسخ: 0
» بازدید: 34
۷ مکمل خطرناک که باید درب...
انجمن:
آخرین ارسال توسط: marmary
۱۳۹۸/۰۴/۱۱
» پاسخ: 0
» بازدید: 89
دوره آموزش سئو امیر قمصری
انجمن:
آخرین ارسال توسط: fns4565
۱۳۹۸/۰۴/۱۱
» پاسخ: 0
» بازدید: 39
آموزش سئو سایت - نیوسئو
انجمن:
آخرین ارسال توسط: fns4565
۱۳۹۸/۰۴/۱۱
» پاسخ: 0
» بازدید: 36
مجتمع تجاری آرمیتاژ مشهد
انجمن:
آخرین ارسال توسط: fns4565
۱۳۹۸/۰۴/۱۱
» پاسخ: 0
» بازدید: 33
معرفی مجتمع تجاری کوهسر م...
انجمن:
آخرین ارسال توسط: fns4565
۱۳۹۸/۰۴/۱۱
» پاسخ: 0
» بازدید: 33

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


[تصویر: http://magbot.ir//%DA%86%D9%87-%D8%B7%D8...%D8%AF.jpg]


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


[تصویر: http://magbot.ir/%da%86%d9%87-%d8%b7%d8%...8%af/0.jpg]


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


[تصویر: http://magbot.ir/%da%86%d9%87-%d8%b7%d8%...8%af/1.jpg]


[تصویر: http://magbot.ir/%da%86%d9%87-%d8%b7%d8%...8%af/6.jpg]


این یک انتخاب رنگ عاقلانه برای یک سایت مانند یوتیوب است که بر کیفیت تصویر فیلم های آن تمرکز دارد. حالت تاریک مناسب برای مشاهده شبانه و یا برای کاهش تابش نور در صفحه در طول روز است. گیلبرت و تیمش اعلام می کنند  به جای اینکه مجبور به ساختن سایت جدید بصورت کامل  برای همه افراد باشند ، YouTube به کاربران امکان داد تا آن را بصورت  آزمایشی استفاده و بازخورد  خود را به تیم ارائه دهد. برای فعال کردن تم تاریک، بر روی منوی کشویی حساب کاربری خود کلیک کنید. روی "Dark Theme: Off" کلیک کنید تا آن را روشن کنید. تم تاریک فقط برای مرورگر فعلی شما اعمال می شود. همچنین  طراحی وب سایت تخت را می توان در منوی حساب فعال کنید.
یکی دیگر از تغییرات عمده در سایت یوتیوب، طراحی مینیمال آن است. این باعث می شود که سایت حالت شیک تر و مدرن تر داشته باشد. یوتیوب این عناصر وب را بر روی طراحی متریال  ، که در سال 2014  توسط گوگل آغاز شد فعال نموده است. طراحی کارتی که به نظر می رسد گوگل در حال حاضر، با استفاده جلوه های عمقدار برای ایجاد یک ظاهر پیشرفته از آن استفاده می کند و طراحی متریال با استفاده از نور و سایه  برای بهبود تجربه کاربری YouTube بسیار پر رنگ هستند . یوتیوب جدید دارای نوار جستجو در مرکز است و به جای مربع از آیکون های دایره ای استفاده می کند. فضای سفید بیشتر (یا "فضای سیاه" اگر شما در حالت تاریک هستید) بین آیتم های منو و سایر عناصر سایت وجود دارد، و کل صفحه را  پاکیزه می کند.
[تصویر: http://magbot.ir/%da%86%d9%87-%d8%b7%d8%...%af/11.jpg


این سایت همچنین دو نوار منو جداگانه را به یکی، ادغام کرده به نظر می رسد  صفحه کمتر شلوغ است. این عناصر به وسیله طراحی Material ایجاد شده است که وب سایت را مدرن تر می کند. طراحی  "Material" صفحه را شبیه قطعه کاغذ می کند - در عین حال بر خلاف کاغذ واقعی، عناصر طراحی انعطاف پذیر و هوشمند هستند. گوگل بر روی طراحی جوهر و کاغذ سنتی مبتنی است، اما آن را گسترش داد تا نیازهای کاربران وب مدرن را برآورده کند. برای پیاده سازی طراحی متریال، Google از برنامه وب Polymer استفاده کرد. 
مقالات مرتبط
[تصویر: http://magbot.ir//50-Line-Art-Logo-Desig...%D8%A7.jpg]

مشاهده ۲۵ آرام و لوگو خطی برای الهام گرفتن
[تصویر: http://magbot.ir//%DA%86%DA%AF%D9%88%D9%...%D8%AF.jpg]

چگونه طراحی رابط کاربری مینیمالیستی Skeuomorphism را از بین برد
[تصویر: http://magbot.ir//%D8%B4%D8%B1%D9%88%D8%...%D8%AA.jpg]
شروع کار با طراحی تخت
پاسخ


پرش به انجمن:


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