రోజులో, యానిమేటెడ్ స్ప్లాష్ ల్యాండింగ్ పేజీలు మరియు ఫాన్సీ లేఅవుట్లు ఒక విషయం అయినప్పుడు, ఖచ్చితంగా, ఒక ప్రొఫెషనల్ డిజైనర్ను నియమించడం అర్ధమే. కానీ ఈ రోజు ధోరణి కనిష్ట - లేదా కనీసం చాలా సరళీకృతం.
నేను మీకు ఒక వృత్తాంత ఉదాహరణ ఇస్తాను - కొంతకాలం క్రితం, ఎవరైనా తమ PC సాఫ్ట్వేర్ కోసం స్ప్లాష్ స్క్రీన్ను సృష్టించమని నన్ను అడిగారు. అందువల్ల నేను అన్నింటినీ బయటకు వెళ్ళాను - దాన్ని స్కెచ్ పేపర్పై గీసి, ఫోటోషాప్కు దిగుమతి చేసుకున్నాను, ఫాన్సీ నియాన్ పంక్తులు మరియు ప్రభావాలను సృష్టించాను. ఇది స్ప్లాష్ స్క్రీన్ కాకుండా డెస్క్టాప్ వాల్పేపర్ కావచ్చు. విషయం ఏమిటంటే నేను వారికి నిజంగా ఫాన్సీ మరియు విస్తృతమైన డిజైన్ను సృష్టించాను.
మీరు can హించినట్లు, వారు దీన్ని ఇష్టపడలేదు. వారు వెళ్ళిన డిజైన్ అక్షరాలా కొన్ని అతివ్యాప్తి చెందుతున్న రంగు సర్కిల్ల యొక్క చిన్న లోగో మరియు దాని క్రింద ఉన్న సాఫ్ట్వేర్ పేరు. ఫోటోషాప్ ఉద్యోగంలో 2 నిమిషాలు. మరియు మీకు ఏమి తెలుసు? నేను గని కంటే మంచిదని అంగీకరించాలి.
నేను చేస్తున్న విషయం ఏమిటంటే - నేను చేసిన అదే తప్పును ప్రోగ్రామర్లు ఈ ఉచ్చులో పడతారని నేను భావిస్తున్నాను. మేము UI లు మరియు స్ప్లాష్ స్క్రీన్ల గురించి ఆలోచించగలుగుతాము, ఇవి నిజంగా ఫాన్సీ, కంటికి కనిపించే విషయాలు. నిలబడండి . కానీ వారు ఉండవలసిన అవసరం లేదు - నిజాయితీగా, వారు ఉండకూడదు. మేము ఒక తీసుకోవాలి ప్రోగ్రామర్లు మనస్తత్వం మరియు సౌందర్య రూపకల్పనకు వర్తించండి - సాధారణ, క్రియాత్మక, పనిచేస్తుంది.
ఈ వ్యాసంలో, మీకు డిజైనింగ్ అనుభవం లేకపోయినా, సొగసైన Android APP UI / UX ను రూపొందించడానికి మేము చాలా సులభమైన మార్గాలను చూస్తాము.
మీరు నిజంగా వేరేదాన్ని కోరుకుంటే తప్ప, మెటీరియల్ డిజైన్కు కట్టుబడి ఉండండి
మీ అనువర్తనం “ ఏకైక' మరియు “ మిగిలిన వాటి నుండి నిలబడండి ” ఇది ప్రజాదరణ పొందటానికి మరియు బాగుంది. Google అంటే అదే మెటీరియల్ డిజైన్ పరిశ్రమలో ఉన్న అనువర్తన UI లకు ప్రామాణికమైన - మరియు వారు మంచి పని చేసారు. మెటీరియల్ డిజైన్కు అంటుకునే టన్నుల జనాదరణ పొందిన అనువర్తనాలు ఉన్నాయి - ఆండ్రాయిడ్ అనువర్తనాల్లో కొన్ని పెద్ద పేర్లు, స్విఫ్ట్ కీ, నోవా లాంచర్, టెక్స్ట్రా ఎస్ఎంఎస్, యూట్యూబ్ వంటివి.
మెటీరియల్ డిజైన్ యొక్క ప్రధాన దృష్టి దృ color మైన రంగు పాలెట్తో కార్డ్-ఆధారిత లేఅవుట్పై ఉంటుంది. గూగుల్ అగ్ర పరిశ్రమ డిజైనర్లతో కలిసి పనిచేసింది, మినిమలిస్ట్ డిజైన్ ప్రాక్టీసుల నుండి చాలా అంశాలను గీయడం, ఆపై మొత్తం మొత్తాన్ని ఉచితంగా విడుదల చేసింది - ఇది చాలా మంచి ఒప్పందం, ఎందుకంటే వెబ్సైట్ మరియు అనువర్తన రూపకల్పన కోర్సులు ఇ-బుక్స్, వీడియోలు, మొదలైనవి.
మెటీరియల్ డిజైన్తో ప్రారంభించడం చాలా సులభం, మరియు దీన్ని మరింత సరళంగా చేసే కొన్ని సాధనాలు ఉన్నాయి, వీటిని మేము క్రింద జాబితా చేస్తాము:
- మెటీరియల్ థీమ్ ఎడిటర్ (మాకోస్ + స్కెచ్)
- మెటీరియల్ డిజైన్ కలర్ పాలెట్ ప్లగ్-ఇన్ (ఫోటోషాప్ / ఇలస్ట్రేటర్)
- మెటీరియల్ డిజైన్ UI కిట్ PSD (ఫోటోషాప్)
- Android మెటీరియల్ డిజైన్ UI కిట్ ( స్కెచ్)
- మెటీరియల్ UI థీమ్ జనరేటర్
సరళమైన, సొగసైన మెటీరియల్ డిజైన్ థీమ్లను సృష్టించడానికి మీకు కొంత ప్రేరణ అవసరమైతే, ఈ జాబితా బ్లాగులను చూడండి:
- మెటీరియల్డిజైన్బ్లాగ్ - మెటీరియల్ డిజైన్ యొక్క 15 అద్భుతమైన ఉదాహరణలు సరిగ్గా చేయబడ్డాయి
- మోక్ప్లస్ - ప్రేరణను గీయడానికి 12 ఉత్తమ మెటీరియల్ డిజైన్ వెబ్సైట్ ఉదాహరణలు
- AndroidAuthority - Android కోసం 10 ఉత్తమ మెటీరియల్ డిజైన్ అనువర్తనాలు
కలర్ ప్రవణతలు మీరు అనుకున్నదానికన్నా సులభం
మెటీరియల్ డిజైన్కు ప్రత్యామ్నాయం కోసం, డాలర్ ప్రవణతలు సరళమైనవి, అధునాతనమైనవి మరియు ఆకర్షించేవి. మరియు డిజైనర్లు అన్ని రంగులలో పెయింటింగ్ చేయడానికి లేదా అంతిమ ప్రవణతను రూపొందించడానికి చాలా సమయాన్ని వెచ్చిస్తారని మీరు అనుకోవచ్చు. మీరు తప్పుగా ఉన్నారు - ఇది ఫోటోషాప్లో 10 సెకన్లలో చేయవచ్చు.
ఫోటోషాప్ ప్రవణత UI లో 10 సెకన్లు.
ఇది ఎంత సులభమో మీకు చూపించడానికి నేను మిమ్మల్ని దీని ద్వారా నడిపిస్తాను.
మొబైల్ కోసం కొత్త PS ప్రాజెక్ట్ను సృష్టించండి ( 1080 x 1920 px @ 72 ppi బాగా పనిచేస్తుంది)
UIGradients.com - ముందే తయారుచేసిన ప్రవణతల పెద్ద సేకరణ.
వెళ్ళండి UIGradients.com మరియు మీకు నచ్చినదాన్ని కనుగొనండి.
UIGradients నుండి కలర్ హెక్స్ విలువలను కాపీ చేయండి
ప్రివ్యూ పై నుండి ప్రవణత రంగులను కాపీ చేయండి.
ఫోటోషాప్ ప్రవణత సెలెక్టర్.
PS లోని ఖాళీ పొరపై కుడి క్లిక్ చేసి, బ్లెండింగ్ ఎంపికలు> గ్రేడియంట్ అతివ్యాప్తికి వెళ్ళండి.
డ్రాప్-డౌన్ మెనులోని ప్రవణత నమూనా ప్రివ్యూపై నేరుగా క్లిక్ చేయండి - డ్రాప్డౌన్ బటన్పై క్లిక్ చేయవద్దు. ప్రవణతపై నేరుగా క్లిక్ చేస్తే కలర్ ఎడిటర్ తెరుచుకుంటుంది.
UIGradient నుండి PS ప్రవణత సాధనంలోకి హెక్స్ విలువలను ఇన్పుట్ చేయండి.
ఇప్పుడు UIGradient నుండి కలర్ హెక్స్ విలువలను PS ప్రవణత ఎడిటర్లో అతికించండి.
అవసరమైన విధంగా సర్దుబాటు చేయండి. మీరు ఇప్పుడు మీ Android అనువర్తనం కోసం ప్రొఫెషనల్ ప్రవణత నేపథ్యాన్ని కలిగి ఉన్నారు.
తనిఖీ చేయవలసిన ఇతర ప్రవణత సాధనాలు:
- WebGradients.com
- Android ఆకారాల జనరేటర్ ( XML ద్వారా ఆకృతులను ఉత్పత్తి చేయడానికి, ప్రవణత ఎంపికతో)
జెపిజి / పిఎన్జికి బదులుగా ఎస్విజిలను వాడండి
మీ గ్రాఫికల్ ఎలిమెంట్స్ (బటన్లు, లోగోలు మొదలైనవి) కోసం PNG లు లేదా JPG లను ఉపయోగించటానికి బదులుగా మీరు నిజంగా SVG లను ఉపయోగించాలి ( స్కేలబుల్ వెక్టర్ గ్రాఫిక్స్) బదులుగా. ఎందుకంటే నాణ్యత కోల్పోకుండా SVG ల పరిమాణాన్ని మార్చవచ్చు - ఉదాహరణకు, మీరు ఒక JPG ని పెద్ద విలువకు పెంచుకుంటే, అది నాణ్యతను కోల్పోతుంది మరియు అస్పష్టంగా / పిక్సలేటెడ్ అవుతుంది. ఒక SVG లేదు. ప్రజలు భారీ PNG ఫైళ్ళను ఉపయోగించటానికి ప్రయత్నిస్తారు తగ్గించబడింది Android స్క్రీన్లకు సరిపోయేలా - బదులుగా, మీరు చిన్న SVG లను ఉపయోగించవచ్చు ఉన్నత స్థాయి నాణ్యతలో ఎటువంటి నష్టం లేకుండా.
ఇంకా, SVG లు వరకు ఉండవచ్చు PNG కన్నా ఫైల్ పరిమాణంలో 60% నుండి 80% చిన్నది . దీని అర్థం మీ అనువర్తనం లేదా మొబైల్ వెబ్సైట్ వినియోగదారు కోసం వేగంగా లోడ్ అవుతాయి మరియు స్క్రీన్ రిజల్యూషన్ ఉన్నా మంచిగా కనిపిస్తాయి.
థీమ్.అప్కాంపాట్.డేనైట్ ఉపయోగించి డార్క్ మోడ్ను చేర్చండి
మీ అనువర్తనంలో చీకటి / రాత్రి మోడ్ థీమ్ను చేర్చడానికి మీరు రెండు వేర్వేరు థీమ్లను రూపొందించాల్సిన అవసరం లేదు. ఇది చాలావరకు AppCompat లైబ్రరీలో నిర్మించబడింది, మీరు దీన్ని ప్రారంభించి విలువలను సవరించాలి.
Appual యొక్క గైడ్ చూడండి “ మీ Android అనువర్తనంలో డార్క్ మోడ్ను ఎలా అమలు చేయాలి ”.
మూస లేదా మొబైల్ UI కిట్ను ఉపయోగించండి
మీ అనువర్తనం ఫాన్సీ, అనుకూలీకరించిన GUI కోసం పిలవకపోతే, టెంప్లేట్ లేదా కిట్ను ఉపయోగించడంలో తప్పేమీ లేదు. టెంప్లేట్లు మరియు కిట్లను స్ఫూర్తిదాయకమైన మార్గదర్శకంగా ఉపయోగించవచ్చు లేదా మీరు మీ స్వంత బటన్లు మరియు అంశాలను జోడించి అక్షరాలా టెంప్లేట్ / కిట్ను ఉపయోగించవచ్చు.
Android UI టెంప్లేట్లు మరియు వస్తు సామగ్రి కోసం కొన్ని గొప్ప వనరులు:
- స్పెక్కిబాయ్ - IOS & Android కోసం 50 ఉచిత మొబైల్ UI కిట్లు
- స్కెచ్అప్సోర్సెస్ - Android UI అనువర్తన వనరులు ( స్కెచ్)
- ఫ్రీబీస్బగ్ - PSD UI కిట్లు ( ఫోటోషాప్)