లేఅవుట్ డిజైన్‌ను ఎలా మాస్టర్ చేయాలి

విజువల్ డిజైన్ యొక్క ప్రాథమికాలను తెలుసుకోవడానికి పూర్తి గైడ్.

మిలియన్-డాలర్ ప్రశ్న: మంచి డిజైన్‌కి రహస్యం ఏమిటి?

మేము దీని గురించి తాత్వికంగా వెళ్లవచ్చు. , కానీ సాధారణంగా చెప్పాలంటే, మంచి డిజైన్‌కి సంబంధించిన సామెత 'రహస్యం' మీరు మీ దృశ్యమాన అంశాలను మీ కాన్వాస్‌కు సంబంధించి మరియు ఒకదానితో ఒకటి నిర్వహించే విధానంలో ఉంటుంది. ప్రాథమికంగా, మేము ఇప్పుడే లేఅవుట్ డిజైన్‌ను వివరించాము. మీరు దాని గురించి ఆలోచించినప్పుడు, మీరు ఎక్కడ చూసినా ఇది కనిపిస్తుంది.

ఉదాహరణకు మ్యాగజైన్ లేఅవుట్ తీసుకోండి. వారి డిజైన్ క్లాసిక్ గ్రిడ్ సిస్టమ్‌ను అనుసరిస్తుంది (మేము ఒక నిమిషంలో గ్రిడ్‌ల గురించి అన్నింటినీ నేర్చుకోబోతున్నాము). ప్రతిదీ సాధారణంగా ఎడమ, కుడి మరియు దిగువన సమలేఖనం చేయబడుతుంది. నిలువు వరుసలు ప్రత్యేకించి ప్రత్యేకమైన సమలేఖనాన్ని కలిగి ఉంటాయి, ఇది పేజీని దృశ్యమానంగా ఆకర్షణీయంగా ఉండటమే కాకుండా చదవడానికి సులభంగా మరియు అధికారికంగా కూడా చేస్తుంది. పెద్ద హెడ్డింగ్‌లు వీక్షకుల దృష్టిని ఆకర్షిస్తాయి, అయితే ఉపశీర్షిక అనేది సమాచారం యొక్క దృశ్యమాన సోపానక్రమాన్ని సృష్టించడానికి పరిమాణంలో విరుద్ధంగా వస్తుంది.

లిండా గామ్, బెహన్స్

ఈ లక్షణాలన్నీ పేజీని తయారు చేస్తాయి శుభ్రంగా, నిర్మాణాత్మకంగా మరియు సులభంగా చదవగలిగేలా డిజైన్ చేయండి మరియు మేము తదుపరి మాట్లాడబోయే చిట్కాలకు అనుగుణంగా ఉంటాయి. అయితే ముందుగా, లేఅవుట్ డిజైన్ గురించి మరింత తెలుసుకుందాం.

లేఅవుట్ డిజైన్ అంటే ఏమిటి?

లేఅవుట్ డిజైన్ పాఠకుల దృష్టిని ఆకర్షించడానికి మరియు దృశ్యమానంగా ఆకట్టుకునే విధంగా నిర్దిష్ట సందేశాన్ని అందించడానికి గ్రాఫికల్ మూలకాల అమరికకు సంబంధించినది. .

కాబట్టి మేము మాట్లాడటం లేదువిశ్రాంతి స్థలం, ఇతర అంశాలు దిశను అందిస్తాయి.

దీనిని అర్థం చేసుకోవడానికి ఒక సులభమైన మార్గం, ఉదాహరణకు మా వెబ్‌సైట్ యొక్క ఉదాహరణను తీసుకోవడం. గ్రాఫిక్స్ టెక్స్ట్ నుండి స్పష్టంగా వేరు చేయబడ్డాయి మరియు చర్యకు కాల్‌లు కూడా అలాగే ఉంటాయి, కాబట్టి వీక్షకుల దృష్టి ఒక సమూహ సమాచారం నుండి మరొకదానికి నావిగేట్ చేయబడుతుంది.

సూత్రం #5. కాంట్రాస్ట్‌ని ఉపయోగించండి

మీ డిజైన్‌లో మీకు తగినంత కాంట్రాస్ట్ ఉందని నిర్ధారించుకోండి.

కాంట్రాస్ట్ మీ డిజైన్‌ను నిర్వహించడానికి సహాయపడుతుంది మరియు చాలా అవసరమైన సోపానక్రమాన్ని ఏర్పాటు చేస్తుంది మరియు ముఖ్యమైన వాటిపై దృష్టి పెడుతుంది.

అంతేకాకుండా, కాంట్రాస్ట్‌ని చక్కగా ఉపయోగించడం వల్ల మీ డిజైన్ అంతటా దృశ్యమాన ఆసక్తిని కూడా జోడిస్తుంది. దీనిని ఎదుర్కొందాం, ప్రతిదీ ఒకే పరిమాణం, ఆకారం లేదా రంగులో ఉండే లేఅవుట్ బోరింగ్‌గా కనిపిస్తుంది. కాంట్రాస్ట్ సుగంధాలను మెరుగుపరుస్తుంది.

మీ మొదటి ఆలోచన రంగు కాంట్రాస్ట్ కావచ్చు, ఉదాహరణకు వెచ్చగా మరియు చల్లగా, ముదురు మరియు కాంతి, నీలం మరియు నారింజ. అయితే రంగు అనేది కాంట్రాస్ట్ యొక్క అత్యంత ముఖ్యమైన సూత్రం అయితే, రకం, అమరిక మరియు పరిమాణం యొక్క వైరుధ్యాలు కూడా ఉన్నాయి. మరియు గుర్తుంచుకోండి, కాంట్రాస్ట్ కూడా సాపేక్షమైనది. ఇది ఇతర మూలకాలతో సంక్షిప్తంగా మాత్రమే అర్థాన్ని కలిగి ఉంటుంది.

ఈ నియమాన్ని తెలివిగా మరియు అందమైన రీతిలో ఉపయోగించే లేఅవుట్‌ల యొక్క కొన్ని ఉదాహరణలు ఇక్కడ ఉన్నాయి. టైపోగ్రఫీ, రంగు మరియు మూలకాల మధ్య పరిమాణంలోని వ్యత్యాసాన్ని కూడా గమనించండి.

మూలం: IAG సయోధ్య కార్యాచరణ ప్రణాళిక

సూత్రం #6. పునరావృతం, సరళి, లయ

మనం పునరావృతం గురించి ఆలోచించినప్పుడు, మనం ఆలోచిస్తాముపదే పదే ఒకే మూలకం.

కానీ ఇది డిజైన్‌లో భిన్నంగా ఉంటుంది. ఇది ఖచ్చితంగా అంత బోరింగ్ కాదు. సరిగ్గా ఉపయోగించినప్పుడు, పునరావృతం వాస్తవానికి మీ డిజైన్‌ను శక్తివంతం చేస్తుంది.

మీ లేఅవుట్‌లో ఒక మూలాంశాన్ని గుర్తించి, మళ్లీ ఉపయోగించేందుకు ప్రయత్నించండి, తద్వారా వివిధ ప్రాంతాలు కనెక్ట్ అయినట్లు మరియు అదే కూర్పులో భాగమైనట్లు అనిపిస్తుంది. ఇది మీ డిజైన్‌కు థీమ్‌ని కలిగి ఉండటానికి సహాయపడుతుంది. మూలకాలను పునరావృతం చేయడం ద్వారా, మీరు మీ ప్రేక్షకుల అంచనాలకు అనుగుణంగా అందించడమే కాకుండా, మీరు వినియోగదారు అనుభవాన్ని కూడా మెరుగుపరుస్తారు. స్థిరంగా ఉండటం వలన వినియోగదారులు మరింత సుఖంగా ఉంటారు.

మీరు ఆకారాలు లేదా చిహ్నాలను పునరావృతం చేయడం ద్వారా దీన్ని చేయవచ్చు. లేదా రంగు స్కీమ్, టైప్‌ఫేస్ మరియు సాధారణంగా అదే శైలి.

ఒక పెద్ద కుటుంబంతో టైప్‌ఫేస్‌ని ఉపయోగించడం మంచి అలవాటు. విభిన్న సంఖ్యలో నమూనాలు, లైన్ బరువులు/శైలులు మరియు రంగులను పరిమితం చేయండి మరియు అంతటా పునరావృతం చేయండి. అలాగే, చిత్రాలు మరియు గ్రాఫిక్స్ శైలిని ఒకే విధంగా ఉంచడానికి ప్రయత్నించండి. ఉదాహరణకు, అదే కళాకారుడి దృష్టాంతాలను ఉపయోగించండి.

మూలం: Thepentool.co

అంతే. ఈ ఆరు సూత్రాలు మీ డిజైన్‌ను నిర్వహించడానికి మరియు క్లీనర్, మరింత ప్రొఫెషనల్ మరియు బ్యాలెన్స్‌డ్ లేఅవుట్‌ను సాధించడంలో మీకు సహాయపడతాయి.

ఇది కూడ చూడు: గ్రాఫిక్ డిజైన్ రెజ్యూమ్ చిట్కాలు మరియు ఉదాహరణలు

కానీ మీ ప్రయాణం ఇక్కడితో ముగియదు. గ్రాఫిక్ డిజైన్ అనేది ఖచ్చితమైన శాస్త్రం కాదు మరియు ఇది చిట్కాలు మరియు సూత్రాలకు పరిమితం కాకూడదు. సృష్టిలోని అన్ని రంగాలలో నిజం ఉన్నట్లుగా, కఠినమైన నియమం లేదు. సూక్ష్మమైన మార్గాల్లో ఈ చిట్కాల నుండి బయటపడటం లోతు మరియు వైవిధ్యాన్ని జోడిస్తుందిమీ డిజైన్‌లు.

అయినప్పటికీ, అవి గొప్ప ప్రారంభ స్థానం మరియు వాటిని ఒకసారి ప్రయత్నించమని మేము మిమ్మల్ని ప్రోత్సహిస్తున్నాము. మరియు అవి ఎలా పనిచేశాయో మాకు తెలియజేయండి!

ప్రారంభించడానికి వెక్టార్నేటర్‌ని డౌన్‌లోడ్ చేయండి

మీ డిజైన్‌లను తదుపరి స్థాయికి తీసుకెళ్లండి.

ఇది కూడ చూడు: డ్రాప్ షాడో: ది ఇలస్ట్రేటర్ ఇన్-డెప్త్ గైడ్ ఫైల్‌ని డౌన్‌లోడ్ చేయండి ఇక్కడ లోగో డిజైన్ గురించి. కానీ వార్తాపత్రికలు, మ్యాగజైన్‌లు, పోస్టర్‌లు మరియు వాటి డిజిటల్ కౌంటర్‌పార్ట్‌లు, అలాగే వెబ్, యాప్ లేదా UX/UI డిజైన్ వంటి ప్రింట్ మెటీరియల్ డిజైన్.

‘లేఅవుట్’ అనే పదం మనకు చాలా సూచనలను ఇస్తుంది. ఇది పేజీలో ముందుగా నిర్ణయించిన మూలకాల అమరిక అని అర్థం.

లేఅవుట్ ప్రభావవంతంగా ఉన్నప్పుడు, అది బాగా కనిపిస్తుంది మరియు డిజైన్ తెలియజేయడానికి ప్రయత్నిస్తున్న సందేశాన్ని అర్థం చేసుకోవడానికి వీక్షకుడికి ఇది మార్గనిర్దేశం చేస్తుంది. అందువల్ల ఆకర్షణీయమైన, ప్రభావవంతమైన, వినియోగదారు-స్నేహపూర్వక మరియు ఆహ్లాదకరమైన కూర్పులను రూపొందించడంలో లేఅవుట్‌ను అర్థం చేసుకోవడం కీలకం.

ఒక లేఅవుట్ దాని సందేశాన్ని ప్రేక్షకులకు చక్కగా అందించకపోతే లేదా మరో మాటలో చెప్పాలంటే, అది "బాగా చదవదు. ", డిజైన్ ఎంత ట్రెండీగా కనిపించినా అసమర్థంగా ఉంటుంది. లేఅవుట్ డిజైన్ రంగంలో, కంటెంట్ ట్రెండ్‌లు మరియు జిమ్మిక్కులను అధిగమిస్తుంది.

లేఅవుట్ డిజైన్ యొక్క ఉద్దేశ్యం

ఒక సందేశాన్ని వేగంగా తెలియజేయడానికి

ఇది కీలకం. లేఅవుట్ డిజైన్ గరిష్ట ప్రభావం మరియు ప్రభావం కోసం కంటి కదలిక యొక్క మృదువైన ప్రవాహాన్ని సాధించడానికి గ్రాఫిక్ ఆస్తుల మధ్య సంబంధాన్ని ఏర్పరుస్తుంది.

సమతుల్యతను సృష్టించడానికి

లేఅవుట్ డిజైన్ సూత్రాలను ఉపయోగించడం అనేది సృష్టించడానికి అత్యంత సరళమైన మార్గం. మీ డిజైన్ ప్రాజెక్ట్‌లలో విసుగు చెందకుండా సంతులనం మరియు సమరూపత.

సమగ్రతను సృష్టించడానికి

లేఅవుట్ మీ డిజైన్‌లోని అనేక అంశాలను సులభంగా జీర్ణమయ్యే, పొందికైన మరియు తార్కిక పద్ధతిలో అమర్చడంలో మీకు సహాయపడుతుంది.

అందాన్ని సృష్టించడానికి

సమతుల్యత మరియు నిర్మాణం సహజంగా అందాన్ని సృష్టిస్తాయి.మీ లేఅవుట్ రూపకల్పన సరిగ్గా జరిగితే, అది స్వయంచాలకంగా వీక్షకులకు ఆకర్షణీయంగా మారుతుంది. ఒక సందేశాన్ని అర్థం చేసుకోవడానికి వీక్షకులు ఎంత తక్కువ ప్రయత్నం చేస్తే, మీ డిజైన్ మరింత ఆకర్షణీయంగా కనిపిస్తుంది.

Frank Philippin తన పుస్తకం 'I Used to Be a Design Student: అప్పుడు - ఇప్పుడు.' మూలం: DesignBoom

లేఅవుట్ డిజైన్ యొక్క ఎలిమెంట్స్

టెక్స్ట్

ఇది కేవలం టెక్స్ట్ బాడీ లేదా పేరాగ్రాఫ్‌లు మాత్రమే కాకుండా హెడ్‌లైన్‌లు, ఉపశీర్షికలు, హెడర్‌లు మరియు ఫుటర్‌లను కూడా కలిగి ఉంటుంది. మీరు ఎంచుకున్న టైపోగ్రఫీ, రంగు మరియు పరిమాణం మీ లేఅవుట్ మీ ప్రేక్షకులకు ఎలా అనువదించబడుతుందనే దానిపై విభిన్న ప్రభావాలను సాధిస్తుంది.

చిత్రం

ఇమేజ్‌లలో అత్యంత సాధారణ రకాలు ఫోటోగ్రాఫ్‌లు, ఇలస్ట్రేషన్‌లు లేదా ఇన్ఫోగ్రాఫిక్స్.

ఆకారాలు

ఆకారాలు రేఖాగణితం కావచ్చు, ఇవి చాలా కోణీయంగా ఉంటాయి లేదా సహజ ప్రపంచాన్ని అనుకరిస్తూ ఆర్గానిక్‌గా ఉండవచ్చు. అవి వియుక్తంగా కూడా ఉండవచ్చు. గత సంవత్సరంలో వియుక్త ఆకారాలు చాలా ట్రెండీగా ఉన్నాయి, ఎందుకంటే వెబ్ డిజైనర్లు వాటిని సంక్లిష్టమైన మరియు విశాలమైన కంపోజిషన్‌లలో చేర్చడాన్ని మేము చూశాము.

ఆకారాలు చిత్రాన్ని భర్తీ చేయగలవు. లేదా వాటిని పేజీకి గ్రాఫిక్ ఎలిమెంట్‌లను జోడించడానికి, టెక్స్ట్‌ను హైలైట్ చేయడానికి లేదా ఇతర విజువల్ ఎలిమెంట్‌ల మధ్య ఖాళీని వివరించడానికి ఉపయోగించవచ్చు.

వైట్ స్పేస్

ఏదైనా లేఅవుట్ డిజైన్‌కి నిర్దిష్ట మొత్తంలో వైట్ స్పేస్ ఉంటుంది. ఇది మీ మూలకాలను ఊపిరి పీల్చుకోవడానికి మరియు వాటి స్వంతదానిపై నిలబడటానికి అనుమతిస్తుంది.

లేఅవుట్ డిజైన్ యొక్క గోల్డెన్ ప్రిన్సిపల్స్

నియమాలను మీరు గమనించవచ్చులేఅవుట్ డిజైన్ డిజైన్ యొక్క చాలా ప్రాథమిక సూత్రాలను అనుసరిస్తుంది. రంగును నిర్దిష్ట మార్గంలో ఉపయోగించడం, టైపోగ్రఫీ, పునరావృతం, కాంట్రాస్ట్, సోపానక్రమం మరియు బ్యాలెన్స్.

సూత్రం #1. గ్రిడ్‌లను ఉపయోగించండి

డిజైనర్‌లు టెక్స్ట్ మరియు ఇమేజ్‌ల వంటి వివిధ డిజైన్ ఎలిమెంట్‌లను పొందికగా మరియు అనుసరించడానికి సులభంగా కనిపించే విధంగా ఉంచడంలో గ్రిడ్‌లు సహాయపడతాయి.

అవి క్రమాన్ని అందిస్తాయి, ఎలిమెంట్స్ ఒకదానికొకటి అధికం కాకుండా ఉంచుతాయి , మరియు ముఖ్యంగా, గ్రిడ్‌లు మీ అమరికను కూడా సరిచేస్తాయి. మీ పనిని శుభ్రంగా మరియు మరింత ప్రొఫెషనల్‌గా భావించేలా చేయడం.

మూలం: hgmlegal.com

గ్రిడ్‌ల అనాటమీ

ఇది కేవలం నిలువు మరియు క్షితిజ సమాంతర రేఖలే అని మీరు అనుకోవచ్చు, కానీ ఒక గ్రిడ్ అనేక భాగాలతో రూపొందించబడింది. అనేక, నిజానికి. ప్రాథమిక గ్రిడ్‌లో మీరు తెలుసుకోవలసిన అత్యంత ముఖ్యమైన పదజాలం ఇక్కడ ఉంది:

• ఫార్మాట్ అనేది మీ తుది డిజైన్ యొక్క పూర్తి ప్రాంతం. కాబట్టి మీరు ప్రింట్ కోసం ఏదైనా డిజైన్ చేస్తే, ఫార్మాట్ పేజీ, మరియు మీరు వెబ్ డిజైనర్ అయితే, ఫార్మాట్ వెబ్ పేజీ లేదా బ్రౌజర్ విండో.
• మార్జిన్‌లు అనేది ఫార్మాట్ మరియు డిజైన్ మధ్య ఉద్దేశపూర్వక ఖాళీ ఖాళీలు.
• ఫ్లోలైన్‌లు అనేది మీ లేఅవుట్‌ను సమాంతర విభాగాలుగా వేరు చేసే క్షితిజ సమాంతర రేఖలు. ఫ్లోలైన్‌లు మీ డిజైన్‌ని చదవడానికి సహాయపడతాయి మరియు కంటెంట్‌ను సరిగ్గా అనుసరించేలా రీడర్‌కు మార్గనిర్దేశం చేస్తాయి.
• మాడ్యూల్స్ అనేది క్షితిజ సమాంతర రేఖలు మరియు నిలువుగా ఏర్పడిన బ్లాక్‌లు.ఏదైనా గ్రిడ్ యొక్క ఫ్లోలైన్లు. మీరు దాని గురించి ఆలోచిస్తే, అవి ఏదైనా గ్రిడ్‌కు బిల్డింగ్ బ్లాక్‌లు. మీ అన్ని నిలువు మాడ్యూల్‌లు మీ నిలువు వరుసలను సృష్టిస్తాయి, అయితే మీ అన్ని క్షితిజ సమాంతర గ్రిడ్‌లు మీ అడ్డు వరుసలను సృష్టిస్తాయి.
• ప్రాంతాలు అనేవి నిలువుగా లేదా అడ్డంగా కనెక్ట్ చేయబడిన మాడ్యూల్‌ల సమూహాలు. మీరు వీటిని ఎలా నిర్వహించాలని నిర్ణయించుకుంటారు అనేదానికి ఎలాంటి నియమాలు లేవు.

మూలం: రాడ్‌వర్సిటీ

గ్రిడ్‌ల రకాలు

లేఅవుట్ గ్రిడ్‌లు ఏర్పాటు చేయడానికి మొదట ఉపయోగించబడ్డాయి కాగితంపై చేతివ్రాత.

అవి 13వ శతాబ్దం నాటివి, ఫ్రెంచ్ కళాకారుడు విల్లార్డ్ డి గ్రిడ్ సిస్టమ్‌ను గోల్డెన్ రేషియోతో విలీనం చేసి మార్జిన్‌లతో ముద్రించిన పేజీ లేఅవుట్‌లను రూపొందించారు. ముద్రిత పుస్తకాలు మరియు మ్యాగజైన్ లేఅవుట్‌లు మెజారిటీ రుజువు చేసినట్లు మీరు ఈ రోజు వరకు ఈ గ్రిడ్ వ్యవస్థను చూడవచ్చు. ప్రచురణకర్తలు, సంపాదకులు మరియు రూపకర్తలు ప్రామాణిక గ్రిడ్‌లను ఉపయోగించేందుకు ఇష్టపడతారు ఎందుకంటే అవి అందంగా కనిపించడం వల్ల మాత్రమే కాకుండా, నిర్దిష్ట డిజైన్ అంశాలు నిర్దిష్ట ప్రదేశంలో ఉండాలని పాఠకులు ఆశించారు.

గ్రిడ్‌లను రెండు విధాలుగా రూపొందించవచ్చు: సిమెట్రిక్ లేదా అసమాన. సిమెట్రిక్ గ్రిడ్‌లు మధ్యరేఖను అనుసరిస్తాయి, ఇక్కడ నిలువు మరియు క్షితిజ సమాంతర ప్రాంతాలు ఒకదానికొకటి సమానంగా ఉంటాయి; మరియు నిలువు వరుసలు ఒకే వెడల్పును కలిగి ఉంటాయి.

అసమాన గ్రిడ్ లో, పేరు సూచించినట్లుగా, అంచులు మరియు నిలువు వరుసలు అన్నీ ఒకేలా ఉండవు.

ఈ వర్గీకరణ ఆధారంగా ప్రపంచవ్యాప్తంగా ఐదు ప్రధాన రకాల లేఅవుట్ గ్రిడ్‌లు ఉపయోగించబడుతున్నాయి, వీటిని మీరు ఆధారపడవచ్చు:

మాన్యుస్క్రిప్ట్గ్రిడ్‌లు అనేది డాక్యుమెంట్‌ల కోసం అత్యంత సాధారణ గ్రిడ్. అవి హెడర్, ఫుటర్ మరియు మార్జిన్‌లను వేరు చేస్తాయి మరియు ప్రాథమికంగా మీ వచనానికి సరిహద్దులను అందించే ఫార్మాట్ (లేదా పేజీ) లోపల దీర్ఘచతురస్రాన్ని సృష్టిస్తాయి. అవి పత్రికలు, వార్తాపత్రికలు మరియు పుస్తకాలకు ఆధారం. కనుక ఇది బహుశా మీకు బాగా తెలిసిన లేఅవుట్ కావచ్చు.

మూలం: UXplanet

మూలం: Radversity

కాలమ్ గ్రిడ్‌లు<మ్యాగజైన్ ప్రచురణలో 16> మరొక ఇష్టమైనవి. సాధారణ మ్యాగజైన్ లేఅవుట్ వచనాన్ని సులభంగా చదవగలిగే విభాగాలుగా విభజించడానికి కాలమ్ గ్రిడ్‌లను ఉపయోగిస్తుంది. కానీ అవి వెబ్‌సైట్‌లకు కూడా బాగా ప్రాచుర్యం పొందాయి. మీరు రెండు నుండి ఆరు గ్రిడ్ల వరకు ఏదైనా ఉపయోగించవచ్చు. మరింత సాధ్యమే, ఇంకా సాధారణం కాదు. కాలమ్ గ్రిడ్‌ల గురించి చాలా ముఖ్యమైన విషయం ఏమిటంటే, నిలువు వరుసలు లేదా గట్టర్‌ల మధ్య అంతరం ఒకదానికొకటి సమానంగా ఉంటుంది.

వార్తాపత్రికల ద్వారా సుష్ట కాలమ్ గ్రిడ్‌లు ఉపయోగించబడతాయి, ఉదాహరణకు, వెబ్ డిజైన్‌లో అసమాన కాలమ్ గ్రిడ్‌కు ప్రాధాన్యత ఇవ్వబడుతుంది. .

మూలం: UX ప్లానెట్

మూలం: రాడ్‌వర్సిటీ

మాడ్యులర్ గ్రిడ్‌లు కాలమ్ గ్రిడ్‌ని పోలి ఉంటాయి, కానీ అవి క్షితిజ సమాంతర ప్రవాహరేఖలకు కూడా కారణమవుతాయి. మీరు మీ లేఅవుట్‌లో వివిధ ఎలిమెంట్‌లను ఆర్గనైజ్ చేయాల్సి వచ్చినప్పుడు ఈ రకమైన గ్రిడ్ అవసరం మరియు నిలువు గ్రిడ్‌లు సరిపోవు.

మాడ్యులర్ గ్రిడ్‌లు సమాన పరిమాణ మాడ్యూల్‌లను కలిగి ఉంటాయి, ఇది మీ ప్రాదేశిక జోన్‌లను వివిధ మార్గాల్లో దృశ్యమానం చేయడం చాలా సులభం చేస్తుంది.

మూలం: UXప్లానెట్

మూలం: రాడ్‌వర్సిటీ

బేస్‌లైన్ గ్రిడ్‌లు టెక్స్ట్-ఆధారిత కంపోజిషన్‌లకు అద్భుతమైనవి. బేస్‌లైన్ అనేది మీరు టైప్ చేసినప్పుడు టెక్స్ట్ ఉండే లైన్, మరియు లీడింగ్ అనేది రెండు బేస్‌లైన్‌ల మధ్య అంతరం. మీ శీర్షిక లేదా ఉపశీర్షికలు ఎంత పెద్దవిగా ఉండాలని ఆలోచిస్తున్నారా?

బేస్‌లైన్ గ్రిడ్‌లు మీ వచనానికి ప్రవహించే లయను అందించడంలో సహాయపడతాయి.

మూలం: UX ప్లానెట్

మూలం: ఫ్రాగారియా

క్రమానుగత గ్రిడ్‌లు వాటి అన్నింటి కంటే తక్కువగా గ్రిడ్‌గా కనిపిస్తాయి ప్రతిరూపాలు. అయినప్పటికీ, డిజైన్ ఎలిమెంట్‌లను వాటి ప్రాముఖ్యత క్రమంలో నిర్వహించేటప్పుడు అవి చాలా ఉపయోగకరంగా ఉంటాయి. క్రమానుగత గ్రిడ్‌లు మాడ్యులర్ గ్రిడ్‌లపై ఆధారపడి ఉంటాయి లేదా మీరు మీ స్వంతంగా కూడా సృష్టించుకోవచ్చు. వెబ్‌సైట్‌లు ఈ గ్రిడ్‌ను ఎక్కువగా ఉపయోగిస్తాయి, ప్రత్యేకించి డిజిటల్ మ్యాగజైన్‌లు మరియు వార్తాపత్రికలు డిజిటల్‌గా మారడంలో కాలమ్ గ్రిడ్‌ల కంటే క్రమానుగత గ్రిడ్‌లపై ఎక్కువగా ఆధారపడతాయి.

మూలం: UX ప్లేన్

సూత్రం #2. ప్రతికూల స్థలాన్ని ఉపయోగించండి

శూన్యత, నిశ్శబ్దం లేదా రంగు లేకపోవడం చెడ్డ విషయం అని మేము తరచుగా అనుకుంటాము. కానీ అవి కాంట్రాస్ట్‌కి ఎలా గట్టి పునాది అని మేము పరిగణించము.

వైట్ స్పేస్ అని కూడా పిలుస్తారు, మీ డిజైన్‌లో అసలు ఎలిమెంట్స్ లేని ప్రాంతాన్ని నెగటివ్ స్పేస్ అంటారు. ఇది ఖాళీగా ఉన్న ప్రాంతం. ఇది మీ ఆస్తులను చుట్టుముట్టడమే కాదు, వాటి మధ్య అవసరమైన బంధాలను కూడా సృష్టిస్తుంది. దాని కారణంగా, ప్రతికూల స్థలం సరైన డిజైన్ మూలకం మరియు మీ లేఅవుట్ ఎంత ప్రభావవంతంగా ఉంటుందనే దానిపై భారీ ప్రభావం చూపుతుందిడిజైన్ ఉంది.

మంచి మరియు చెడు ప్రతికూల స్థలం

ప్రతికూల స్థలం మీ డిజైన్‌లోని వివిధ ప్రాంతాలను వేరు చేయడంలో సహాయపడుతుంది, అదే సమయంలో మీ లేఅవుట్‌ను శ్వాసించడానికి కూడా అనుమతిస్తుంది. ఇది దృశ్య సోపానక్రమం మరియు విజువల్ బ్యాలెన్స్‌తో సహాయపడుతుంది; ఇది ప్రధాన అంశాలపై వినియోగదారు దృష్టిని సెట్ చేస్తుంది; ఇది పరధ్యాన స్థాయిని తగ్గిస్తుంది; మరియు చివరగా, ఇది మీ డిజైన్‌కు శైలి మరియు చక్కదనాన్ని జోడిస్తుంది.

అనుభవం లేని డిజైనర్లు తమ కాన్వాస్‌ను వీలైనంత ఎక్కువ పూరించే ధోరణిని కలిగి ఉండవచ్చు, టెక్స్ట్‌ని స్కేల్ చేయడం లేదా లోగో లేదా ఇమేజ్‌ని పేల్చివేయడం ద్వారా. కానీ మీ ఎలిమెంట్స్ గదిని అందించడం వలన వీక్షకుడు నిర్దిష్ట సమాచార సూచనలను వేగంగా మరియు మరింత సౌకర్యవంతంగా ఎంచుకోవడానికి అనుమతిస్తుంది.

మీ వీక్షకుడి దృష్టి కోసం ప్రతిదీ అరుస్తుంటే, ఏమీ వినబడదు.

– ఆరోన్ వాల్టర్, 'డిజైన్ emotion'

మాడ్యులర్ గ్రిడ్‌ని ఉపయోగించడం ద్వారా మీ ప్రతికూల స్థలాన్ని గుర్తించడానికి సులభమైన మార్గం. దానిని మీ డిజైన్ పైన ఉంచడం ద్వారా, మీరు ఏ మాడ్యూల్స్ ఖాళీగా ఉండవచ్చో మరియు ఏవి పూరించాలో సులభంగా ఊహించుకోవచ్చు.

Brunswicker ద్వారా డిజైనర్, మూలం: Codesignmag.com

సూత్రం # 3. ఒకే ఫోకల్ పాయింట్‌ని ఎంచుకోండి

లోగోను పెద్దదిగా చేయమని క్లయింట్ ఎప్పుడైనా మిమ్మల్ని అడిగారా? ఆపై హెడ్‌లైన్‌ను మరింత పెద్దదిగా చేయాలా?

మీరు అన్నింటిని నొక్కి చెప్పలేరు. ఇది మంచి డిజైన్ పాయింట్‌ను ఓడిస్తుంది. సమయం వలె, దృష్టి సాపేక్షమైనది. ఒక మూలకం నిలబడాలంటే, మరొకటి నేపథ్యంగా పనిచేయాలి. మీ డిజైన్‌ను ప్రదర్శించడానికి కొన్ని అంశాలు ఇతరులపై ఆధిపత్యం వహించాలిఒక విజువల్ సోపానక్రమం.

డిజైన్‌లోని ఫోకల్ పాయింట్ అనేది అత్యధిక దృశ్యమాన బరువు కలిగిన ఒక మూలకం. ఇది మీ లేఅవుట్‌లోని అన్నింటి కంటే ముందుగా కంటిని ఆకర్షించే మూలకం.

మీ డిజైన్‌లో వారి వీక్షణ ప్రయాణం ఎక్కడ ప్రారంభమవుతుందో మీ ప్రేక్షకులకు కేంద్ర బిందువు తెలియజేస్తుంది. కాబట్టి ఇది మీరు చెబుతున్న కథకు నాంది.

ఇది సాధారణంగా పెద్ద ఇమేజ్ లేదా పెద్ద టైపోగ్రఫీని ఉపయోగించడం ద్వారా సాధించవచ్చు. దిగువ కేంద్ర బిందువు ఎంత ప్రభావవంతంగా ఉందో గమనించండి

బ్లూమ్‌బెర్గ్ బిజినెస్‌వీక్ కోసం బ్రౌలియో అమాడో రూపొందించారు, మూలం: ఇది చాలా బాగుంది

కానీ ఒక ఫోకల్ పాయింట్ మీ ప్రేక్షకుల దృష్టిని ఆకర్షిస్తుంది, తదుపరి నియమం దానికి మార్గనిర్దేశం చేయడంలో సహాయపడుతుంది.

సూత్రం #4. సామీప్యత మరియు ప్రవాహం గురించి ఆలోచించండి

సామీప్యత సూత్రం సులభం. ఒకదానికొకటి సంబంధించిన అంశాలు ఒకదానితో ఒకటి ఉంచబడి ఉన్నాయని నిర్ధారించుకోండి.

దగ్గరి సామీప్యం విజువల్ అసెట్స్ కనెక్ట్ చేయబడిందని మరియు మీ లేఅవుట్‌ను నిర్వహించడానికి సహాయపడే ఒక విజువల్ యూనిట్‌గా మారిందని సూచిస్తుంది.

కాబట్టి ఒకదానికొకటి సంబంధం కలిగి ఉన్న క్లస్టర్ డిజైన్ ఆస్తులు మాత్రమే మరియు మీ ప్రేక్షకులు వినియోగించాల్సిన సంబంధిత కంటెంట్ భాగానికి మార్గనిర్దేశం చేయడానికి మీ డిజైన్‌పై సమాచారాన్ని పాకెట్‌లను ఉపయోగించండి. దీనిని ప్రవాహ సూత్రం అని కూడా పిలుస్తారు.

మూలం: సటోరి గ్రాఫిక్స్

మంచి ఫ్లోతో కూడిన డిజైన్ లేఅవుట్ అంతటా వీక్షకుల దృష్టిని ఎలిమెంట్ నుండి ఎలిమెంట్ వరకు సులభంగా నడిపిస్తుంది. మీ ఫోకల్ పాయింట్లు కంటిని లాగి అవుతాయి