ऐप्स में कस्टम बनाम देशी फ़ॉन्ट

कुछ समय पहले ट्रेड मी में क्लीम टाइप फाउंड्री द्वारा बनाया गया एक कस्टम ब्रांड फॉन्ट था, जिसका नाम स्टोरी सैन्स था। इसके पीछे, यह सवाल उठता है कि देशी ऐप्स का क्या? क्या हम अपने नए कस्टम ब्रांड टाइपफेस का उपयोग करते हैं या क्या हम एंड्रॉइड के लिए आईओएस और रोबोटो के लिए प्रत्येक प्लेटफॉर्म के संबंधित फ़ॉन्ट, सैन फ्रैंसिको का उपयोग करते हैं?

दावेदार

अपने निर्णय को सूचित करने के लिए हमने रीति-रिवाज या मूल निवासी होने के लाभों और चुनौतियों का निर्धारण करने के लिए अनुसंधान का एक भार वहन किया। हालाँकि, इस जानकारी को प्राप्त करना, चारों ओर खुदाई की बहुत आवश्यकता साबित हुई। इस प्रकार, प्रकाश में यह आपकी कुछ मदद कर सकता है, यहाँ हमारे निष्कर्षों का विराम है।

Android सिस्टम फ़ॉन्ट (रोबोटो)

लाभ:

  • तेजी से लोडिंग समय
    सिस्टम फॉन्ट का उपयोग करने का मतलब है कि टेक्स्ट रेंडर करने से पहले फॉन्ट को लोड करने की जरूरत नहीं है।
  • विभिन्न स्क्रीन रिज़ॉल्यूशन के लिए डिज़ाइन किया गया
    रोबोटो को परिष्कृत प्लेटफार्मों, स्क्रीन आकार और संकल्पों के एक विस्तृत सेट में काम करने के लिए परिष्कृत किया गया है। रोबोटो का उपयोग करने का अर्थ है कि ऐप स्वाभाविक रूप से किसी भी सुधार / परिवर्तन को प्राप्त करेगा जो Google टाइपफेस में करता है।
  • स्केलिंग (गतिशील प्रकार)
    टाइपोग्राफिक स्केल में सीमित आकार का एक सेट होता है जो लेआउट ग्रिड के साथ-साथ अच्छी तरह से काम करता है। ये आकार और शैली सामग्री घनत्व और पढ़ने के आराम को संतुलित करते हैं। पहुंच के लिए बड़े प्रकार के मोड को सक्षम करने के लिए प्रकार के आकार को sp (स्केलेबल पिक्सल) के साथ निर्दिष्ट किया जाता है।
  • स्वचालित लाइन हाइट्स
    जैसा कि सामग्री दिशानिर्देशों में कहा गया है, उचित पठनीयता और उपयुक्त पेसिंग प्राप्त करने के लिए, प्रत्येक शैली के व्यक्तिगत आकार और वजन के आधार पर लाइन की ऊँचाई निर्धारित की गई है। लाइन रैपिंग केवल बॉडी, सबहेड, हेडलाइन और छोटे डिस्प्ले स्टाइल पर लागू होती है। अन्य सभी शैलियों को एकल लाइनों के रूप में मौजूद होना चाहिए।
  • कस्टम ब्रांड फ़ॉन्ट के लिए समानता
    हमारे मामले में, ट्रेड मी के कस्टम ब्रांड फ़ॉन्ट में रोबोटो और सैन फ्रांसिस्को के तुलनीय मेट्रिक्स हैं, इसलिए यह संभवतः अधिकांश उपयोगकर्ताओं के लिए अलग-अलग दृष्टिगत रूप से भिन्न नहीं है। इसका मतलब यह है कि हम प्रत्याशित रूप से उतनी ब्रांड उपस्थिति नहीं खो सकते हैं, फिर भी हम मुफ्त में बहुत कुछ हासिल कर रहे हैं।
  • वैकल्पिक भाषाओं के लिए समर्थन

चुनौतियां

  • ब्रांड की उपस्थिति और महसूस
    यह सुनिश्चित करना कि दृश्य ब्रांड पहचान को मजबूत करने के अन्य साधन हैं।

Android कस्टम फ़ॉन्ट

लाभ

  • ब्रांड उपस्थिति
    एक कस्टम टाइपफेस का उपयोग दृश्य ब्रांड पहचान को मजबूत करता है।
  • संगति
    कस्टम फ़ॉन्ट का उपयोग करने का अर्थ होगा कि कोई भी उपयोगकर्ता जिस प्लेटफ़ॉर्म या डिवाइस पर है, वह किसी संगत फ़ॉन्ट का अवलोकन नहीं करेगा।
  • छोटे स्थानों में करने योग्य
    एंड्रॉइड पर एक कस्टम फॉन्ट सिस्टम को लागू करना कठिन है, लेकिन छोटी खुराक करने योग्य है। ऐसे स्थान हैं जो हम बोल्ड शीर्षक / ब्रांड प्रभाव के लिए ब्रांड फ़ॉन्ट का उपयोग कर सकते हैं (उदाहरण के लिए, ऑन-बोर्डिंग या शून्य राज्य)।

चुनौतियां

  • वैकल्पिक भाषाओं के लिए कोई समर्थन नहीं
    रोबोटो के विपरीत, अधिकांश कस्टम फोंट ने ऐप के भीतर वैकल्पिक भाषाओं का समर्थन नहीं किया। यह शुरुआत में एक मुद्दा नहीं हो सकता है, लेकिन इसका मतलब है कि उपयोगकर्ताओं को भाषा स्वैप करने में सक्षम करने के खिलाफ ऐप का भविष्य में प्रमाण नहीं होगा।
  • निजीकरण
    एंड्रॉइड फोन ऑपरेटिंग सिस्टम उपयोगकर्ता को डिवाइस के लिए एक कस्टम फ़ॉन्ट चुनने की अनुमति देता है जो अनिवार्य रूप से ऐप फ़ॉन्ट को ओवरराइड करता है। यह एप्लिकेशन नियंत्रण से पूरी तरह से बाहर है और Android उपयोगकर्ताओं के बीच बहुत आम है। एक विचार के रूप में, इसका मतलब है कि ऐप्स (particulary Android) प्रकार के माध्यम से ब्रांड के संचार पर बहुत अधिक निर्भर नहीं होना चाहिए।
  • लोडिंग समय
    एप्लिकेशन को लोड करने का समय बढ़ जाएगा क्योंकि टेक्स्ट रेंडर करने से पहले फ़ॉन्ट को लोड करना होगा।
  • कस्टम फोंट के लिए सिस्टम प्रतिक्रिया
    विजेट सभी एक ही तरह से नहीं बनाए जाते हैं, इसलिए कुछ कस्टम पैनल के साथ-साथ दूसरों को भी जवाब नहीं देंगे।

iOS सिस्टम फॉन्ट (सैन फ्रैंसिस्को)

लाभ

  • गतिशील प्रकार और सुविधाएँ जो देव कार्य को बचाती हैं
    जैसा कि ऐप्पल द्वारा समझाया गया है, सैन फ्रांसिस्को में बहुत सारी विशेषताएं हैं जो इसे अत्यधिक सुपाठ्य बनाती हैं। "SF" नाम का फ़ॉन्ट परिवार iOS / Mac के लिए उपयोग किया जाता है और "SF Compact" का उपयोग Apple वॉच के लिए किया जाता है। आप, o ’,। E’ जैसे गोल आकार के अक्षरों में अंतर देख सकते हैं। SF कॉम्पैक्ट में सपाट की बजाय सपाट खड़ी रेखाएँ होती हैं।
  • सैन फ्रांसिस्को गतिशील रूप से टाइपफेस का अनुकूलन करता है। सिस्टम स्वचालित रूप से प्रदर्शन / पाठ फ़ॉन्ट को पाठ आकार के अनुसार और साथ ही विभिन्न आकारों और भार में विचारशील ट्रैकिंग को लागू करेगा।
  • डायनामिक प्रकार का उपयोग करने से डिजाइनर राज्य विशिष्ट बिंदु आकार के बजाय "हेडर" "हेडर 1" आदि जैसे प्रकार की पदानुक्रम स्थापित करने की अनुमति देते हैं। इसका मतलब यह है कि सेब स्वचालित रूप से अपेक्षाकृत अपेक्षाकृत लेआउट के साथ व्यवहार करेगा, कस्टम लुकअप तालिका की आवश्यकता नहीं है।
स्रोत WWDC वीडियो नई प्रणाली फ़ॉन्ट्स का परिचय
  • भविष्य का प्रमाण
    देशी फोंट का उपयोग भविष्य में ऐप्पल को भविष्य में जोड़ने वाले परिवर्तनों और सुविधाओं के संदर्भ में सबूत देगा।
  • वैकल्पिक भाषाओं का समर्थन करता है

चुनौतियां

  • ब्रांड उपस्थिति
    दृश्य ब्रांड पहचान को मजबूत करने के अन्य साधनों को सुनिश्चित करना।
  • भविष्य के फ़ॉन्ट
    IOS में सिस्टम फॉन्ट का उपयोग करने का अर्थ केवल 'सैन फ्रांसिस्को' का उपयोग करना नहीं है, इसका मतलब है कि सिस्टम फ़ॉन्ट को आगे बढ़ाने के रूप में जो भी एप्पल परिभाषित करता है उसका उपयोग करना। इसका मतलब यह है कि यदि ऐप्पल सिस्टम फॉन्ट को बदल देता है तो यह ऐप लेआउट के साथ मामूली समस्या पैदा कर सकता है।

iOS कस्टम फ़ॉन्ट

लाभ

  • ब्रांड की पहचान
    कस्टम टाइपफेस का उपयोग दृश्य ब्रांड पहचान को मजबूत करता है।
  • कस्टम केरिंग
    आईओएस में कस्टम फोंट के लिए कर्निंग विशेषताएँ हैं, लेकिन मैन्युअल रूप से किया जाना है।

चुनौतियां

  • कोई गतिशील प्रकार जब तक हम देव समय समर्पित नहीं करते
    डायनामिक प्रकार कस्टम फोंट द्वारा समर्थित नहीं है। इसका मतलब यह है कि यदि किसी उपयोगकर्ता के पास अपने डिवाइस पर बड़ा / छोटा फ़ॉन्ट आकार है, तो यह कस्टम फ़ॉन्ट के साथ ऐप के भीतर सम्मानित नहीं किया जाएगा। इस सुविधा का उपयोग करने वाले उपयोगकर्ता आमतौर पर पुराने जनसांख्यिकीय होते हैं और इस उपकरण का उपयोग पहुंच उद्देश्यों के लिए करते हैं। इससे एक झटके का अनुभव भी होगा क्योंकि डिवाइस के अन्य सभी ऐप एक बड़े फ़ॉन्ट में दिखाई देंगे। कस्टम फोंट के लिए गतिशीलता लागू करना संभव है लेकिन इसके लिए बहुत सारे डेवलपर, डिज़ाइन और परीक्षण संसाधन की आवश्यकता होगी।
  • वैकल्पिक भाषाओं के लिए कोई समर्थन नहीं
    सैन फ्रांसिस्को के विपरीत, अधिकांश कस्टम फोंट ने ऐप के भीतर वैकल्पिक भाषाओं का समर्थन नहीं किया। यह शुरू में एक समस्या नहीं हो सकती है, लेकिन इसका मतलब है कि ऐप भविष्य में उपयोगकर्ताओं को भाषा स्वैप करने के लिए सक्षम करने के खिलाफ प्रमाणित नहीं है।
  • कठिनाई का प्रतिपादन
    IOS पर कस्टम फोंट को अक्सर विभिन्न आकारों में प्रस्तुत करने में कठिनाई होती है और यह अस्पष्ट हो सकता है। इसके अतिरिक्त, फोंट गलत बेसलाइन और ग्लिफ़ के साथ प्रस्तुत कर सकते हैं।
  • जारिंग प्रतिक्रिया
    सैन फ्रांसिस्को में कीबोर्ड सेट के साथ, सीधे ऊपर, आपके लिखे हुए अक्षर बिल्कुल अलग दिखते हैं। प्लेटफ़ॉर्म इंटरैक्शन भी हैं जैसे पुश नोटिफिकेशन, अलर्ट व्यू, शेयर शीट और 3 डी टच मेनू, जो सैन फ्रांसिस्को में सेट किए गए हैं और इसे बदला नहीं जा सकता है। सैन फ्रांसिस्को में वॉच नोटिफिकेशन भी सेट किए गए हैं।
  • टाइपफेस के बिंदु आकार समान नहीं हैं
    टाइपफ़ेसों के बिंदु आकार समान नहीं हैं (अर्थात 17pt SF, 17pt से और इसलिए टाइपफेस से मेल नहीं खाता), इसलिए सभी सिस्टम आकारों के लिए सही समकक्ष खोजने के लिए थोड़ा संघर्ष करना होगा।
  • लोडिंग समय
    एप्लिकेशन को लोड करने का समय बढ़ जाएगा क्योंकि टेक्स्ट रेंडर करने से पहले फ़ॉन्ट को लोड करना होगा।
  • कस्टम ट्रैकिंग
    नया कोड लिखा जाना आवश्यक है और यह थोड़ा हैक है।
  • मानक UI घटकों के साथ असंगतता
    UIKit में कई घटक आसानी से अनुकूलित नहीं हैं। उदाहरण के लिए, अनुभाग हेडर और एक्शन शीट उनके फ़ॉन्ट को बदलने के लिए कोई प्रलेखित तरीका प्रदान नहीं करते हैं। इसलिए जब तक इन मानक घटकों को फिर से नहीं बनाया जाता है, तब तक सिस्टम और कस्टम फ़ॉन्ट का मिश्रण नहीं होने का कोई तरीका नहीं है।

अंतिम विचार और विचार

ये निष्कर्ष ट्रेड मी के उपयोग के मामले पर आधारित हैं।

  • मूल्य बनाम प्रयास को ध्यान में रखते हुए
    इस जांच से ऐसा लगता है कि हालांकि, संभव है कि विकास में लगाए जाने वाले प्रयास महत्वपूर्ण हों। हमारे पास पहले से ही एक विशाल कोड आधार है इसलिए बहुत सारे बैकट्रैकिंग करने की आवश्यकता होगी यदि हम एक कस्टम फ़ॉन्ट लागू करते हैं।
  • समानता
    क्योंकि स्टोरी सैंस फॉन्ट मेट्रिक्स रॉबटो और सैन फ्रांसिस्को पर आधारित हैं, इसलिए हमें खुद से पूछना होगा कि क्या कस्टम फॉन्ट के लिए बड़ी मात्रा में प्रयास करने का कोई मूल्य है जो विशिष्ट रूप से अलग नहीं है? क्या उपयोगकर्ता उन्हें अलग बताने में सक्षम हो सकते हैं? उपयोगकर्ता परीक्षण के लिए संभावित रूप से कुछ।
  • ब्रांड प्रभाव के लिए कस्टम प्रकार का उपयोग
    यह विकास कार्य की मात्रा को काफी कम कर देगा यदि हम ब्रांड की उपस्थिति के लिए विशिष्ट पृष्ठों पर ऐप में एक कस्टम फ़ॉन्ट का उपयोग करें। इससे ऐप्स को दोनों दुनिया के सर्वश्रेष्ठ मिलेंगे।
  • समय एक सबसे अच्छा प्रयास मुक्केबाजी
    अगर हम ऐप्स में कस्टम फॉन्ट का उपयोग करने के बारे में अधिक जांच-पड़ताल करते हैं, तो यह सुझाव दिया गया है कि हम समय से पहले प्रयास करते हैं और देखते हैं कि हम कितनी दूर निकल सकते हैं और क्या चुनौतियाँ आती हैं। वहां से अधिक सूचित निर्णय लिया जा सकता है।
  • हमारा समय कहां निवेश करें
    अन्य चीजें हैं जो हम देशी फोंट का उपयोग करके मुफ्त में प्राप्त कर सकते हैं। उदाहरण के लिए, यह सुनिश्चित करना कि हमारे लेआउट गतिशील प्रकार का उपयोग करने के लिए अच्छी तरह से प्रतिक्रिया करते हैं और तरल रूप से लपेटते हैं, या यह सुनिश्चित करते हैं कि हम अपनी टाइपोग्राफी को यथासंभव सुलभ बनाने के लिए कर रहे हैं। यह समय बेहतर हो सकता है बजाय इसके कि हम ऐप के भीतर देशी फोंट का उपयोग करके मुफ्त में जो कुछ भी प्राप्त कर सकते हैं उसे कम करने की कोशिश करें।

आगे जा रहा है

इस शोध के परिणामस्वरूप यह निष्कर्ष निकाला गया कि ट्रेड मी के लिए, मूल एप्लिकेशन के संदर्भ में कस्टम फ़ॉन्ट का उपयोग नहीं किया गया है। भाषा और अनुभव के चारों ओर समस्याओं को सुलझाने में समय और संसाधन खर्च करना हमारे सभी प्लेटफार्मों में एक सुसंगत टाइपफेस होने की तुलना में अधिक तर्कसंगत लग रहा था। यह स्पष्ट हो गया कि कस्टम फॉन्ट को लागू करने के लिए टाइपोग्राफिक डिटेलिंग और सबसे विशेष रूप से एक्सेसिबिलिटी के संदर्भ में समझौता करना होगा, एक मूल्य जो व्यक्तिगत रूप से मैं बहुत बारीकी से रखता हूं।

वर्तमान में हमारे ऐप दोनों अपने संबंधित देशी फ़ॉन्ट का उपयोग करते हैं। भविष्य में हम संभावित रूप से कहानी के पन्नों को उन पृष्ठों पर लागू करने के लिए देखेंगे जिनमें उच्च ब्रांड की उपस्थिति है जैसे कि शून्य राज्य और बोर्डिंग पर।

अच्छे पढ़े और संसाधन

  • सैन फ्रांसिस्को पर Apple
  • डब्ल्यूडब्ल्यूडीसी ने सैन फ्रांसिस्को की शुरुआत करते हुए बात की
  • एंड्रॉइड पर कस्टम फोंट
  • रोबोटो पर गूगल

यदि आप संपर्क करना चाहते हैं तो @GiliSharrock ट्विटर पर