Watch Face Designer को इस्तेमाल करने के बारे में बुनियादी जानकारी

इस गाइड में, वॉच फ़ेस बनाने, समय के हिसाब से एलिमेंट जोड़ने, और उपयोगकर्ता की चुनी गई फ़ोटो के लिए सहायता शामिल करने का तरीका बताया गया है. इसमें एक से ज़्यादा फ़ोटो वाली गैलरी भी शामिल है. ज़्यादा सुविधाओं के लिए, ऐडवांस गाइड देखें.

वॉच फ़ेस बनाना

वॉच फ़ेस बनाने के लिए, Figma में एक फ़्रेम बनाएं. इसके बाद, इसे इस तरह कॉन्फ़िगर करें:

  1. इसका साइज़ 450 यूनिट चौड़ा और 450 यूनिट लंबा पर सेट करें:

    चौड़ाई और ऊंचाई के विकल्प, W और H लेबल वाले टेक्स्ट बॉक्स में दिखते हैं
    पहली इमेज: Figma का फ़्रेम लेआउट पैनल, जिसमें 450x450 का वॉच फ़ेस दिखाया गया है

    अन्य साइज़ भी काम करते हैं, लेकिन Wear OS स्मार्टवॉच की होम स्क्रीन के लिए 450x450 साइज़ का सुझाव दिया जाता है. साथ ही, Watch Face Studio में एक्सपोर्ट करने के लिए यह साइज़ ज़रूरी है.

  2. बैटरी की बचत करने वाले वॉच फ़ेस के लिए, फ़्रेम के फ़िल कलर को काला पर सेट करें:

    भरे गए रंग में छह अक्षर और अंक होते हैं, जो हेक्स कलर को दिखाते हैं
    दूसरी इमेज: फ़्रेम फ़िल पैनल में काले रंग को दिखाया गया है
  3. फ़्रेम का नाम वह रखें जो आपको वॉच फ़ेस के लिए रखना है. यह जानकारी, लोगों को उनकी स्मार्टवॉच पर दिखती है.

फ़्रेम बनाने और उसे कॉन्फ़िगर करने के बाद, Watch Face Designer प्लगिन खोलें. इसके बाद, अभी-अभी बनाया गया फ़्रेम चुनें. इसकी लाइव झलक, वॉच फ़ेस डिज़ाइनर विंडो में दिखती है.

वॉच फ़ेस में एलिमेंट जोड़ना

स्मार्टवॉच की होम स्क्रीन पर कुछ एलिमेंट जोड़ें, ताकि लोग समय देख सकें.

ऐनालॉग घड़ी

एक रेक्टैंगल बनाएं. यह आपकी घड़ी की सेकंड वाली सुई के तौर पर काम करेगा.

पुष्टि करें कि जब कोई नया मिनट शुरू होता है, तो रेक्टैंगल हॉरिज़ॉन्टल तौर पर बीच में होता है. साथ ही, उसका निचला किनारा वॉच फ़ेस के बीच में होता है. ठीक उसी तरह जैसे घड़ी की सुई होती है. डिफ़ॉल्ट रूप से, Figma में ज्यामिति पर स्नैप करें सुविधा चालू होती है. इससे आपको इस आयत को अलाइन करने में मदद मिलती है. इसके लिए, लाल रंग की गाइडलाइन दिखती हैं:

तीसरी इमेज: Figma की Snap to Geometry सुविधा का इस्तेमाल करके फ़्रेम को पोज़िशन करना

इसके बाद, Watch Face Designer को बताएं कि यह लेयर सिर्फ़ सजावट के लिए नहीं है. पिछले चरण में बनाए गए आयत को चुनें. इसके बाद, वॉच फ़ेस डिज़ाइनर विंडो पर जाएँ और व्यवहार को "स्थिर" से "सेकंड हैंड" में बदलें.

'सेकंड हैंड' विकल्प, सूची के बीच में मौजूद होता है
चौथी इमेज: "सेकंड हैंड" फ़ंक्शन को लेयर असाइन करना

ध्यान दें कि हर सेकंड में हाथ हिलना शुरू हो जाता है. इससे घड़ी के टिक-टिक करने का एहसास होता है. अगर चाहें, तो इसके घूमने की स्पीड को अडजस्ट किया जा सकता है. साथ ही, जिस तरह आपने यह घड़ी बनाई है उसी तरह मिनट वाली सुई और घंटे वाली सुई भी बनाई जा सकती है.

सबडायल के बारे में सलाह पाने के लिए, ऐडवांस इस्तेमाल से जुड़ी गाइड देखें.

डिजिटल टाइम

हम समय को डिजिटल फ़ॉर्मैट में भी दिखा सकते हैं. इसके लिए, Figma में टेक्स्ट लेयर बनाएं. फ़िलहाल, लेयर के टेक्स्ट कॉन्टेंट के तौर पर Hh:Mm:Ss डालें.

वॉच फ़ेस डिज़ाइनर विंडो में, टेक्स्ट के व्यवहार को "स्टैटिक" से "डिजिटल समय" में बदलें. झलक में दिखाया गया है कि यह किसी असली डिवाइस पर कैसा दिखेगा:

इमेज 5: Watch Face Designer में डिजिटल समय की झलक

इस्तेमाल किए जा सकने वाले वर्णों के सेट के बारे में जानने के लिए, Watch Face Designer विंडो के साइडबार में दिखने वाली टेंप्लेट गाइड देखें. उदाहरण के लिए, a से पता चलता है कि मौजूदा समय "AM" है या "PM". इसका इस्तेमाल "घंटे के फ़ॉर्मैट" के साथ करके, 12 घंटे का समय दिखाया जा सकता है.

Figma में मौजूद किसी भी फ़ॉन्ट को चुना जा सकता है. इसमें वे फ़ॉन्ट भी शामिल हैं जो Wear OS में उपलब्ध नहीं हैं. यह फ़ॉन्ट, आपके वॉच फ़ेस में अपने-आप एक्सपोर्ट हो जाता है और बंडल हो जाता है. ध्यान रखें कि हर फ़ॉन्ट के लिए, फिर से डिस्ट्रिब्यूट करने से जुड़ी लाइसेंसिंग की अपनी शर्तें होती हैं.

अलग-अलग समय की झलक देखना

दिन के अलग-अलग समय पर वॉच फ़ेस देखने के लिए, वॉच फ़ेस डिज़ाइनर विंडो में सबसे नीचे मौजूद स्लाइडर को खींचकर, यह अडजस्ट किया जा सकता है कि झलक किस समय की दिखे:

छठी इमेज: Watch Face Designer विंडो में सबसे नीचे मौजूद, टाइम स्क्रबर बार. नीचे बाईं ओर मौजूद एलिमेंट में, 24 घंटे वाले घंटे/मिनट/सेकंड के फ़ॉर्मैट का इस्तेमाल करके, मौजूदा समय की झलक दिखाई गई है.

अलग-अलग समय की झलक देखने के बाद, समय को मौजूदा समय पर रीसेट किया जा सकता है. इसके लिए, सबसे नीचे बाएं कोने में मौजूद रीसेट करें बटन को चुनें:

सातवीं इमेज: वॉच फ़ेस डिज़ाइनर विंडो के सबसे नीचे बाएं कोने का इस्तेमाल करके, समय को मौजूदा समय पर रीसेट करें.

उपयोगकर्ता की ओर से दी गई फ़ोटो शामिल करें

आपकी स्मार्टवॉच की होम स्क्रीन पर, कस्टम फ़ोटो के लिए एक स्लॉट शामिल किया जा सकता है. इससे लोग, बैकड्रॉप के तौर पर अपनी कोई फ़ोटो जोड़ सकते हैं. हालांकि, इससे समय और आपके डिज़ाइन में शामिल किए गए अन्य एलिमेंट दिखते रहेंगे.

कस्टम फ़ोटो का इस्तेमाल करने के लिए, स्मार्टवॉच की होम स्क्रीन में एक लेयर जोड़ें. इसके बाद, Behavior को "User-provided photo" पर सेट करें. इस उदाहरण के लिए, हम इस लेयर के लिए, डिफ़ॉल्ट इमेज के तौर पर फूल की एक सैंपल फ़ोटो का इस्तेमाल कर रहे हैं. इस इमेज का इस्तेमाल फ़ॉलबैक के तौर पर तब किया जाता है, जब उपयोगकर्ता ने अपनी फ़ोटो असाइन नहीं की होती है. इसके अलावा, इसका इस्तेमाल तब भी किया जाता है, जब उपयोगकर्ता अपनी किसी फ़ोटो का इस्तेमाल नहीं करना चाहता है.

आठवीं इमेज: उपयोगकर्ता की ओर से उपलब्ध कराई गई फ़ोटो के लिए सहायता जोड़ें

एक से ज़्यादा फ़ोटो चुनने की सुविधा

आपकी स्मार्टवॉच की होम स्क्रीन पर, एक साथ कई फ़ोटो चुनने की सुविधा होनी चाहिए. Watch Face Designer में इसे गैलरी कहा जाता है:

नौवीं इमेज: उपयोगकर्ता की ओर से उपलब्ध कराई गई फ़ोटो के लिए गैलरी के विकल्प

अगर फ़ोटो चुनने की सुविधा "गैलरी" पर सेट है, तो उपयोगकर्ता इस स्लॉट के लिए एक से ज़्यादा फ़ोटो चुन सकता है. साथ ही, घड़ी अलग-अलग समय पर इन फ़ोटो को दिखाती है. यह इस बात पर निर्भर करता है कि आपने "फ़ोटो बदलें" में क्या चुना है:

  • "टैप करने पर" विकल्प चुनने पर, जब उपयोगकर्ता आपकी लेयर पर टैप करता है, तब फ़ोटो बदल जाती है.
  • "कलाई उठाने पर" विकल्प चुनने पर, हर तीसरी बार कलाई उठाने पर वॉच फ़ेस बदलता है. फ़िलहाल, Watch Face Designer का इस्तेमाल करके इसमें बदलाव नहीं किया जा सकता. इस बारे में ज़्यादा जानें कि वॉच फ़ेस फ़ॉर्मैट, changeAfterEvery एट्रिब्यूट का इस्तेमाल करके, ज़्यादा बेहतर तरीके से कैसे काम करता है.

ज़्यादा जानें

किसी फ़िज़िकल डिवाइस पर अपने वॉच फ़ेस की झलक देखने के लिए, एक्सपोर्ट करने से जुड़ी गाइड देखें.

ज़्यादा विकल्पों और सुविधाओं के लिए, ऐडवांस इस्तेमाल से जुड़ी गाइड देखें.