வடிவமைப்பு கருவிகள் தடமறிந்து கொண்டிருக்கின்றன. அவற்றை எவ்வாறு சரிசெய்வது என்பது இங்கே.

வடிவமைப்பு கருவிகளைப் பற்றி சிந்திக்க குறைந்தபட்சம் சிறிது நேரம் செலவிடாத ஒரு நாள் அரிதாகவே செல்கிறது. சில ஆண்டுகளுக்கு முன்பு, மார்வெல் வாங்கிய வடிவமைப்பு கருவியை நான் கட்டினேன். அது இரண்டு ஆண்டுகளுக்கு முன்பு இருந்தது, ஆனால் அதன் பின்னர் நிலப்பரப்பு பெரிதாக மாறவில்லை, அதை மேம்படுத்துவதற்கான எனது ஆர்வமும் இல்லை.

சமீபத்தில், வடிவமைப்பு கருவிகளைப் பற்றி நான் ட்வீட் செய்தேன் - இது அவ்வப்போது நடக்கும் என்று அறியப்படுகிறது.

அன்று நான் மட்டும் என் மனதைப் பேசவில்லை, மற்றவர்களும் கூச்சலிட்டனர்.

வடிவமைப்பு கருவிகளுக்கு ஜூலை 28, 2017 ஒரு நல்ல நாள் அல்ல.

இந்த ட்விட்டர் த்ரெட்களில் ஏராளமான நுண்ணறிவு புதைக்கப்பட்டுள்ளது, ஆனால் நீண்ட காலமாக, தற்போதைய வடிவமைப்பு கருவி மாதிரியைப் பற்றி அடிப்படையில் உடைந்துவிட்டது என்று நான் கருதுவது என்னவென்றால், ஆழமாக டைவ் செய்ய நேரம் எடுக்க விரும்புகிறேன். நாம் வழிநடத்தப்பட வேண்டும் என்று நான் நினைக்கிறேன்.

நாம் அனைவரும் படங்களை மட்டுமே வரைந்து கொண்டிருக்கிறோம். இது பைத்தியம்.

கிட்டத்தட்ட அனைத்து பிரபலமான வடிவமைப்பு கருவிகளும் படங்களுக்கு ஏற்றுமதி செய்கின்றன. இது பல காரணங்களுக்காக சிக்கலானது:

  1. நீங்கள் ஒரு படத்துடன் தொடர்பு கொள்ள முடியாது. முன்மாதிரி கருவிகள் திரை மாற்றங்களையும் படங்களுடன் எளிய தொடர்புகளையும் சேர்க்க எங்களுக்கு அதிகாரம் அளிக்கின்றன. இருப்பினும், எங்கள் தயாரிப்புகள் இன்னும் மேம்பட்ட திரை மாற்றங்கள் மற்றும் மைக்ரோ இடைவினைகளை தொடர்ந்து கோருவதால், படங்கள் தொடர்ந்து வைத்திருக்க முடியாது.
  2. படங்கள் திரவமல்ல. பதிலளிக்கக்கூடிய வடிவமைப்பு முடிவுகளை படங்கள் மூலம் தொடர்புகொள்வது பொதுவாக கடினமான பணியாகும்.
  3. படங்கள் மாநில அளவில் இல்லை. UI க்காக பல்வேறு மாநிலங்களை திறம்பட தொடர்புகொள்வதற்கு, பெரும்பாலும் பல படங்கள் அவசியம்.
  4. பிட்மேப் படங்கள் தீர்மானம் சார்ந்தது. விழித்திரை சாதனங்களின் வருகையுடன், படங்கள் சில நேரங்களில் மோசமாக வழங்கப்படலாம்.
  5. படக் கோப்புகள் கனமானவை, அவை பெரும்பாலும் சேமிக்க, நிர்வகிக்க அல்லது பகிர சிக்கலானவை.

வடிவமைப்பு கருவிகள் தொடர்ந்து படங்களை ஏற்றுமதி செய்யும் வரை, அவை ஒருபோதும் எங்கள் தயாரிப்புகளின் துல்லியமான பிரதிநிதித்துவங்களை உருவாக்க முடியாது. இந்த துல்லியமின்மை வடிவமைப்பாளர்களுக்கும் டெவலப்பர்களுக்கும் இடையிலான தகவல்தொடர்புக்குத் தடையாக இருக்கிறது. வடிவமைப்பாளர்கள் தங்கள் வேலையைத் தொடர்புகொள்வதற்கு ஒரு மோசமான போதாத ஊடகத்தை தொடர்ந்து பயன்படுத்தும் வரை, அந்த வேலை எப்போதும் தவறான விளக்கத்திற்குத் திறந்திருக்கும்.

இது மிகவும் குறிப்பிடத்தக்க புள்ளியாகும், ஏனெனில், அவற்றின் மையத்தில், கிட்டத்தட்ட அனைத்து வடிவமைப்பு கருவிகளும் திசையன் வடிவங்களை படங்களாக மாற்றுகின்றன. ஃபோட்டோஷாப், இல்லஸ்ட்ரேட்டர், மார்வெல், அடோப் எக்ஸ்டி, ஸ்கெட்ச் மற்றும் ஃபிக்மா அனைத்தும் இந்த விஷயத்தில் ஒன்றுதான். இன்னும் படங்கள் வடிவமைப்பு நோக்கத்தை ஓரளவு மட்டுமே தொடர்பு கொள்ள முடியும். எங்கள் தயாரிப்புகள் சிக்கலான இடைவினைகள், குரல் உள்ளீடு, வீடியோ உள்ளீடு, பெரிதாக்கப்பட்ட யதார்த்தம், மெய்நிகர் உண்மை, வெப்பநிலை உணர்திறன் போன்றவற்றைத் தொடர்ந்து ஏற்றுக்கொள்வதால், இந்த கருவிகள் வழங்கும் மதிப்பு விரைவாகக் குறைந்துவிடும். படத்தை அடிப்படையாகக் கொண்ட வடிவமைப்பு ஒரு முற்றுப்புள்ளி.

எங்கள் வடிவமைப்பு கருவிகள் உண்மையான தயாரிப்பைக் கையாள வேண்டும், அதன் படம் அல்ல.

எங்கள் தயாரிப்புகள் ஊடாடும். எங்கள் கருவிகள் நிலையானவை.

எனது முந்தைய கட்டத்தில் இதைத் தொட்டேன், ஆனால் இது மிகவும் முக்கியமானதாகும், எனவே நான் கொஞ்சம் விரிவாகக் கூறுவேன்.

எங்கள் எல்லா தயாரிப்புகளிலும் பொதுவானதாக இருக்கும் எளிய தொடர்புகளின் அளவைப் பற்றி யோசித்துப் பாருங்கள், ஆனால் எங்கள் வடிவமைப்பு கருவிகள் மூலம் தொடர்பு கொள்ள முடியாது. இங்கே என் தலையின் மேலே ஒரு சுருக்கமான பட்டியல்:

  • ஒரு பொத்தானை வட்டமிடுகிறது
  • உள்ளீட்டை மையமாகக் கொண்டது
  • தேர்வுப்பெட்டியை சரிபார்க்கிறது
  • தாவலாக்கப்பட்ட உள்ளடக்கம்
  • உருட்டும் பகுதிகள்
  • கவனம் செலுத்திய மாநிலங்களுக்கான தாவல் அட்டவணை
  • விசைப்பலகை குறுக்குவழிகள்

நிச்சயமாக, இந்த அம்சங்களில் சில ஹேக்கி இன்ஜினியரிங் மூலம் பிரதிபலிக்கப்படலாம், ஆனால் ஒருவர் ஆச்சரியப்பட வேண்டும், பூமியில் என்ன பயன்? வடிவமைப்பாளர்கள் ஏன் உண்மையான தயாரிப்பை வடிவமைக்க முடியாது ?! இறுதியில், எல்லா மொக்கப்களும் களைந்துவிடும், இருப்பினும் வடிவமைப்பாளர்கள் அவற்றை முழுமையாக்குவதற்கு பல மாதங்கள் செலவிடுகிறார்கள். உண்மையான தயாரிப்புகளை மாற்றியமைக்க அந்த நேரம் மிகவும் சிறப்பாக இருக்கும்.

"வடிவமைப்பாளர்கள் குறியீடு வேண்டும்" முயல் துளைக்கு நான் வெகுதூரம் செல்லமாட்டேன், ஆனால் நாம் அனைவரும் குறியீட்டை எழுத பரிந்துரைக்கவில்லை. எங்கள் நேரடி தயாரிப்புகளின் நேரடி கையாளுதலை எங்கள் வடிவமைப்பு கருவிகள் ஆதரிக்க முடியாது என்பதற்கு நல்ல காரணம் இல்லை என்று நான் சொல்கிறேன்.

மேம்பட்ட மற்றும் விரிவான தொடர்புகளை ஆதரிக்கும் இந்த துறையில் பெரும்பாலானவர்களை விட ஃப்ரேமர் ஒரு சிறந்த வேலையைச் செய்கிறார். மீதமுள்ள பேக் மிகவும் பின் தங்கியிருக்கிறது.

எங்கள் கருவிகள் வலையின் தளவமைப்பு முன்னுதாரணத்தை ஆதரிக்க வேண்டும்

சுமார் ஒரு வருடம் முன்பு வரை, வலையில் தளவமைப்புகளை உருவாக்குவதற்கான ஒரே வழி காட்சி: அட்டவணை மற்றும் செங்குத்து-சீரமைக்கும் CSS பண்புகள். இப்போது எங்களிடம் ஃப்ளெக்ஸ் பாக்ஸ் உள்ளது, விரைவில் சிஎஸ்எஸ் கட்டம் கிடைக்கும். இந்த மூன்று தளவமைப்பு இயந்திரங்கள் DOM இன் ஓட்டத்தைப் பயன்படுத்தி மிகவும் ஒத்ததாக செயல்படுகின்றன. கிட்டத்தட்ட மூன்று வலைத்தளங்களும் இந்த மூன்று தளவமைப்பு அமைப்புகளில் ஒன்றைப் பயன்படுத்தி கட்டப்பட்டுள்ளன.

எனவே, எங்கள் வடிவமைப்பு கருவிகள் ஒரே தளவமைப்பு மாதிரியை ஆதரிக்கின்றன என்பது அர்த்தமுள்ளதாக இருக்கிறது. சரி?

சரி, கிட்டத்தட்ட எல்லா வடிவமைப்பு கருவிகளும் இந்த தளவமைப்பு அமைப்புகளை புறக்கணிக்கின்றன, அதற்கு பதிலாக ஒவ்வொரு அடுக்கையும் அதன் ஆர்ட்போர்டுக்குள் நிலைநிறுத்துகின்றன. இது வலை எவ்வாறு செயல்படுகிறது மற்றும் எங்கள் வடிவமைப்பு கருவிகள் எவ்வாறு செயல்படுகின்றன என்பதற்கு இடையில் ஒரு இடைவெளியைத் திறக்கிறது, பல சிக்கல்களை அறிமுகப்படுத்துகிறது:

  • பதிலளிக்க வடிவமைப்பு மிகவும் கடினமாகிறது, ஏனென்றால் ஒவ்வொரு அடுக்கையும் ஒவ்வொரு பிரேக் பாயிண்டிற்கும் கைமுறையாக மறுசீரமைக்க வேண்டும். மாற்றாக, ஒரு கட்டுப்பாட்டு அடிப்படையிலான தளவமைப்பு முறையை அறிமுகப்படுத்த முடியும், ஆனால் இது சிக்கலைச் சேர்க்கிறது, கற்றல் வளைவுகளைக் கட்டுப்படுத்துகிறது மற்றும் இறுதியில் டெவலப்பர்கள் தளவமைப்பை நேரடியாக வலையில் மாற்றுவதைத் தடுக்கிறது.
  • ஒவ்வொரு அடுக்கும் ஆவணத்தின் ஓட்டத்திற்கு வெளியே இருப்பதால், உள்ளடக்கத்தை கையாளுவது தந்திரமானதாகிவிடும். எடுத்துக்காட்டாக, நீங்கள் ஒரு பட்டியலில் ஒரு பொருளைச் சேர்க்க விரும்பினால், அந்த பட்டியலில் உள்ள மற்ற உருப்படிகளை கைமுறையாக மாற்ற வேண்டும். நிச்சயமாக, வலியைக் குறைக்க மீண்டும் செயல்பாடுகள் மற்றும் பிற ஆடம்பரமான அம்சங்களை அறிமுகப்படுத்தலாம், ஆனால் மீண்டும், இது கூடுதல் சிக்கலை அறிமுகப்படுத்துகிறது மற்றும் DOM எங்களுக்கு இலவசமாக கொடுக்கும் ஒன்றை சிக்கலாக்குகிறது.
  • முழுமையான பொருத்துதல் இயற்கையாகவே நிலையான பிக்சல் ஆயத்தொலைவுகள் மற்றும் பரிமாணங்களுக்கு வழிவகுக்கிறது. இது வளைந்து கொடுக்கும் தன்மையை வளர்க்கிறது, மீண்டும், வலை எவ்வாறு செயல்படுகிறது என்பதிலிருந்து ஒரு பெரிய புறப்பாடு ஆகும். வலை எம், ரெம், விஎச், வி.வி மற்றும்% போன்ற திரவ அலகுகளில் கட்டப்பட்டுள்ளது. எங்கள் கருவிகள் இயல்பாக இந்த அலகுகளை ஆதரிக்க வேண்டும்.

வடிவமைப்பு கருவிகள் வலை மற்றும் அதன் நுணுக்கங்களை ஒத்திருக்கவோ அல்லது பிரதிபலிக்கவோ தேவையில்லை - அவை இணையமாக இருக்க வேண்டும்.

ஒரு ஒற்றைக் கருவி வழி அல்ல

நல்ல வடிவமைப்பு நிலைகளில் நடக்கிறது. நன்கு கட்டமைக்கப்பட்ட வடிவமைப்பு அமைப்பு சில தனித்துவமான அடுக்குகளைக் கொண்டுள்ளது:

  1. நடை தட்டு உங்கள் பிராண்ட் அடையாளத்தை உருவாக்கும் வண்ணங்கள், நிழல்கள், இடைவெளி, எல்லை கதிர்கள், தட்டச்சுப்பொறிகள், எழுத்துரு அளவுகள், அனிமேஷன்கள் மற்றும் பிற பாணிகளின் தொகுப்பு. தற்போது, ​​பெரும்பாலான வடிவமைப்பு கருவிகள் வண்ணத் தட்டுகளை மட்டுமே ஆதரிக்கின்றன. அவை மற்ற பாணி பண்புகளை ஆதரிக்கும் வரை, முறையாக வடிவமைப்பது மிகவும் சிரமமாக இருக்கும்.
  2. சொத்துகள் இதில் சின்னங்கள், எடுத்துக்காட்டுகள் மற்றும் படங்கள் போன்ற கூறுகள் உள்ளன. அங்கே சில தனித்துவமான பட எடிட்டர்கள் உள்ளனர் மற்றும் ஃபிக்மாவின் திசையன் கருவி சிறந்தது, ஆனால் எஸ்.வி.ஜி ஆதரவுக்கு வரும்போது, ​​எங்கள் வடிவமைப்பு கருவிகள் விரும்புவதை விட்டுவிடுகின்றன.
  3. உபகரண நூலகம் ஒரு கூறு என்பது பாணிகள் மற்றும் சொத்துக்களின் தொகுப்பாகும், இது பல்வேறு உறுப்புகளில் ஒற்றை உறுப்புக்கு தரவை வழங்குகிறது. எடுத்துக்காட்டுகளில் பொத்தான்கள், உள்ளீடுகள், பேட்ஜ்கள் போன்றவை அடங்கும். நான் குறிப்பிட்டுள்ளபடி, ஃபிக்மா மற்றும் ஸ்கெட்ச் சமீபத்தில் இந்த செயல்முறையை பிரதான வரைபட ஓட்டத்திலிருந்து விலக்கி வைத்திருக்கின்றன - இது ஒரு பரிதாபம், அவை வெறும் கூறுகளின் படங்கள் மற்றும் உண்மையான கூறுகள் அல்ல.
  4. தொகுதிகள் ஒரு தொகுதி / கலவை என்பது பல்வேறு மாநிலங்களில் இணைக்கப்பட்ட UI க்கு தரவை வழங்கும் கூறுகளின் தொகுப்பாகும். எடுத்துக்காட்டுகளில் தலைப்பு பார்கள், தாவல் மெனுக்கள், உள்நுழைவு படிவங்கள், அட்டவணைகள் போன்றவை இருக்கலாம். தொகுதிகள் சிக்கலான கூறுகள் என்பதால், ஃபிக்மா மற்றும் ஸ்கெட்ச் இவற்றையும் கையாள முடியும் என்று நினைக்கிறேன். இரண்டையும் பிரிக்க சில தகுதி இருக்கலாம் என்றாலும்.
  5. திரைகள் ஒரு திரை என்பது பயனர் தொடர்பு கொள்ளக்கூடிய முழுமையான UI ஐ உருவாக்குவதற்கான தொகுதிகள், கூறுகள் மற்றும் தரவுகளின் தொகுப்பாகும்.

பெரும்பாலான வடிவமைப்பு கருவிகள் இந்த வடிவமைப்பு நிலைகளில் ஒவ்வொன்றையும் குறைந்தபட்சம் ஓரளவிற்கு ஆதரிக்கும் அம்சங்களை வழங்குகின்றன. பிரச்சனை என்னவென்றால், அனைத்து நிலைகளும் ஒன்றிணைக்கப்பட்டுள்ளன. கிட்டத்தட்ட அனைத்து வடிவமைப்பு கருவிகளும் ஒரே ஒரு பயன்முறையை வழங்குகின்றன - வரைதல் முறை. நீங்கள் ஆர்ட்போர்டுகளின் தொகுப்பை உருவாக்கி படங்களை வரையத் தொடங்குங்கள். பிரதான வரைபட பயன்முறையிலிருந்து ஸ்கெட்ச் மற்றும் ஃபிக்மா சுருக்கப்பட்ட கூறுகள் / சின்னங்கள் போன்ற கருவிகள் மிக சமீபத்தில் மட்டுமே உள்ளன - இது வித்தியாசமானது, ஏனெனில் முன்-இறுதி வளர்ச்சியில், கூறுகள் பல ஆண்டுகளாக சுருக்கப்பட்டுள்ளன.

ஒரு பாணி தட்டு வடிவமைக்கும்போது, ​​ஆர்ட்போர்டுகள் அல்லது திசையன் கருவிகளை நான் பார்க்க தேவையில்லை. இணக்கமான வண்ணங்களைத் தேர்ந்தெடுப்பதற்கான கருவிகளைப் பார்க்க விரும்புகிறேன். 8dp இடைவெளி அளவுகோல் அல்லது வகை அளவீடுகளின் தேர்வு போன்ற விஷயங்களுக்கு முன்னமைவுகளை நான் விரும்புகிறேன்.

ஒரு ஐகானை வடிவமைக்க ஒரு பயனர் ஓட்டத்தை வடிவமைக்க முற்றிலும் மாறுபட்ட சிந்தனை முறை தேவைப்படுகிறது. ஒரு எளிய எஸ்.வி.ஜி எடிட்டர், சொந்த எஸ்.வி.ஜி செவ்வகங்கள், வட்டங்கள், கோடுகள் மற்றும் பாதைகளை வரைய என்னை அனுமதித்தது, பின்னர் ஏற்றுமதி செய்யப்பட்ட உகந்த எஸ்.வி.ஜி குறியீடு சிறந்ததாக இருக்கும்.

ஒரு கூறுகளை வடிவமைக்கும்போது, ​​நான் இனி தனிப்பட்ட பாணிகளைப் பற்றி சிந்திக்கக்கூடாது - எனது முன் வரையறுக்கப்பட்ட பாணியிலிருந்து நான் பாணிகளைத் தேர்வு செய்ய வேண்டும். ஒரு கூறுக்கான முறுக்கு பாணிகளை என்னால் தொடங்க முடியாது, ஏனெனில் இது முரண்பாட்டை அறிமுகப்படுத்துகிறது, எனது வடிவமைப்பு அமைப்பின் செயல்திறனை நீர்த்துப்போகச் செய்யும். ஒரு பாணி தட்டு அமைந்தவுடன், அது மூலத்தில் மட்டுமே திருத்தக்கூடியதாக இருக்க வேண்டும்.

இதேபோல், ஒரு தொகுதியை உருவாக்கும் போது, ​​எனது முன் வரையறுக்கப்பட்ட கூறு நூலகத்திற்கு மட்டுமே நான் வெளிப்படும். பக்கப்பட்டியில் பாணி பண்புகள் இருக்கக்கூடாது. திசையன் கருவிகள் இல்லை. மீண்டும் பயன்படுத்தக்கூடிய கூறுகளின் நூலகம், நான் தொகுதிகளை உருவாக்க இழுத்து விடலாம்.

திரைகளை இயற்றுவதற்கும் இதுவே செல்கிறது. இந்த கட்டத்தில், நாங்கள் ஒரு UI ஐ உருவாக்க கூறுகளையும் தொகுதிகளையும் மீண்டும் பயன்படுத்துகிறோம். நாங்கள் பாணிகள் அல்லது வடிவங்கள் அல்லது பிற படைப்பு முயற்சிகளைப் பற்றி சிந்திக்கவில்லை. உள்ளடக்கம் மற்றும் பயனர் பாய்ச்சல்களை வடிவமைப்பதில் நாங்கள் முதன்மையாக கவனம் செலுத்துகிறோம்.

இந்த வடிவமைப்பு நிலைகள் ஒவ்வொன்றும் தனித்தனி கருவிகளில் முற்றிலும் அல்லது ஒரே கருவியில் வெவ்வேறு முறைகளில் நடைபெறலாம். இது மிகவும் முக்கியமானது என்று நான் நினைக்கவில்லை. ஒன்று நிச்சயம் என்றாலும், பெரும்பாலான தற்போதைய வடிவமைப்பு கருவிகள் செயல்முறையை ஒப்புக்கொள்ளத் தவறிவிட்டன.

எங்கள் கருவிகள் நல்ல வடிவமைப்பை ஊக்குவிக்க வேண்டும்

எந்தவொரு குறிப்பிடத்தக்க விளைவுகளும் இல்லாமல் ஒரு திட்டத்திற்கு எண்ணற்ற தனித்துவமான பாணிகளைச் சேர்க்கக்கூடிய அரிய ஆடம்பரத்தை வடிவமைப்பாளர்கள் கொண்டுள்ளனர். சற்று பெரிய எழுத்துரு அளவு வேண்டுமா? அதை முட்டிக்கொள்ளுங்கள். பெரிய விஷயமில்லை. சற்று பிரகாசமான நிறம் வேண்டுமா? அதை மாற்றவும். அது குளிர். ஒரே திட்டத்தில் நீங்கள் பல ஆர்ட்போர்டுகளை உருவாக்கலாம், ஒவ்வொன்றும் ஒத்த பாணிகளுக்கு சற்று மாறுபட்ட மதிப்புகளைப் பயன்படுத்துகின்றன, மேலும் இது கவனிக்கப்படாமல் போகும்.

உங்களால் ஏதாவது செய்ய முடியாது என்று உங்கள் வடிவமைப்பு கருவி ஒருபோதும் சொல்லப்போவதில்லை. ஆஃப்-பிராண்ட் வண்ணத்தைப் பயன்படுத்துவதற்கு இது ஒருபோதும் உங்களை இழுக்கப் போவதில்லை. உங்கள் இடைவெளி அளவில் இல்லாத ஒரு இடைவெளி மதிப்பைப் பயன்படுத்துவதை இது ஒருபோதும் தடுக்காது. 20% மக்கள் நீங்கள் வடிவமைத்த வெளிர் சாம்பல் உரையை உண்மையில் பார்க்க முடியாது என்று இது ஒருபோதும் உங்களுக்கு எச்சரிக்கப் போவதில்லை.

ஏன் இல்லை…? வடிவமைப்பு கருவிகள் கவலைப்படவில்லை என்பதால்.

வடிவமைப்பு கருவிகள் வரம்பற்ற படைப்பாற்றலுக்கான ஒரு பார்வையில் மிகவும் ஈர்க்கப்பட்டிருக்கின்றன, அவை புத்திசாலித்தனமாக வடிவமைத்தல், அனைத்தையும் உள்ளடக்கியதாக வடிவமைத்தல், முறையாக வடிவமைத்தல் என்பதன் அர்த்தத்தை அவர்கள் இழந்துவிட்டன.

எளிமையாகச் சொல்வதானால், வடிவமைப்பு கருவிகள் நாம் எதை வேண்டுமானாலும் செய்ய அனுமதிக்கின்றன. ஓரளவிற்கு, இந்த அளவிலான எல்லையற்ற படைப்பாற்றல் பயனுள்ளதாக இருக்கும், குறிப்பாக கருத்தியல் கட்டங்களில். UI வடிவமைப்பாளர்களாக இருந்தாலும், எங்கள் பணிப்பாய்வு பெரும்பாலான படைப்பாற்றலுக்கு அழைப்பு விடுக்கவில்லை. மாறாக, எங்கள் பணிப்பாய்வு மறுபயன்பாடு, மறுபடியும், பரிச்சயம் மற்றும் தரப்படுத்தலுக்கு அழைப்பு விடுகிறது; எங்கள் கருவிகள் பூர்த்தி செய்ய சிறிதளவு செய்ய வேண்டிய தேவைகள்.

இந்த வரம்பற்ற சுதந்திரம் வலை வளர்ச்சியின் யதார்த்தத்துடன் முரண்படுகிறது. டெவலப்பர்கள் உண்மையான தயாரிப்புடன் செயல்படுவதால், அவர்கள் அனைவரும் ஒரே குறியீட்டில் வேலை செய்ய வேண்டும். டெவலப்பர்கள் தனிமைப்படுத்தப்பட்ட எழுத்துரு அளவுகள் அல்லது சீரற்ற வண்ண மதிப்புகளை கோட்பேஸில் சேர்க்க முடியாது. முதலாவதாக, ஒரு லைண்டர் (மோசமாக எழுதப்பட்ட குறியீட்டைப் பற்றிய எச்சரிக்கை செய்தி எச்சரிக்கை) உடனடியாக கத்த ஆரம்பிக்கும். இல்லையென்றால், ஒரு குறியீட்டு மதிப்பாய்வின் போது அவர்களின் மோசமான கைவினைத்திறன் கைது செய்யப்படலாம். அது எப்படியாவது விரிசல்களை நழுவச் செய்தால், ஒரு குறிப்பிடத்தக்க செயல்திறன் தாக்கம் இறுதியில் அலாரத்தை ஒலிக்கும்.

தயாரிப்பு குழுக்களில் நான் காணும் மிகவும் இடையூறு விளைவிக்கும் சிக்கல்களில் ஒன்று வடிவமைப்பு மற்றும் மேம்பாட்டுக் குழுக்களுக்கு இடையேயான துண்டிப்பு ஆகும். டெவலப்பர்கள் பல ஆண்டுகளாக கடுமையான வழிகாட்டுதல்கள் மற்றும் கட்டுப்பாடுகளுடன் பணியாற்றி வருகின்றனர். எங்கள் வடிவமைப்பு கருவிகள் இதே தடைகளை பின்பற்றாவிட்டால், இடைவெளி ஒருபோதும் குறுகாது.

நாங்கள் நேரடி தரவுகளுடன் வடிவமைக்க வேண்டும்

லைவ் தரவு நிறைய கருவிகளால் ஓரளவிற்கு இணைக்கப்பட்டுள்ளது, இது பார்ப்பதற்கு அருமை. வழக்கமான நேரடி தரவை ஒத்த போலி தரவை உருவாக்குவதற்கு அடோப் எக்ஸ்டிக்கு சில சுத்தமாக அம்சங்கள் உள்ளன. இன்விஷன் கிராஃப்ட் ஸ்கெட்சிற்கான சில சிறந்த நேரடி தரவு அம்சங்களையும் வழங்குகிறது.

நேரடி தரவு உரையுடன் நிறுத்தப்படக்கூடாது. படங்கள் மற்றும் வீடியோ போன்ற பிற கூறுகள் சுமை நேரங்களை கணிசமாக அதிகரிப்பதன் மூலம் பயனர் அனுபவத்தில் பெரும் தாக்கத்தை ஏற்படுத்தும். நீங்கள் வலையில் பணிபுரிகிறீர்கள் என்றால், உலாவி தேவ் கருவிகள் பலவிதமான இணைய வேகங்களை ஒத்திருக்கும் இணைப்பைத் தடுக்க உங்களை அனுமதிக்கின்றன. பின்னர், ஒரு புதிய உள்ளடக்கம் பயனர் அனுபவத்தை எவ்வாறு பாதிக்கும் என்பதை நீங்கள் முதலில் காணலாம்.

எங்கள் வடிவமைப்பு கருவிகள் இந்த ஆடம்பரங்களை எங்களுக்கு அளிக்கிறதா?

ஒரு வார்த்தையில்: இல்லை.

உண்மையான தயாரிப்பை வடிவமைப்பதில் நாம் எவ்வளவு நெருக்கமாக இருக்கிறோமோ, அவ்வளவு பயனுள்ளதாகவும், பயனுள்ளதாகவும் இருக்கும் எங்கள் வடிவமைப்பு வேலை.

வலை திறந்திருக்கும். எங்கள் கருவிகளும் இருக்க வேண்டும்.

வலையைப் பற்றிய உண்மையிலேயே அழகான விஷயங்களில் ஒன்று அதன் திறந்த அணுகல். எந்தவொரு சாதனத்திலும் வலைத்தளத்தை எந்த இணைய உலாவியில் பார்க்க முடியும்.

வடிவமைப்பு கருவிகளுடன் இது எவ்வாறு ஒப்பிடுகிறது? சில நாட்களுக்கு முன்பு, எனது சகோதரர் டேவிட் என்னிடம் அவர் உருவாக்கும் பயன்பாட்டின் வடிவமைப்பு மறுஆய்வு கேட்டார். அவர் எனக்கு ஒரு ஸ்கெட்ச் கோப்பை அனுப்பினார். நான் அதைத் திறந்தபோது, ​​இது நடந்தது…

பெரும்பாலான வடிவமைப்பு கருவிகள் சுவர் தோட்டங்கள். ஒரு சக ஊழியர் ஃபோட்டோஷாப்பில் பணிபுரிந்தால், மற்றொரு சகா அந்த திட்டத்தை ஸ்கெட்சில் திறக்க முடியாது. உங்கள் முழு அணியையும் ஒரே கருவியைப் பயன்படுத்துவது கூட போதாது - அவர்கள் அந்தக் கருவியின் அதே பதிப்பைப் பயன்படுத்த வேண்டும்.

மார்வெல் மற்றும் ஃபிக்மா இங்கே ஒரு நல்ல வேலையைச் செய்கிறார்கள், இலவச திட்டங்களையும் புதுமையான ஒத்துழைப்பு அம்சங்களையும் வழங்குகிறார்கள்.

எனவே, வடிவமைப்பு கருவிகளின் எதிர்காலம் என்ன?

வடிவமைப்பு கருவியில் புதுமை மிகவும் மதிப்புமிக்கது மற்றும் சமீபத்தில் நிறைய இருக்கிறது. ஏர்பின்ப் வடிவமைப்பு கருவிகளில், ஜான் கோல்ட் மற்றும் பெஞ்சமின் வில்கின்ஸ் ஆகியோர் ரியாக்ட்-ஸ்கெட்சாப்பில் பணிபுரிகின்றனர், இது ரியாக்ட் கூறுகளை எடுத்து அவற்றை ஸ்கெட்சிற்குள் வழங்குகிறது. ஜான் மற்றும் பென் ஆகியோர் மனதைக் கவரும் புதிய கருவியில் பணிபுரிந்து வருகின்றனர், இது துடைக்கும் ஓவியங்களை எடுத்து எப்படியாவது அவற்றை எதிர்வினை கூறுகளாக மாற்றுகிறது.

ஆடம் மோர்ஸ், ப்ரெண்ட் ஜாக்சன் மற்றும் ஜான் ஒட்டாண்டர் ஆகியோர் இசையமைப்பாளரின் கருவிகளின் தொகுப்பில் பணிபுரிகின்றனர், இது இந்த கட்டுரையில் உள்ள அனைத்து சிக்கல்களையும், ஒருவேளை உலகத்தையும் தீர்க்கும்.

நான் ஒரு புதிய வடிவமைப்பு கருவி மற்றும் திறந்த மூல வடிவமைப்பு அமைப்பான மொடுல்ஸில் பணிபுரிகிறேன், இது இந்த கட்டுரையில் நான் குறிப்பிட்டுள்ள சிக்கல்களைத் தீர்ப்பதையும் நோக்கமாகக் கொண்டுள்ளது. நீங்கள் ஆர்வமாக இருந்தால், புதுப்பிப்புகளுக்கு ட்விட்டரில் பின்தொடரவும்.

கருவியில் புதுமை முக்கியமானது என்றாலும், உண்மையான சவால் கல்வி. வடிவமைப்பு சமூகம் ஒரு முறையான வடிவமைப்பு கருவிக்கு தயாராக இல்லை. பல வடிவமைப்பாளர்கள் கட்டிட அமைப்புகளில் ஆர்வம் காட்டவில்லை. சிலருக்கு, ஜேபிஜி இறுதி இலக்கு - டிரிபிள் பிடிக்கும்.

பொறுப்புணர்வு கலாச்சாரத்தை நாம் எப்படியாவது ஊக்குவிக்க வேண்டும். டெவலப்பர்கள் பல ஆண்டுகளாக பொறுப்புக்கூறல் கலாச்சாரத்தைக் கொண்டுள்ளனர். அவற்றின் குறியீட்டைக் கட்டுக்குள் வைத்திருக்க கருவிகள் உள்ளன. ஒரு டெவலப்பர் அவர்களின் கடுமையான குறியீடு வழிகாட்டுதல்களிலிருந்து மீண்டும் மீண்டும் விலகினால், சிக்கல் தீர்க்கப்படும் என்பதை நீங்கள் உறுதியாக நம்பலாம்.

இதற்கிடையில், வடிவமைப்பாளர்கள் அடுக்கு பெயரிடுதல், தொகுத்தல் மற்றும் வரிசைப்படுத்துதல் ஆகியவற்றில் சிறிதளவும் அக்கறை காட்டாமல் முழுமையான குழப்பத்தில் அடுக்குகளின் மலைகளைச் சேகரிக்கின்றனர். இது ஒவ்வொருவருக்கும் சொந்தமானது. வெளியீடு (ராஸ்டர் படம்) உள்ளீட்டால் (திசையன் அடுக்குகள்) பாதிக்கப்படாததால், ஒழுங்கமைக்க வடிவமைப்பாளர்கள் மீது உண்மையான சுமை எதுவும் இல்லை. வடிவமைப்பாளர்கள் பெரும்பாலும் இந்த அமைப்பின் பற்றாக்குறையை வடிவமைப்புக் கலையை ரொமாண்டிக் செய்வதன் மூலம் மன்னிக்கிறார்கள், தங்களைத் தாங்களே மந்திரவாதிகளாக சித்தரிக்கிறார்கள், அவர்கள் நிகழ்த்துவதற்காக தங்கள் சொந்த சாதனங்களுக்கு விடப்பட வேண்டும்.

சேர்ப்பதற்கான ஒரு கலாச்சாரத்தையும் நாம் ஊக்குவிக்க வேண்டும். அல்ட்ரா லைட் உரை வண்ணங்கள் போன்ற தவறான செயல்களை நாம் தீவிரமாக ஊக்கப்படுத்த வேண்டும், இது பலருக்கு உரையை படிக்க கடினமாக உள்ளது, அல்லது வலைப்பக்கங்களை ஏற்றுவதை மெதுவாக்கும் சூப்பர் உயர்தர தட்டச்சுப்பொறிகள் அல்லது வண்ண குருட்டு மக்களுக்கு புரிந்துகொள்ள கடினமாக இருக்கும் வடிவமற்ற UI கூறுகள். தற்போது, ​​இந்த வகை முறைகேடு வடிவமைப்பு சமூகத்தினரிடையே பாராட்டப்படுகிறது. ஸ்மார்ட் வடிவமைப்பு கருவியை நாங்கள் வரவேற்க வேண்டுமென்றால், இந்த கலாச்சாரத்தை நாம் தலைகீழாக மாற்ற வேண்டும்.

ஒரு முறையான வடிவமைப்பு கருவி நம் இதயங்களை வெல்ல வேண்டுமென்றால், அது முதலில் கல்வி கற்பிக்க வேண்டும்.