“ เงา” นี้เรียกว่าอะไรและมีจุดประสงค์อะไร?


18

เมื่อคุณเลื่อนเบราว์เซอร์ Chrome (หรือ FireFox) ไปทางซ้ายสุดทางขวาขึ้นไปคุณจะเห็นเงานี้(สำหรับคำที่ต้องการคำที่ดีกว่า) สักสองสามวินาทีดังที่แสดง

ป้อนคำอธิบายรูปภาพที่นี่ ป้อนคำอธิบายรูปภาพที่นี่

เรียกว่าอะไรและมีจุดประสงค์อะไร? (ไม่สามารถ Google เพราะฉันไม่รู้ว่ามันคืออะไร :)

มันอยู่ใน Moto X Play และไม่ใช่การเลื่อนเยลลี่ที่รายงานบนโทรศัพท์รุ่นใหม่บางรุ่น


1
ฉันเห็นสิ่งนี้เกิดขึ้นกับแอพอื่น ๆ เช่น Stack Exchange และ Nova Launcher ปรากฏการณ์นี้ไม่ปรากฏในแอพ "rétro" เช่น K-9 Mail ดังนั้นฉันจึงอยากจะนิยามว่ามันเป็นมุมมองที่สวยงามของการออกแบบวัสดุของ Google
พนักงานขายของ Death Mask

คำตอบ:


23

สิ่งนี้ดูเหมือนจะถูกเรียกว่าEdgeEffectและใช้เป็นตัวบ่งชี้ภาพเมื่อผู้ใช้เลื่อนดู

  • ดูภาพที่เกี่ยวข้องบน Google Images ที่นี่
  • หนังสือแสดงความคิดเห็นในผลเรืองแสงผลิต
  • คำถามเกี่ยวกับกองมากเกิน

9

ตามที่แนะนำไปแล้วเอฟเฟกต์ "เงา" แบบกราฟิกนี้คือสี Edge Glowและส่วนหนึ่งของการออกแบบวัสดุโดย Google

หลังจากการแนะนำการออกแบบวัสดุโดยองค์ประกอบ UI ใหม่จำนวนมากของ Google ได้รับการแนะนำ การออกแบบวัสดุขึ้นอยู่กับการโต้ตอบและการเคลื่อนไหวของสีและวัตถุในโลกแห่งความเป็นจริงมากกว่าปรากฏการณ์สังเคราะห์ที่ผิดธรรมชาติ บางครั้งมันก็ยุ่งเหยิงเมื่อเราพยายามตามความสวยงามของวัสดุ ตัวอย่างที่นิยมมากที่สุดคือสีขอบเรืองแสง

ผลที่ได้รับการแนะนำในแซนวิชไอศครีม (API 14) รุ่น Android มันเป็นส่วนหนึ่งของการออกแบบที่สวยงามของวัสดุ สีขอบเรืองแสงของ ListView, RecyclerView, ScrollView และ NestedScrollView ได้รับการจัดการโดยเน้นสีที่ประกาศในสไตล์

แหล่ง


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.