หน้าจอและเค้าโครง

หัวข้อและเมนูลอยอยู่ในตัวถังแก้วแบบฟอยล์ ไฮไลต์ หัวข้อและเมนูลอยอยู่ในตัวถังแก้วแบบมีขอบมนที่… แก้วหัว

ส่วนหัวและเมนูลอยอยู่ในภาชนะแก้วทรงกลมที่จะจางหายไปเมื่อคุณเลื่อนดู ใช้เอฟเฟกต์กระจกฝ้า (เบลอฉากหลัง + พื้นผิวกึ่งโปร่งใส) จางหายไปเมื่อคุณเลื่อนหน้าลง

  • แก้วหัว
  • การนำทาง
  • ตู้คอนเทนเนอร์
  • ออกแบบ
หน้าต่างผลลัพธ์หลังการนำเข้า หลังจากนำเข้าข้อมูลติดต่อ หน้าต่างแบบโมดัลที่มีการเคลื่อนไหวจะแสดงให้เห็น… นำเข้า

แทนที่พื้นผิวสามอย่างที่เกิดขึ้นพร้อมกันหลังการนำเข้า (toast, ทัวร์ที่เปิดอัตโนมัติ, ตัวละครที่พุ่งออกมา) ด้วยหน้าต่างแบบโมดัลที่สงบอย่างหนึ่ง ช่วงเวลา 3 วินาทีช่วยให้ตัวละครได้หยุดนิ่งก่อนหน้าต่างจะปรากฏขึ้น การทัวร์จะเริ่มขึ้นได้เฉพาะเมื่อผู้ใช้เลือกเข้าร่วมโดยตรง

  • นำเข้า
  • การเริ่มต้นใช้งาน
  • โมดัล
  • สถิติ
  • ทัวร์
  • ภาษา
แถวชื่อหลักบนพื้นหลังแบบค่อยๆ เปลี่ยนสีพร้อมสวิตช์ปิด-เปิดภาพงานศิลป์ ชื่อเรื่องฮีโร่ปรากฏอยู่บนพื้นหลังที่มีเอฟเฟกต์สี Saropa พร้อมกับ … ฮีโร่

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

  • ฮีโร่
  • การไล่ระดับสี
  • ทรุด
  • สลับ
  • ความพึงใจ
กริดปรับจำนวนคอลัมน์ให้เหมาะสมกับขนาดข้อความที่ใหญ่ การจัดวางกริดจะลดจำนวนคอลัมน์ลงเมื่อขนาดข้อความระบบ … การเข้าถึง

จำนวนคอลัมน์จะถูกคำนวณใหม่จากปัจจัยมาตราส่วนข้อความที่ใช้งานอยู่ แทนที่จะเป็นเบรกพอยต์ของอุปกรณ์คงที่ ดังนั้นโทรศัพท์และแท็บเล็ตที่มีการตั้งค่าการเข้าถึงเดียวกันจะรักษาความกว้างต่อเซลล์ให้เพียงพอสำหรับป้ายกำกับแบบเต็ม

  • การเข้าถึง
  • ขนาดข้อความ
  • คอลัมน์
  • ตอบสนอง
  • ตาราง
งานศิลปะบนหน้าจอปรากฏอยู่ในบัตรที่มีขอบมนและยุบตัวลงเมื่อคุณเลื่อนหน้าจอ งานศิลปะบนหน้าจอปรากฏอยู่ในบัตรที่มีขอบมนและยุบตัวลง … ฮีโร่

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

  • ฮีโร่
  • เลื่อน
  • ทรุด
  • แอนิเมชั่น
  • การ์ด
  • สัมผัส
สร้างภาพงานหน้าจอแบบทันทีโดยไม่มีการโหลดซ้ำ ภาพงานและภาพหน้าจอของหน้าหลักจะโหลดจากแคชเมื่อซ้ำ… ผลงาน

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

  • ผลงาน
  • แคชรูปภาพ
  • ฮีโร่
  • กำลังโหลด
สนับสนุนการจัดวางแบบจากขวาไปซ้ายบนหน้าหลัก หัวข้อหลักของหน้าหลักใช้การจัดวางตามทิศทางเพื่อให้หน้าจอเรียง… rtl

องค์ประกอบโฆษณาด้านบนจะอ่านทิศทางของข้อความโดยรอบแทนที่จะเข้ารหัสการจัดชิดซ้าย ดังนั้นชื่อ การควบคุมด้านหลัง และอาร์ตเวิร์กจึงสะท้อนอย่างถูกต้อง แทนที่จะพลิกข้อความในขณะที่ไอคอนยังคงปักหมุดไว้ทางซ้าย

  • rtl
  • เค้าโครง
  • การเข้าถึง
  • ฮีโร่
  • ความเป็นสากล
หัวข้อส่วนขยายบนหน้าจอหกส่วน คลิกที่หัวข้อตัวอักษรเพื่อซ่อน/แสดงกลุ่มใน Organizations,… ขั้นตอนการทำงาน

ตอนนี้การแตะส่วนหัวของตัวอักษรจะสลับการมองเห็นของทุกผู้ติดต่อภายใต้ตัวอักษรนั้น ทำให้สามารถยุบรายการตัวอักษรขนาดยาวบนหน้าจอที่มีข้อมูลจำนวนมาก 6 หน้าจอโดยไม่ต้องเลื่อนรายการที่ผ่านมาซ้ำๆ

  • ขั้นตอนการทำงาน
  • ปฏิสัมพันธ์
ระดับความยาวของเรื่องราวพร้อมการแยกแยะด้วยภาพ ไอคอนสามสี (สั้น/มาตรฐาน/เต็ม) พร้อมสไตล์… เรื่องเล่า

การแทนที่ช่องทำเครื่องหมายด้วยไอคอนสีและระดับที่มีชื่อจะทำให้ความยาวของการเล่าเรื่องแต่ละเรื่องมีเอกลักษณ์ทางภาพที่แตกต่างกัน ทำให้สามารถจดจำตัวเลือกที่เลือกได้อย่างรวดเร็ว แทนที่จะต้องทำเครื่องหมายถูกเพื่อยืนยัน

  • เรื่องเล่า
  • UX
เรื่องราวเชิงประวัติศาสตร์พร้อมชื่อและจุดแบ่งแยก ประวัติการระลึกถึงมีชื่อเรื่อง ("In Memory of…") และ… เรื่องเล่า

ข้อความรำลึกที่สร้างขึ้นจะเปิดขึ้นพร้อมกับส่วนหัวที่เป็นทางการและแบ่งออกเป็นย่อหน้าทุกครั้งที่เนื้อหามีการเปลี่ยนแปลง (อาชีพ ครอบครัว มรดก) แทนที่จะเรียงกันเป็นบล็อกเดียวหนาแน่น

  • เรื่องเล่า
  • อนุสรณ์สถาน
การเข้าถึงที่ง่ายเพื่อเพิ่มรายละเอียดเรื่องราวของผู้ติดต่อ โปรไฟล์ผู้ติดต่อแสดงลิงก์ที่มีประโยชน์เพื่อเพิ่มเรื่องราวเพิ่มเติม… อุ้ย

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

  • อุ้ย
  • เรื่องเล่า
  • ซีทีเอ
ป้ายกำกับการเสียชีวิตตอนนี้เป็นไปตลอดเวลาสำหรับผู้ติดต่อที่เสียชีวิตแล้ว ป้ายกำกับการเสียชีวิตแสดงตลอดทั้งปีสำหรับผู้ติดต่อที่ถูกระลึกถึง ไม่ใช่แค่… ผู้ติดต่อ

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

  • ผู้ติดต่อ
  • อวตาร
  • อนุสรณ์สถาน
  • ตาย
แผนที่โหลดเร็วขึ้น แผนที่ชิปโหลดด้วยพื้นหลังที่มีการเปลี่ยนสีอย่างนุ่มนวล ทำให้แผนที่… แผนที่

ตัวยึดตำแหน่งแบบไล่ระดับสีจะตรงกับขนาดของตารางไทล์และจางหายไปเมื่อมีภาพจริงไหลเข้ามา โดยซ่อนเครือข่ายไป-กลับที่ผู้ให้บริการแผนที่ต้องการก่อนที่พิกเซลจะมาถึง

  • แผนที่
  • กำลังโหลด
  • UX
โค้ด QR ฝัง Saropa โลโก้ โค้ด QR แสดง Saropa โลโก้แบรนด์ในสีน้ำเงินที่ศูนย์กลางพร้อม… การสร้างแบรนด์

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

  • การสร้างแบรนด์
  • รหัส QR
  • การแบ่งปัน
หน้าช่วยเหลือสามารถยุบและจดจำสถานะได้ ช่อง Help สามารถพับยับได้ มีการจัดสี และจดจำ… การนำทาง

ส่วนความช่วยเหลือแต่ละส่วนจะมีสีที่แตกต่างกันและจดจำว่าเปิดหรือปิดทิ้งไว้ระหว่างการเยี่ยมชม ดังนั้นหน้าจอความช่วยเหลือในการอ่านบางส่วนจะกลับมาดำเนินการต่อจากที่ที่ทิ้งไว้

  • การนำทาง
  • ช่วย
  • การปรับเปลี่ยนในแบบของคุณ
  • พับได้
หน้าต้อนรับช่วยแนะนำผู้ใช้ใหม่และผู้ใช้ที่อัปเกรด หน้าต้อนรับที่มีการเคลื่อนไหวพร้อมการเปลี่ยนแปลงที่นุ่มนวลช่วยแนะนำ… การนำทาง

ขั้นตอนการต้อนรับที่แยกจากกันสำหรับการติดตั้งใหม่และการอัปเกรดเวอร์ชันหมายความว่าผู้ใช้ที่กลับมาจะเห็นสิ่งที่เปลี่ยนแปลงไปโดยเฉพาะ แทนที่จะเป็นบทแนะนำการใช้งานครั้งแรกทั่วไปสำหรับผู้ใช้ใหม่

  • การนำทาง
  • การเริ่มต้นใช้งาน
  • ภาพเคลื่อนไหว
  • การเริ่มต้น
  • อัพเกรด
ชื่อแบรนด์ที่มีการเคลื่อนไหวในช่วงการใช้งานครั้งแรก ตัวอักษรหล่นลงมาต่อเนื่องตัวต่อตัวพร้อมกับแสงสีรุ้งเมื่อเปิดใช้งาน แอนิเมชั่น

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

  • แอนิเมชั่น
  • การเริ่มต้นใช้งาน
  • ภาพ
หน้าต่างยินยอมการอัปเกรดครั้งเดียว ผู้ใช้ที่อัปเกรดในยุค Isar จะเห็นข้อความแนะนำเมื่อเปิดใช้งานครั้งแรก… การเริ่มต้นใช้งาน

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

  • การเริ่มต้นใช้งาน
  • อัพเกรด
  • UX
ตัวเลือกการใช้งานแบบแนวนอนสำหรับโทรศัพท์ โทรศัพท์สามารถหมุนไปใช้งานแบบแนวนอนได้ (เปิดใช้งานเริ่มต้นเป็นปิด) ในขณะที่… เค้าโครง

โทรศัพท์มีค่าเริ่มต้นเป็นแนวตั้งเท่านั้น เนื่องจากฟีเจอร์นี้ได้รับการทดสอบอย่างละเอียดน้อยกว่าในรูปแบบอุปกรณ์พกพา ในขณะที่แท็บเล็ตหมุนได้อย่างอิสระตามค่าเริ่มต้น เนื่องจากหน้าจอที่ใหญ่ขึ้นรองรับทั้งสองทิศทางได้ดีอยู่แล้ว

  • เค้าโครง
  • การหมุน
  • การเข้าถึง
หน้าข้อมูล: Saropa ภารกิจและเรื่องราวชื่อ สองส่วนใหม่บนหน้า About — Our Mission (หลักการของ… ยี่ห้อ

ส่วนภารกิจของเราระบุเสาหลักสี่ประการที่ขับเคลื่อนการพัฒนาแอป ในขณะที่เรื่องราวการตั้งชื่อเชื่อมโยงเอกลักษณ์ของแอปกับประเพณีซิกข์ที่เป็นที่มาของคำว่า Saropa

  • ยี่ห้อ
  • เชื่อมั่น
  • ความโปร่งใส
การจัดการโทรศัพท์และอีเมลที่ง่ายขึ้นบนแท็บเล็ต บนแท็บเล็ตแบบแนวนอน แถวโทรศัพท์และอีเมลจัดเรียงเป็น 2… แท็บเล็ต

เค้าโครงแบบสองคอลัมน์ขับเคลื่อนโดยการตรวจจับการวางแนวในแนวนอนมากกว่าขนาดหน้าจอเพียงอย่างเดียว ดังนั้นแท็บเล็ตที่วางตั้งตรงยังคงใช้รายการคอลัมน์เดียว

  • แท็บเล็ต
  • องค์กร
แท็บหน้าหลักปรับตัวได้ด้วยการพับส่วนต่างๆ ลง จัดระเบียบโดยการพับส่วนต่างๆ ลง; แท็บเล็ตแสดงข้อมูลกว้างขึ้น หน้าแรกแท็บ

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

  • หน้าแรกแท็บ
  • การนำทาง
  • พับได้
  • ส่วนต่างๆ
  • แท็บเล็ต
  • ตอบสนอง
หัวข้อของแท็บเล็ตจัดวางตัวตนและการกระทำไว้ด้วยกัน ตัวตนอยู่ด้านซ้ายและปุ่มการกระทำอยู่ด้านขวา แท็บเล็ต

การเคลื่อนไหวไปที่ขอบด้านหลังช่วยให้สามารถเอื้อมมือได้บนแท็บเล็ตแนวนอนขนาดกว้าง โดยที่เลย์เอาต์ที่นำหน้าอย่างเดียวอาจทำให้ปุ่มค้างไปด้านใดด้านหนึ่ง

  • แท็บเล็ต
  • ฮีโร่
  • ส่วนหัว
  • เค้าโครง
ทุกส่วนของหน้าหลักสามารถพับได้ แตะที่หัวข้อใดก็ได้เพื่อซ่อนหรือแสดงมันออกมา เวอร์ชันฉุกเฉิน,… องค์กร

สถานะการยุบยังคงมีอยู่ในแต่ละส่วน แทนที่จะรีเซ็ตเมื่อเปิดแอปใหม่ ดังนั้นแท็บหน้าแรกที่จัดเรียงครั้งเดียวจะยังคงอยู่ในรูปแบบเดิม

  • องค์กร
  • การใช้งาน
หัวข้อการติดต่อจัดเรียงใหม่เมื่อแท็บเล็ตอยู่ในโหมดแนวนอน เมื่อแท็บเล็ตอยู่ในโหมดแนวนอน รูปและชื่อของผู้ติดต่อของคุณจะปรากฏ… แท็บเล็ต

การจัดวางแนวนอนจะเปลี่ยนเอกลักษณ์และการดำเนินการอย่างรวดเร็วไปเป็นแถบแนวนอนเส้นเดียว แทนที่จะซ้อนกัน เป็นการเรียกคืนพื้นที่แนวตั้งที่เค้าโครงแนวตั้งอาจไม่ได้ใช้

  • แท็บเล็ต
  • ตอบสนอง
การจัดเรียงรายละเอียดการติดต่อที่สะอาดกว่า หน้าต่างการติดต่อสามารถนำทางได้ง่ายขึ้นด้วยการปรับปรุง… การเปลี่ยนหน้าจอ

การลดการจัดกลุ่มที่ซ้อนกันบนหน้าจอรายละเอียดหมายความว่าต้องแตะน้อยลงเพื่อเข้าถึงฟิลด์ที่กำหนด ลดจำนวนการเลื่อนที่แยกส่วนที่เกี่ยวข้อง

  • การเปลี่ยนหน้าจอ
  • รายละเอียด-จอแสดงผล
  • ลดความซับซ้อน
หน้าต่างการติดต่อที่สามารถพับได้พร้อมสถานะ หน้าต่างการติดต่อสามารถพับได้และจดจำสถานะข้าม… รายละเอียดการติดต่อ

สถานะการยุบจะถูกบันทึกตามผู้ติดต่อและต่อเซสชัน ดังนั้นการเปิดผู้ติดต่ออีกครั้งในภายหลังจะแสดงส่วนต่างๆ เหมือนเดิมทุกประการ แทนที่จะรีเซ็ตเป็นการขยายแบบเต็ม

  • รายละเอียดการติดต่อ
  • องค์กร
  • วิริยะ

ที่อยู่ในสมุดรายชื่อของคุณเป็นสิ่งสำคัญอย่างยิ่ง จัดการมันเหมือนกับว่ามันคือสิ่งสำคัญ

รับฟีเจอร์หน้าจอและเลย์เอาต์ทั้งหมดเหนือ — ฟรีสำหรับการใช้งานส่วนตัว ออกแบบเป็นส่วนตัว และพร้อมทันทีที่คุณติดตั้ง