విషయము
- పూర్తి డిజైన్ సాధనాలు
- 01. ఇన్విజన్ స్టూడియో
- 02. స్కెచ్
- 03. అడోబ్ ఎక్స్డి
- 04. మార్వెల్
- 05. ఫిగ్మా
- 08. ప్రోటో.యో
- 15. జస్టిన్ మైండ్
- 16. ద్రవం
- 17. ఫ్రేమర్
- డిజైన్ ఫ్రేమ్వర్క్లు మరియు లైబ్రరీలు
- 18. బూట్స్ట్రాప్
- 19. ప్రారంభ 4
- 20. Vue.js
- 21. సరళి ప్రయోగశాల
- 22. మెటీరియల్ డిజైన్
- పూర్తి డిజైన్ సాధనాలు
- మోకాప్లు మరియు నమూనాలు
- డిజైన్ ఫ్రేమ్వర్క్లు మరియు లైబ్రరీలు
ఈ రోజుల్లో చాలా గొప్ప వెబ్ డిజైన్ సాధనాలు ఉన్నాయి, ఇవి మీకు మోకాప్లు, ఫ్రేమ్వర్క్లు, పరీక్షలు మరియు మరెన్నో సహాయపడతాయి. VR, యానిమేషన్, రంగులు మరియు టైపోగ్రఫీతో సహా పరిమితం కాకుండా మంచి వెబ్ డిజైన్ను రూపొందించే అనేక అంశాలపై మీరు చాలా డౌన్లోడ్లను కనుగొంటారు.
మీ వెబ్ డిజైన్ వర్క్ఫ్లో మీరు ఏ సమస్యను పరిష్కరించడానికి ప్రయత్నిస్తున్నా, అది స్వతంత్ర యుటిలిటీ అయినా లేదా పెద్ద అనువర్తనంలో ఉన్న లక్షణమైనా ఎవరైనా దాని కోసం ఒక సాధనాన్ని తయారు చేసి ఉండవచ్చు. ఇంకా మంచి వార్త ఏమిటంటే, ఈ గొప్ప సాధనాలు చాలా ఉచితం, అయినప్పటికీ ఇది ఆఫర్లోని సాధనాల శ్రేణిని ఎంచుకోవడం చాలా కష్టతరం చేస్తుంది.
వెబ్ క్రియేటివ్లకు సహాయపడటానికి, ప్రస్తుతం ఉన్న ఉత్తమ సాధనాలుగా మేము భావిస్తున్నాము (మరింత నిర్దిష్ట జాబితా కోసం, ఈ UI డిజైన్ టూల్స్ రౌండప్ చూడండి). ఇది చాలా పొడవైన జాబితా కాబట్టి, వ్యాసాన్ని నావిగేట్ చెయ్యడానికి సాధనాలను విభాగాలుగా ఏర్పాటు చేసాము. ఈ పేజీలో మీరు స్కెచ్ మరియు అడోబ్ ఎక్స్డి వంటి పూర్తి వెబ్ డిజైన్ సాఫ్ట్వేర్ను కనుగొంటారు, తరువాత మరింత ప్రాథమిక అంకితమైన వైర్ఫ్రేమింగ్ సాధనాలు మరియు వెబ్ డిజైన్ ఫ్రేమ్వర్క్లు మరియు లైబ్రరీలను మీరు కనుగొంటారు. రెండవ పేజీలో, చిత్రాలతో పనిచేయడం నుండి మీ పనిలో చేరికను నిర్ధారించడం వరకు ప్రతిదానికీ చిన్న, మరింత ప్రత్యేకమైన సాధనాల శ్రేణి ఉంది.
మీరు ఇక్కడ ఉన్నప్పుడు, మీరు ఉత్తమ వెబ్ హోస్టింగ్ సేవల యొక్క రౌండప్ను చూడాలనుకోవచ్చు మరియు ఉత్తమ వెబ్సైట్ బిల్డర్లలో ఒకరిని కూడా ఎంచుకోండి.
పూర్తి డిజైన్ సాధనాలు
01. ఇన్విజన్ స్టూడియో
ఇన్విజన్ స్టూడియో అన్ని స్థావరాలను కవర్ చేయడం మరియు మీకు అవసరమైన ఏకైక UI సాధనం. వేగవంతమైన ప్రోటోటైపింగ్, ప్రతిస్పందించే మరియు సహకార రూపకల్పన మరియు డిజైన్ సిస్టమ్లతో పనిచేయడం వంటి సాధనాలతో సహా అందమైన ఇంటరాక్టివ్ ఇంటర్ఫేస్లను సృష్టించడంలో మీకు సహాయపడే లక్షణాల బకెట్లో ఇది వస్తుంది.
మీరు ఇప్పటికే స్కెచ్ వంటి సాధనాలతో ఇన్విజన్ ఉపయోగిస్తుంటే, లక్షణాలలో కొంచెం క్రాస్ఓవర్ ఉంది. అయినప్పటికీ, స్టూడియో యొక్క శక్తి ప్రోటోటైపింగ్ విభాగంలో ఉంది, ప్రత్యేకించి మీ డిజైన్ యానిమేషన్ను కలిగి ఉంటే. రాపిడ్ ప్రోటోటైపింగ్ సంక్లిష్టమైన మరియు gin హాత్మక పరివర్తనలను సృష్టించడానికి మిమ్మల్ని అనుమతిస్తుంది, మీరు కోరుకునే యానిమేషన్ స్థాయిని నిజంగా సాధించటానికి వీలు కల్పిస్తుంది. మీ UI దాని పరివర్తన ప్రారంభంలో ఎలా చూడాలనుకుంటున్నారో గుర్తించండి, ఆపై తుది ఫలితాన్ని రూపొందించండి. ఇన్విజన్ స్టూడియో మీ కోసం మిగిలిన వాటిని పని చేస్తుంది.
ఆ పైన, మీరు స్వైపింగ్, క్లిక్ చేయడం మరియు కదిలించడం వంటి అనేక సంజ్ఞలు మరియు పరస్పర చర్యల నుండి ఈ అనుకూల యానిమేషన్లు మరియు పరివర్తనాలను సృష్టించవచ్చు.
మీరు పూర్తి చేసిన తర్వాత, ఇన్విజన్ ద్వారా మీ ప్రోటోటైప్లను ఎగుమతి చేయండి మరియు సహకరించడానికి వ్యక్తులను ఆహ్వానించండి. మీరు మీ ప్రాజెక్ట్ను దాని ఉద్దేశించిన ప్లాట్ఫారమ్లో చూడవచ్చు - మీ డిజైన్ను అన్వేషించడానికి మరియు పరీక్షించడానికి గొప్ప మార్గం. క్లయింట్లు అప్పుడు డిజైన్పై వ్యాఖ్యానించగలరు.
అగ్రస్థానంలో ఉండటానికి, మీరు బహుళ పరికరాల కోసం అనేక ఆర్ట్బోర్డ్లను సృష్టించడం గురించి ఆలోచించడం మానివేయవచ్చు - స్టూడియో యొక్క లేఅవుట్ ఇంజిన్ మీ డిజైన్ను ఏ స్క్రీన్కు అయినా స్వయంచాలకంగా సర్దుబాటు చేస్తుంది. ఈ టైమ్సేవర్ మీ డిజైన్ గురించి మరింత ఆలోచించడానికి మీకు స్థలాన్ని ఇస్తుంది.
02. స్కెచ్
బోహేమియన్ కోడింగ్ యొక్క స్కెచ్ విస్తృతంగా ఉపయోగించే వెబ్ డిజైన్ ప్లాట్ఫామ్లలో ఒకటి; ఇది సహకార మార్గంలో ఇంటర్ఫేస్లు మరియు ప్రోటోటైప్లను నిర్మించడానికి అత్యంత శక్తివంతమైన వెక్టర్-ఆధారిత సాధనం. వెబ్సైట్లు మరియు అనువర్తనాలను రూపొందించడం కోసం స్కెచ్ నిర్మించబడింది, అందువల్ల మీ ఇంటర్ఫేస్ను అస్తవ్యస్తం చేసే అనవసరమైన లక్షణాలు లేవు మరియు ఇది విస్తృత పరిధిని కలిగి ఉన్న సాఫ్ట్వేర్ కంటే వేగంగా మరియు సమర్థవంతంగా పనిచేస్తుంది.
సూపర్ర్బ్లో క్రియేటివ్ డైరెక్టర్ రోరే బెర్రీ కొన్నేళ్ల క్రితం స్కెచ్కు మారారు మరియు దానిని బాగా సిఫార్సు చేశారు. "ఫోటోషాప్తో పోలిస్తే, మీ అన్ని పత్రాలను క్రమబద్ధీకరించడం మరియు స్కెచ్లో పునర్విమర్శలు చేయడం చాలా సులభం," అని అతను ప్రారంభించాడు. “స్కెచ్లో చిన్న పత్రాలు ఉన్నాయి, అయితే ఫోటోషాప్లో పెద్దవి ఉన్నాయి. ఇది వెక్టర్ ఆధారిత అనువర్తనం కావడం వల్ల, ఫోటోషాప్తో పోలిస్తే ఫైల్ పరిమాణాలు గణనీయంగా తక్కువగా ఉంటాయి. ”
మరియు ఇవన్నీ కాదు. “స్కెచ్లో అంతర్నిర్మిత గ్రిడ్ వ్యవస్థ చాలా బాగుంది మరియు ఇంటర్ఫేస్ డిజైన్ను చాలా సులభం చేస్తుంది. మొత్తం UI మరియు కనిష్ట అనుభూతి రూపకల్పనలో చాలా శుభ్రంగా మరియు యూజర్ ఫ్రెండ్లీగా ఉంటుందని నేను భావిస్తున్నాను. పోల్చి చూస్తే ఫోటోషాప్ చాలా క్లిష్టంగా అనిపిస్తుంది. ”
మీ డిజైన్ వర్క్ఫ్లో సులభతరం మరియు సున్నితంగా చేయడానికి సంఘం వందలాది స్కెచ్ ప్లగిన్లను అందిస్తుంది.
స్కెచ్ యొక్క ఇబ్బంది ఏమిటంటే ఇది Mac లో మాత్రమే అందుబాటులో ఉంది మరియు ఇతర ఆపరేటింగ్ సిస్టమ్లకు మద్దతు ఇచ్చే ప్రణాళికలు లేవు. ఇది ఒక సమస్య, ఎందుకంటే డిజైనర్లు తరచుగా విండోస్ వాడుతున్న డెవలపర్లతో .sketch ఫైళ్ళను పంచుకోవాలనుకుంటారు. అదృష్టవశాత్తూ ఇప్పుడు లూనసీ అని పిలువబడే "విండోస్ కోసం స్కెచ్" అప్లికేషన్ ఉంది, అది .స్కెచ్ ఫైళ్ళను తెరిచి సవరించుకుంటుంది మరియు ఈ బాధను చాలావరకు తొలగిస్తుంది - దీని గురించి చదవండి ఎగుమతి మరియు మార్పిడి ఈ వ్యాసం యొక్క విభాగం.
స్కెచ్ ఉపయోగించడం కోసం మా అగ్ర చిట్కాలను కోల్పోకండి.
03. అడోబ్ ఎక్స్డి
అడోబ్ క్రియేటివ్ క్లౌడ్ సూట్ కింద డిజిటల్ ప్రాజెక్టులకు అడోబ్ ఎక్స్డి ఉత్తమ వాతావరణాన్ని అందిస్తుంది. మీరు ఆసక్తిగల అడోబ్ వినియోగదారు మరియు XD కి క్రొత్తవారైతే, మీరు ఇంటర్ఫేస్ను చాలా ‘అడోబ్’తో ప్రారంభించలేరు. ఏదేమైనా, ఇది అక్కడ ఉన్న ఇతర ప్రముఖ సాధనాలకు స్టాక్ చేస్తుంది. మీరు కొంతకాలం ఫోటోషాప్లో డిజైన్ చేస్తున్నట్లయితే ఇది ఒక జంప్, కానీ UI డిజైన్ కోసం ఇది చాలా విలువైనది.
ఈ వెక్టర్ డిజైన్ మరియు వైర్ఫ్రేమింగ్ సాధనం మెరుగ్గా ఉంటుంది, ఆటో-యానిమేషన్కు మద్దతు వంటి అదనంగా, సాధనం UX లోని తాజా పోకడలను కొనసాగించగలదని నిర్ధారిస్తుంది. XD లో డ్రాయింగ్ టూల్స్, స్టాటిక్ కాని పరస్పర చర్యలను నిర్వచించటానికి మిమ్మల్ని అనుమతించే సాధనాలు, మొబైల్ మరియు డెస్క్టాప్ ప్రివ్యూలు మరియు డిజైన్లపై అభిప్రాయాన్ని ఇవ్వడానికి భాగస్వామ్య సాధనాలు ఉన్నాయి. ప్రాజెక్ట్ను ప్రారంభించడానికి పరికర-నిర్దిష్ట ఆర్ట్బోర్డ్ పరిమాణాన్ని ఎంచుకోవడానికి ఇది మిమ్మల్ని అనుమతిస్తుంది మరియు మీరు ప్రసిద్ధ UI కిట్లను కూడా దిగుమతి చేసుకోవచ్చు, ఉదాహరణకు Google యొక్క మెటీరియల్ డిజైన్.
ముఖ్యంగా, అడోబ్ ఎక్స్డి మిగిలిన క్రియేటివ్ క్లౌడ్తో అనుసంధానిస్తుంది, అంటే మీరు ఫోటోషాప్ లేదా ఇల్లస్ట్రేటర్ నుండి ఆస్తులతో సులభంగా దిగుమతి చేసుకోవచ్చు మరియు పని చేయవచ్చు. మీరు ఇప్పటికే ఇతర అడోబ్ అనువర్తనాలను ఉపయోగిస్తుంటే, UI బాగుంది మరియు సుపరిచితం అనిపిస్తుంది మరియు ఎక్కువ నేర్చుకునే వక్రతను ప్రదర్శించకూడదు.
బార్సిలోనాలోని రోబు స్టూడియోలో డిజైన్ డైరెక్టర్ ఆండ్రీ రోబు దాని అభిమానులలో ఒకరు. "శీఘ్ర మోకాప్ల కోసం ఇది చాలా బాగుంది" అని ఆయన చెప్పారు. "ఇది చాలా తేలికైన ఇంటర్ఫేస్, చాలా ఫోటోలను లోడ్ చేసి, మూడ్బోర్డ్లకు గొప్పది. స్టఫ్ ఎలా పనిచేస్తుందో ఖాతాదారులకు చూపించడానికి ప్రోటోటైపింగ్ చాలా ఉపయోగకరంగా ఉంటుంది, ప్రత్యేకించి మీరు వెంటనే ఆన్లైన్లో కంటెంట్ను నెట్టవచ్చు. "
రిసెప్షనల్ లిమిటెడ్లోని గ్రాఫిక్ డిజైనర్ ఎల్లిస్ రోజర్స్ కూడా దీనిని సిఫార్సు చేస్తున్నారు. "డిజైన్ / ప్రోటోటైప్ లేదా వైర్ఫ్రేమ్ పూర్తయినప్పుడు, అడోబ్ ఎక్స్డి చాలా త్వరగా అంశాలను ఎన్నుకోవటానికి మరియు పని చేసే నమూనా కోసం పేజీ పరివర్తనాలను సృష్టించడానికి మిమ్మల్ని అనుమతిస్తుంది, దీనిని లింక్ ద్వారా పంచుకోవచ్చు" అని ఆయన వివరించారు. "లింక్ ప్రతి పేజీకి అభిప్రాయాన్ని సేకరించడానికి మిమ్మల్ని అనుమతిస్తుంది, ఇవన్నీ వ్యవస్థీకృతంగా ఉంచుతుంది. లింక్ను అడోబ్ ఎక్స్డిలోనే అప్డేట్ చేయవచ్చు, తద్వారా క్లయింట్ సరికొత్త సంస్కరణను తప్పు సంస్కరణల గురించి చింతించకుండా ఎల్లప్పుడూ చూడవచ్చు. ఇది పని చేయడం సంపూర్ణ ఆనందం. "
04. మార్వెల్
మార్వెల్ మరొక వెబ్ డిజైన్ సాధనం, ఇది శీఘ్ర ఆలోచనలను రూపొందించడానికి, ఇంటర్ఫేస్ను మీరు ఎలా చూడాలనుకుంటున్నారో దానికి మెరుగుపరచడానికి మరియు ప్రోటోటైప్లను రూపొందించడానికి గొప్పది. మార్వెల్ పేజీలను నిర్మించటానికి నిజంగా చక్కని మార్గాన్ని అందిస్తుంది, ఇది మీ నమూనాను ప్రోటోటైప్ ద్వారా అనుకరించటానికి అనుమతిస్తుంది. మీ డిజైన్ వర్క్ఫ్లో మీ డిజైన్లను చొప్పించడానికి కొన్ని అద్భుతమైన అనుసంధానాలు ఉన్నాయి. ఆసక్తికరంగా, ఇంటిగ్రేటెడ్ యూజర్ టెస్టింగ్ ఫీచర్ ఉంది, ఇది వెబ్ డిజైన్ టూల్స్కేప్లో ఇప్పటికీ చాలా అసాధారణంగా ఉంది. ఇవన్నీ ఆన్లైన్లో ఉన్నాయి, కాబట్టి ఏదైనా డౌన్లోడ్ చేయవలసిన అవసరం లేదు.
05. ఫిగ్మా
మా జాబితాలో తదుపరి వెబ్ డిజైన్ సాధనం UXPin. ఈ ప్రత్యేక ప్రోటోటైపింగ్ అనువర్తనం Mac, Windows లేదా బ్రౌజర్లో అందుబాటులో ఉంది. చాలా ఇతర డిజైన్ సాధనాలతో మీరు మీ ఆర్ట్బోర్డ్లోని విభిన్న అంశాలను లింక్ చేయడం ద్వారా మాత్రమే పరస్పర చర్యలను అనుకరించగలరు, UXPin కోడ్కు దగ్గరవుతుంది మరియు ఇంటరాక్టివ్ స్టేట్స్, లాజిక్ మరియు కోడ్ భాగాలతో పనిచేయడానికి మిమ్మల్ని అనుమతిస్తుంది.
మీ మార్గంలో మీకు సహాయపడటానికి iOS, మెటీరియల్ డిజైన్ మరియు బూట్స్ట్రాప్ కోసం ఇంటిగ్రేటెడ్ ఎలిమెంట్ లైబ్రరీలు మరియు వందలాది ఉచిత ఐకాన్ సెట్లు ఉన్నాయి. మీ డిజైన్లు WCAG ప్రమాణాలకు అనుగుణంగా ఉండేలా UXPin ప్రాప్యత లక్షణాలను కలిగి ఉంది, ఇది మేము అభినందిస్తున్నాము.
మీరు మీ మొదటి నమూనాను UXPin లో ఉచితంగా సృష్టించవచ్చు మరియు మీకు సరిపోతే మీరు చెల్లించిన నెలవారీ సభ్యత్వానికి మారవచ్చు (జట్టు సభ్యత్వాలు అందుబాటులో ఉన్నాయి). UXPin స్కెచ్తో గొప్ప ఏకీకరణను కలిగి ఉంది, కాబట్టి మీరు స్కెచ్ అభిమాని అయితే దాని ప్రోటోటైపింగ్ సామర్థ్యాలను పరిమితం చేసేటట్లు చూస్తే అది మీ వర్క్ఫ్లో ప్రవేశపెట్టవచ్చు.
08. ప్రోటో.యో
డైనమిక్ డేటా అవసరమయ్యే సంక్లిష్ట ప్రాజెక్టులకు యాక్చర్ ఎల్లప్పుడూ మార్కెట్లోని ఉత్తమ వైర్ఫ్రేమింగ్ సాధనాల్లో ఒకటి. అక్షంతో, మీరు నిజంగా సాంకేతికంగా ఉన్న ప్రాజెక్టులను ఎగతాళి చేయడంపై దృష్టి పెట్టవచ్చు మరియు నిర్మాణం మరియు డేటాపై కీలక శ్రద్ధ అవసరం.
మీ డిజైన్లకు సరిపోయే తుది ఉత్పత్తిని రూపొందించడానికి డెవలపర్లకు సహాయపడే సంపూర్ణ స్పెసిఫికేషన్ల సృష్టిని యాక్చర్ యొక్క హ్యాండ్-ఆఫ్ ప్రాసెస్ కలిగి ఉంటుంది.
15. జస్టిన్ మైండ్
జస్టిన్మైండ్ ప్రోటోటైపింగ్కు సహాయం చేస్తుంది మరియు స్కెచ్ మరియు ఫోటోషాప్ వంటి ఇతర సాధనాలతో కలిసిపోతుంది. మీ నమూనాను సమీకరించడంలో సహాయపడటానికి మీరు మీ పరస్పర చర్యలను మరియు సంజ్ఞలను ఎంచుకోవచ్చు. ఇది UI కిట్లను కూడా కలిగి ఉంది, కాబట్టి మీరు స్క్రీన్లను త్వరగా కలపవచ్చు మరియు ఇది కూడా ప్రతిస్పందిస్తుంది.
16. ద్రవం
ద్రవం అనేది వేగవంతమైన ప్రోటోటైప్లను రూపొందించడానికి మరియు డిజైన్లను రూపొందించడానికి సరళమైన మరియు స్పష్టమైన సాధనం. మీరు వేగవంతమైన ప్రోటోటైప్లతో వెళ్లడానికి ఇది కొన్ని మంచి వెలుపల ఆస్తులను ప్యాక్ చేస్తుంది. మీరు అప్గ్రేడ్ చేసిన తర్వాత, మీ స్వంత చిహ్నాలను మీ స్వంత ఇష్టపడే UI ఆస్తులతో సమీకరించడం చాలా సులభం. ఈ సాధనం చాలా వేగంగా UI డిజైన్ను అందిస్తుంది, అధిక మరియు తక్కువ విశ్వసనీయ ప్రోటోటైప్లకు ఆస్తులు అందుబాటులో ఉన్నాయి.
17. ఫ్రేమర్
ఫ్రేమర్ అనేది ఒక ప్రోటోటైపింగ్ వ్యవస్థ, ఇది మీ బృందంలో కమ్యూనికేషన్ మరియు సహకారాన్ని మెరుగుపరుస్తుంది, ముఖ్యంగా డిజైనర్లు మరియు డెవలపర్ల మధ్య. ఇది డిజైన్ సిస్టమ్స్ను దృష్టిలో ఉంచుకుని నిర్మించబడింది మరియు అనుసరించడానికి సులభమైన మరియు స్వయంచాలకంగా నవీకరించే డాక్యుమెంటేషన్ను రూపొందించడానికి మీ కోడ్తో అనుసంధానిస్తుంది. ప్రతి ఒక్కరినీ ఒకే పేజీలో మరియు తాజాగా ఉంచడం ఒక ప్రధాన విధి - కాబట్టి మీ కోడ్ నవీకరించినప్పుడు, మీ రూపకల్పన కూడా అలానే ఉంటుంది.
డిజైన్ ఫ్రేమ్వర్క్లు మరియు లైబ్రరీలు
18. బూట్స్ట్రాప్
బూట్స్ట్రాప్ ఖచ్చితంగా క్రొత్త సాధనం కాదు, కానీ ఇది అభివృద్ధిలో విప్లవాత్మక మార్పులు చేసింది మరియు వెబ్లో మేము అంశాలను ఎలా నిర్మించాలో ఆకృతి చేస్తూనే ఉంది. ఒక నిర్దిష్ట బ్రేక్ పాయింట్ వరకు ద్రవంగా ఉండే ప్రతిస్పందించే కంటైనర్లు మరియు బ్రేక్ పాయింట్లలోని నిలువు వరుసల సంఖ్యను సమర్ధవంతంగా పేర్కొనడానికి ప్రతిస్పందించే .row-cols తరగతులు ఉన్నాయి.
బూట్స్ట్రాప్ దాని స్వంత ఓపెన్ సోర్స్ ఐకాన్ లైబ్రరీ, బూట్స్ట్రాప్ చిహ్నాలను కలిగి ఉంది, ఇది బూట్స్ట్రాప్ భాగాలతో పనిచేయడానికి రూపొందించబడింది.
మా గైడ్లో ఉత్తమ ఉచిత బూట్స్ట్రాప్ థీమ్లను కనుగొనండి.
19. ప్రారంభ 4
మీరు బూట్స్ట్రాప్ను ఇష్టపడితే, ముడిసరుకులో మునిగిపోకూడదనుకుంటే, స్టార్టప్ 4 సులభమైన మార్గం; ఇది 12-కాలమ్ గ్రిడ్తో బూట్స్ట్రాప్ 4 ఆధారంగా వెబ్సైట్లను నిర్మించడానికి అంతర్నిర్మిత టెంప్లేట్లు మరియు థీమ్లతో కూడిన ఆన్లైన్ అనువర్తనం. డ్రాగ్-అండ్-డ్రాప్ ఇంటర్ఫేస్ను ఉపయోగించి కోడ్ రాయకుండా మీరు మీ సైట్ను నిర్మించవచ్చు, కాని విషయాలు పూర్తి చేయడానికి మీకు HTML మరియు CSS గురించి కొంత జ్ఞానం అవసరం.
20. Vue.js
Vue.js అనేది వినియోగదారు ఇంటర్ఫేస్లను నిర్మించడానికి ఒక ఫ్రేమ్వర్క్, మరియు వర్చువల్ DOM ని ఉపయోగిస్తుంది. పేరు సూచించినట్లుగా, Vue యొక్క ప్రధాన లైబ్రరీ వీక్షణ పొరపై కేంద్రీకృతమై ఉంది.
వినియోగదారు ఇన్పుట్ను ఉపయోగించుకునే మరియు లైబ్రరీ యొక్క చక్కదనాన్ని ప్రదర్శించే Vue యొక్క డాక్స్ నుండి తీసిన కోడ్ ఉదాహరణ చూడండి. మేము HTML తో ప్రారంభిస్తాము:
div id = "example"> p> {{message}} / p> బటన్ v-on: క్లిక్ = "రివర్స్ మెసేజ్"> రివర్స్ మెసేజ్ / బటన్> / div>
అని పిలిచే కస్టమ్ వి-ఆన్ హ్యాండ్లర్ను గమనించండి రివర్స్ మెసేజ్ పద్ధతి.జావాస్క్రిప్ట్ ఇక్కడ ఉంది:
var myApp = క్రొత్త Vue ({el: '# ఉదాహరణ', డేటా: {సందేశం: 'హలో Vue.js!'}, పద్ధతులు: {రివర్స్ మెసేజ్: ఫంక్షన్ () {this.message = this.message.split ('') . రివర్స్ (). చేరండి ('')}}});
ఈ ఉదాహరణ పేరాతో డేటాతో నిండి ఉంది మరియు నిర్వచిస్తుంది రివర్స్ మెసేజ్ పద్ధతి. సంక్లిష్టమైన లైబ్రరీలతో తక్కువ అనుభవం ఉన్నవారికి Vue చాలా బాగుంది, కానీ సంక్లిష్టమైన సింగిల్-పేజీ వెబ్ అనువర్తనాల అభివృద్ధికి సహాయపడటానికి అనేక ప్లగిన్లను కలిగి ఉంది.
21. సరళి ప్రయోగశాల
సరళి ల్యాబ్ అనేది డేవ్ ఓసెన్ మరియు బ్రాడ్ ఫ్రాస్ట్ చేత సృష్టించబడిన అందమైన నమూనాతో నడిచే డిజైన్ సాధనం. ఇది అటామిక్ డిజైన్ అనే భావనపై ఆధారపడింది, ఇది మీరు మీ డిజైన్ను దాని చిన్న భాగాలుగా - అణువులుగా విభజించి, వాటిని కలిపి పెద్ద, పునర్వినియోగ భాగాలు - అణువులు మరియు జీవులను ఏర్పరుచుకోవాలి - తరువాత వాటిని ఉపయోగించగల టెంప్లేట్లుగా మార్చవచ్చు.
దాని ప్రధాన భాగంలో ఇది UI భాగాలను కలిపి ఉంచే స్టాటిక్ సైట్ జనరేటర్ అయినప్పటికీ, దాని కంటే ప్యాటర్న్ ల్యాబ్కు చాలా ఎక్కువ ఉన్నాయి. ఇది భాష మరియు సాధనం-అజ్ఞేయవాది; ఇది ఒకదానికొకటి గూడు UI నమూనాలను మరియు డైనమిక్ డేటాతో రూపకల్పన చేయడానికి మిమ్మల్ని అనుమతిస్తుంది; ఇది మీ డిజైన్ సిస్టమ్ పూర్తిగా ప్రతిస్పందిస్తుందని నిర్ధారించడంలో మీకు సహాయపడటానికి పరికర-అజ్ఞేయ వీక్షణపోర్ట్ పున izing పరిమాణం సాధనాలను కలిగి ఉంటుంది; మరియు ఇది పూర్తిగా విస్తరించదగినది కాబట్టి మీ అవసరాలను తీర్చడానికి ఇది విస్తరిస్తుందని మీరు అనుకోవచ్చు.
22. మెటీరియల్ డిజైన్
మెటీరియల్ డిజైన్ అనేది గూగుల్ నుండి వచ్చిన దృశ్య భాష, ఇది మీ వెబ్సైట్ యొక్క సమన్వయ మరియు సౌకర్యవంతమైన పునాదిని సృష్టించడానికి సాంకేతికత మరియు విజ్ఞాన శాస్త్రంలో నూతన ఆవిష్కరణలతో మంచి డిజైన్ యొక్క క్లాసిక్ సూత్రాలను మిళితం చేయడమే.
మెటీరియల్ డిజైన్ ఫ్రేమ్వర్క్ను ఉపయోగించి సృష్టించబడిన వెబ్సైట్లు మరియు అనువర్తనాలు ఆధునికంగా కనిపిస్తాయి మరియు వినియోగదారుకు సుపరిచితంగా ఉంటాయి, కాబట్టి ప్రజలు మీ ఉత్పత్తిని వెంటనే ఉపయోగించడం సులభం అవుతుంది. ఈ రూపకల్పన వ్యవస్థకు సహాయపడటానికి అనేక సాధనాలు అందుబాటులో ఉన్నాయి; వాటిని కనుగొనడానికి nav బార్లోని వనరులను క్లిక్ చేయండి.
తదుపరి పేజీ: ఏదైనా సమస్యను పరిష్కరించడానికి ప్రత్యేకమైన వెబ్ డిజైన్ సాధనాలు