UI வடிவமைப்பிற்கான சார்பு வழிகாட்டி

நூலாசிரியர்: Randy Alexander
உருவாக்கிய தேதி: 25 ஏப்ரல் 2021
புதுப்பிப்பு தேதி: 16 மே 2024
Anonim
PRO போன்ற மொபைல் பயன்பாடுகளுக்கான UI வடிவமைப்பைக் கற்றுக்கொள்ளுங்கள்! - ஃபிக்மா டுடோரியல்
காணொளி: PRO போன்ற மொபைல் பயன்பாடுகளுக்கான UI வடிவமைப்பைக் கற்றுக்கொள்ளுங்கள்! - ஃபிக்மா டுடோரியல்

உள்ளடக்கம்

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

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

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


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

UI வடிவமைப்பாளர் என்ன செய்வார்?

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

வாடிக்கையாளர் தொடர்பு

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


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

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

ஒத்திசைவான மற்றும் ஒத்திசைவற்ற தகவல்தொடர்பு முறைகளை இணைப்பது பயனுள்ளது. உங்களுக்கு நிறைய தகவல்கள் விரைவாக தேவைப்பட்டால் அழைப்பு மிகச் சிறந்தது, ஆனால் நீங்கள் ஒரே நேரத்தில் இருக்க வேண்டும். ஸ்லாக்கை எங்கள் ‘மெய்நிகர் நீர் குளிரூட்டியாக’ கருதுகிறோம் மற்றும் சிக்கலான வடிவமைப்பு திட்டங்களை நிர்வகிக்க பேஸ்கேம்பைப் பயன்படுத்துகிறோம். HTML மற்றும் CSS ஐப் பயன்படுத்தி முன்மாதிரிகளை வடிவமைக்கும்போது, ​​குறியீட்டை நேரடியாக விவாதிக்க GitHub சிக்கல்களைப் பயன்படுத்துகிறோம்.


ஆராய்ச்சி

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

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

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

வடிவமைப்பு மற்றும் முன்மாதிரி

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

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

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

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

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

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

டெவலப்பர் தொடர்பு

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

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

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

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

வலை மற்றும் சொந்த பயன்பாடுகள்

ஒரு தளத்திற்கான சொந்த பயன்பாட்டை நீங்கள் வடிவமைக்கும்போது (எ.கா. iOS அல்லது Android), நீங்கள் சில வழிகாட்டுதல்களைக் கடைப்பிடிக்க முனைகிறீர்கள். நீங்கள் வலையை வடிவமைக்கும்போது, ​​அவ்வளவு வழிகாட்டுதல் இல்லை. பொதுவாக என்ன நடக்கிறது என்றால், உங்கள் வாடிக்கையாளர் தங்கள் பிராண்டிற்கான கிராஃபிக் வழிகாட்டுதல்களின் தொகுப்பைக் கொண்டிருக்கிறார், இது விஷயங்கள் எவ்வாறு இருக்க வேண்டும் என்பதை தீர்மானிக்கிறது.

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

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

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

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

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

வலை கட்டுப்பாடுகள்

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

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

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

உங்கள் திறனை மேம்படுத்துதல்

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

மேடை அறிவு

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

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

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

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

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

அடிப்படைகளுக்குச் செல்லுங்கள்

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

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

விளையாட்டுகள் மற்றும் படங்களால் ஈர்க்கப்படுங்கள்

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

விளையாட்டுகளும் போக்குகளைக் குறிக்கலாம். கொலின் மெக்ரே பேரணியின் மெனுக்களில் காணப்படும் மினிமலிசம் iOS7 இன் திசையை நினைவூட்டுகிறது. ஒரு வகையில், இப்போது நவநாகரீகமாக இருக்கும் UI அனிமேஷன் வடிவமைப்பு பல வருடங்களுக்கு முன்பு விளையாட்டுகளில் தோன்றியது. ஸ்கீயோமார்பிஸத்திலிருந்து வெற்று, செயல்பாட்டு இடைமுகங்கள் மற்றும் ‘பிளாட் டிசைன்’ நகர்வுகள் விளையாட்டுகளிலும் தெளிவாகத் தெரிகிறது. 2006 இன் மறதியை 2011 இன் ஸ்கைரிமுடன் ஒப்பிடுக. இரண்டு விளையாட்டுகளும் ஒரே தொடரில் ஆர்பிஜிக்கள், ஆனால் வித்தியாசம் வியக்க வைக்கிறது.

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

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

சுவாரசியமான
பெரிய கேள்வி: போர்ட்ஃபோலியோ தளங்களைப் பற்றி நீங்கள் என்ன நினைக்கிறீர்கள்?
மேலும் வாசிக்க

பெரிய கேள்வி: போர்ட்ஃபோலியோ தளங்களைப் பற்றி நீங்கள் என்ன நினைக்கிறீர்கள்?

டான் மால்www.danielmall.comஅந்த தளங்கள் விரைவான போர்ட்ஃபோலியோ விருப்பங்களாக சிறந்தவை. ஆன்லைனில் சில வேலைகளை வழங்கக்கூடிய வடிவத்தில் வைக்க உங்களுக்கு ஒரு மணிநேரம் மட்டுமே இருந்தால், இவை சிறந்த விருப்பங...
பதிலளிக்கக்கூடிய விளம்பரத்தின் நிலை: வெளியீட்டாளர்களின் முன்னோக்கு
மேலும் வாசிக்க

பதிலளிக்கக்கூடிய விளம்பரத்தின் நிலை: வெளியீட்டாளர்களின் முன்னோக்கு

ஸ்மார்ட்போன் சாதனங்கள் மற்றும் டேப்லெட்டுகளின் வெடிக்கும் வளர்ச்சியுடன், 2010 ஒரு புதிய தசாப்தத்தையும், பல திரை வடிவமைப்பு, வலை (HTML5 / C 3) மற்றும் சொந்த மொபைல் பயன்பாடுகள் (பயன்பாடு) பற்றி சிந்திப்...
ஃபோட்டோஷாப்பில் எளிய தோல் மென்மையாக்கம்
மேலும் வாசிக்க

ஃபோட்டோஷாப்பில் எளிய தோல் மென்மையாக்கம்

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