டெவலப்பர்களுக்கான வடிவமைப்பு
டெவலப்பர்கள் பெரும்பாலும் வடிவமைப்பைப் புறக்கணிக்கிறார்கள். வடிவமைப்பாளர்கள் பெரும்பாலும் குறியீட்டைப் (code) புறக்கணிக்கிறார்கள். இந்த இடைவெளி தயாரிப்பின் தரத்தைக் குறைக்கிறது.
நான் இரண்டிற்கும் இடையில் வாழ்கிறேன். சுத்தமான CSS மற்றும் அழகான எழுத்துரு அமைப்புகளை (typography) நான் விரும்புகிறேன். இந்த இரட்டைப் பார்வை சிறந்த தயாரிப்புகளை உருவாக்க எனக்கு உதவுகிறது.
இந்த பிரிவினால் ஏற்படும் சிக்கல்:
- வடிவமைப்பாளர்கள் மொபைல் திரைகளில் சரியாகத் தெரியாத மாதிரிகளை (mockups) உருவாக்குகிறார்கள்.
- டெவலப்பர்கள் நேரத்தைச் சேமிக்க காட்சி விவரங்களை (visual details) நீக்குகிறார்கள்.
- இறுதித் தயாரிப்பு அதன் ஆன்மாவை இழக்கிறது.
இதைச் சரிசெய்ய நான் வடிவமைப்பு அமைப்புகளைப் (design systems) பயன்படுத்துகிறேன். வடிவமைப்பு அமைப்புகளை ஒப்பந்தங்களாகவே நான் கருதுகிறேன்.
நான் "நீலம்" அல்லது "16 பிக்சல்கள்" என்று பயன்படுத்துவதில்லை. நான் டோக்கன்களைப் (tokens) பயன்படுத்துகிறேன்.
- வண்ணங்கள் "primary-500" ஆக மாறுகின்றன.
- இடைவெளி "space-4" ஆக மாறுகிறது.
ஒரு வடிவமைப்பாளர் Figma-வில் ஒரு டோக்கனை மாற்றும்போது, டெவலப்பர் CSS-இல் ஒரு மாறியை (variable) மட்டும் மாற்றினால் போதும். முழுத் தயாரிப்பும் சீராக இருக்கும். இது கைமுறை வேலைகளையும் பிழைகளையும் குறைக்கிறது.
நான் கட்டுப்பாடுகளுடன் வடிவமைக்கிறேன். அவை இல்லை என்று நான் pretend செய்வதில்லை. சமரசங்கள் (trade-offs) குறித்து நான் பொறியாளர்களுடன் பேசுகிறேன். குறியீட்டை எழுதுவது கடினமாகாமல், அதே சமயம் சிறந்த பயனர் அனுபவத்தைப் (user experience) பராமரிக்க வழிமுறைகளை நான் பரிந்துரைக்கிறேன். வடிவமைப்பு என்பது ஒரு வேலையை ஒப்படைப்பதாக (handoff) இல்லாமல், ஒரு கூட்டாண்மையாக (partnership) மாறுகிறது.
பிராண்ட் அடையாளம் என்பது வெறும் காட்சிகளைப் பற்றியது மட்டுமல்ல. அது ஆளுமையிலிருந்து (personality) தொடங்குகிறது.
- பிராண்ட் துணிச்சலானதா அல்லது அமைதியானதா?
- அது விளையாட்டுத்தனமானதா அல்லது தீவிரமானதா?
இந்த வார்த்தைகளே ஒவ்வொரு முடிவையும் வழிநடத்துகின்றன. அவை எழுத்துருக்கள் (fonts), புகைப்படங்கள் மற்றும் குரலைத் தீர்மானிக்கின்றன. காட்சிகள் என்பது அந்த ஆளுமையை பிக்சல்களாக (pixels) மொழிபெயர்ப்பது மட்டுமே.
நீங்கள் ஒரு டேஷ்போர்டை (dashboard) உருவாக்கினாலும் அல்லது ஒரு பிராண்டை உருவாக்கினாலும், உங்கள் செயல்முறை முக்கியமானது. ஒரு ஸ்கிரீன்ஷாட் என்பது வெறும் மேற்பரப்பு மட்டுமே. உங்கள் வேலையின் பின்னணியில் உள்ள சூழலையும் தர்க்கத்தையும் (logic) மக்கள் பார்க்க வேண்டும்.
வடிவமைப்பு என்பது ஒருபோதும் முடிவடைவதில்லை. நான் வெளியிடுகிறேன், கவனிக்கிறேன் மற்றும் மேம்படுத்துகிறேன்.
ஒருபோதும் வெளியிடப்படாத ஒரு முழுமையான வடிவமைப்பை விட, இன்று வெளியிடப்படும் ஒரு நல்ல வடிவமைப்பு சிறந்தது. ஒவ்வொரு முறையும் ஒரு சிறிய முன்னேற்றத்தை அடைய உண்மையான கருத்துக்களைப் (feedback) பயன்படுத்துங்கள்.
மூலம்: https://dev.to/visionapi/designing-for-developers-how-i-bridge-code-and-creativity-2kgf