ข้ามไปยังเนื้อหา

ตัวออกแบบหน้าปัดนาฬิกา Garmin - หน้าปัดนาฬิกาแบบกำหนดเองฟรี

สร้างหน้าปัดนาฬิกา Garmin แบบกำหนดเองออนไลน์ฟรี ออกแบบหน้าปัดนาฬิกาดิจิทัลสำหรับ Fenix, Forerunner และ Venu ด้วยอินเทอร์เฟซแบบลากและวาง ไม่ต้องเขียนโค้ด

ตัวออกแบบหน้าปัดนาฬิกา Garmin

ออกแบบหน้าปัดนาฬิกาแบบกำหนดเองสำหรับสมาร์ทวอทช์ Garmin

การตั้งค่าการออกแบบ

#000000

ตัวอย่าง

10:30
15/06
7,845
72 BPM
85%

ลากองค์ประกอบลงบนหน้าปัดนาฬิกา

การตั้งค่าองค์ประกอบ

ลากองค์ประกอบลงบนหน้าปัดนาฬิกา

การออกแบบที่บันทึก

ยังไม่มีการออกแบบที่บันทึก
เครื่องคำนวณโหลด...
📚

เอกสารประกอบการใช้งาน

Garmin Watch Face Designer คืออะไร?

Garmin Watch Face Designer เป็นเครื่องมือออนไลน์ฟรีสำหรับวางแผนเค้าโครงหน้าปัดนาฬิกา Garmin แบบกำหนดเอง ผู้ใช้จัดวางองค์ประกอบการแสดงผลห้าอย่าง ได้แก่ เวลา วันที่ จำนวนก้าว อัตราการเต้นของหัวใจ และระดับแบตเตอรี่ บนภาพตัวอย่างหน้าจอนาฬิกาทรงกลมหรือสี่เหลี่ยม เลือกสีและขนาดตัวอักษร จากนั้นบันทึกเค้าโครงหรือดาวน์โหลดเป็นไฟล์ เครื่องมือนี้เป็นตัวช่วยด้านการออกแบบและการวางแผน ไม่ได้ติดตั้งหน้าปัดนาฬิกาที่ใช้งานได้ลงในอุปกรณ์ Garmin ด้วยตัวเอง การเปลี่ยนเค้าโครงให้เป็นซอฟต์แวร์ที่ทำงานบนหน้าปัดนาฬิกาจริงต้องใช้เครื่องมือพัฒนา Connect IQ ของ Garmin ซึ่งจะกล่าวถึงต่อไป

แคนวาสออกแบบทำงานอย่างไร

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

เมื่อผู้ใช้ลากองค์ประกอบ ตำแหน่งใหม่จะคำนวณดังนี้:

1x% = (mouse x position on canvas / canvas width) × 100
2y% = (mouse y position on canvas / canvas height) × 100
3

ค่าทั้งสองถูกจำกัดให้อยู่ในช่วง 0 ถึง 100 ดังนั้นจึงไม่สามารถลากองค์ประกอบออกนอกหน้าปัดที่มองเห็นได้

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

1x% = (210 / 280) × 100 = 75
2y% = (210 / 280) × 100 = 75
3

ตำแหน่งนี้ตรงกับตำแหน่งเริ่มต้นขององค์ประกอบอัตราการเต้นของหัวใจในเครื่องมือ ซึ่งโดยค่าเริ่มต้นจะวางไว้ที่ x = 75, y = 75 (ด้านล่างขวาของหน้าปัด)

องค์ประกอบทั้งห้าและค่าเริ่มต้น

การออกแบบใหม่ทุกแบบจะเปิดขึ้นพร้อมค่าเริ่มต้นต่อไปนี้:

ธาตุตำแหน่งเริ่มต้น (x%, y%)สีเริ่มต้นขนาดตัวอักษรเริ่มต้น
ระยะเวลา50, 40สีขาวใหญ่
วันที่50, 60สีขาวปานกลาง
จำนวนก้าว25, 75สีฟ้าอ่อนขนาดเล็ก
อัตราการเต้นของหัวใจ75, 75สีแดงขนาดเล็ก
แบตเตอรี่50, 85สีเขียวอ่อนขนาดเล็ก

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

สามารถแสดงหรือซ่อนแต่ละองค์ประกอบ เปลี่ยนสีด้วยเครื่องมือเลือกสี ปรับขนาด (เล็ก กลาง หรือใหญ่) และลากไปยังตำแหน่งใดก็ได้บนแคนวาส ภาพตัวอย่างจะแสดงค่าตัวอย่างแทนข้อมูลจริง: องค์ประกอบเวลาจะแสดง 10:30 (หรือ 10:30 AM ในรูปแบบ 12 ชั่วโมง) วันที่จะแสดงวันที่ตัวอย่าง จำนวนก้าวจะแสดง 7,845 อัตราการเต้นของหัวใจจะแสดง 72 BPM และแบตเตอรี่จะแสดง 85% ตัวเลขเหล่านี้มีไว้เพื่อแสดงให้เห็นว่าเค้าโครงจะมีลักษณะอย่างไรเท่านั้น ไม่ได้อ่านมาจากนาฬิกาจริง

ตัวเลือกรูปแบบเวลาและวันที่

สามารถแสดงเวลาในรูปแบบ 24 ชั่วโมง (10:30) หรือ 12 ชั่วโมง (10:30 AM) ส่วนวันที่มีรูปแบบให้เลือกสามแบบ:

  • DD/MM เช่น 15/06
  • MM/DD เช่น 06/15
  • DD/MM/YY เช่น 15/06/23

วิธีสร้างการออกแบบ

  1. เลือกรุ่นและรูปทรงของนาฬิกา เมนูแบบเลื่อนลงสำหรับเลือกรุ่นมีหกตัวเลือก ได้แก่ Forerunner 245, Forerunner 945, Fenix 6, Fenix 7, Venu และ Venu 2 รูปทรงมีให้เลือกเป็นวงกลมหรือสี่เหลี่ยม ชื่อรุ่นจะถูกบันทึกไว้กับการออกแบบเพื่อใช้อ้างอิง และไม่มีผลต่อวิธีสร้างไฟล์ส่งออก
  2. เลือกสีพื้นหลัง โดยใช้เครื่องมือเลือกสี
  3. เพิ่มองค์ประกอบลงในแคนวาส โดยคลิกองค์ประกอบหนึ่งรายการ แล้วลากไปยังตำแหน่งบนภาพตัวอย่าง
  4. ปรับองค์ประกอบแต่ละรายการ ได้แก่ เปิดหรือปิดการแสดงผล ตั้งค่าสีข้อความ เลือกขนาดตัวอักษร และสำหรับเวลาและวันที่ ให้เลือกรูปแบบ
  5. บันทึกการออกแบบ โดยพิมพ์ชื่อแล้วเลือก "Save Design" การออกแบบที่บันทึกไว้จะเขียนลงในพื้นที่จัดเก็บภายในของเบราว์เซอร์ ไม่ได้บันทึกไว้บนเซิร์ฟเวอร์ จึงจะแสดงขึ้นอีกครั้งเฉพาะในเบราว์เซอร์และอุปกรณ์เครื่องเดิม และจะไม่ปรากฏบนอุปกรณ์อื่นโดยอัตโนมัติ
  6. ส่งออกการออกแบบ เพื่อดาวน์โหลดเป็นไฟล์ (ดูด้านล่าง) หรือใช้ "Copy Design JSON" เพื่อคัดลอกข้อมูลเดียวกันไปยังคลิปบอร์ด

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

ไฟล์ส่งออกมีอะไรอยู่จริง

การคลิก "Export Watch Face" จะดาวน์โหลดไฟล์ข้อความ .json ที่มีชื่อการออกแบบ ป้ายชื่อรุ่นนาฬิกา รูปทรง สีพื้นหลัง และรายการองค์ประกอบพร้อมตำแหน่ง สี ขนาด และรูปแบบ ไฟล์นี้เป็นคำอธิบายเค้าโครงแบบมีโครงสร้าง ใช้สำหรับบันทึกการออกแบบไว้นอกเบราว์เซอร์ แบ่งปันกับผู้อื่น หรือเก็บบันทึกชุดสีที่เลือกไว้

ไฟล์นี้ไม่ใช่หน้าปัดนาฬิกาที่คอมไพล์แล้วและอุปกรณ์ Garmin สามารถเรียกใช้งานได้ สมาร์ตวอตช์ Garmin ใช้หน้าปัดนาฬิกาที่สร้างด้วย Connect IQ ซึ่งเป็นชุดพัฒนาซอฟต์แวร์ของ Garmin โดยจะคอมไพล์โปรแกรมภาษา Monkey C ให้เป็นไบนารีเฉพาะอุปกรณ์ ไบนารีดังกล่าวติดตั้งผ่าน Garmin Express, Connect IQ Store หรือกระบวนการไซด์โหลดของนักพัฒนาเอง ไม่ใช่การคัดลอกไฟล์ JSON ไปยังนาฬิกาผ่าน USB ผู้ที่ต้องการให้เค้าโครงที่สร้างจากที่นี่ทำงานบนหน้าปัดนาฬิกาจริง ต้องสร้างเค้าโครงนั้นขึ้นใหม่เป็นโครงการ Connect IQ โดยใช้ JSON ที่ส่งออกเป็นข้อกำหนดสำหรับสี ตำแหน่ง และรูปแบบ

คำถามที่พบบ่อย

เครื่องมือนี้ติดตั้งหน้าปัดนาฬิกาลงในอุปกรณ์ Garmin ของฉันหรือไม่ ไม่ เครื่องมือนี้สร้างเค้าโครงการออกแบบและไฟล์ JSON ที่อธิบายเค้าโครงนั้น การทำให้หน้าปัดนาฬิกาใช้งานได้บนอุปกรณ์ Garmin ต้องสร้างด้วยเครื่องมือ Connect IQ ของ Garmin หรือเลือกหน้าปัดนาฬิกาสำเร็จรูปจาก Connect IQ Store

Garmin Watch Face Designer ใช้ฟรีหรือไม่ ใช่ เครื่องมือนี้ทำงานในเบราว์เซอร์โดยไม่ต้องดาวน์โหลด สมัครบัญชี หรือชำระเงิน

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

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

ฉันเลือกรุ่นนาฬิการุ่นใดได้บ้าง เครื่องมือนี้มีหกรุ่น ได้แก่ Forerunner 245, Forerunner 945, Fenix 6, Fenix 7, Venu และ Venu 2 ข้อมูลนี้เป็นป้ายชื่อที่แนบไว้กับการออกแบบที่บันทึก ไม่ใช่รูปแบบไฟล์ส่งออกเฉพาะสำหรับอุปกรณ์

มีรูปแบบเวลาและวันที่ใดให้เลือกบ้าง เวลาเลือกได้ทั้งแบบ 12 ชั่วโมงหรือ 24 ชั่วโมง ส่วนวันที่เลือกได้เป็น DD/MM, MM/DD หรือ DD/MM/YY

เคล็ดลับการออกแบบ

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