લેઆઉટ ડિઝાઇન કેવી રીતે માસ્ટર કરવી

વિઝ્યુઅલ ડિઝાઇનની મૂળભૂત બાબતો શીખવા માટે સંપૂર્ણ માર્ગદર્શિકા.

મિલિયન-ડોલરનો પ્રશ્ન: સારી ડિઝાઇનનું રહસ્ય શું છે?

આપણે આ વિશે ફિલોસોફિકલ જઈ શકીએ છીએ , પરંતુ સામાન્ય રીતે કહીએ તો, સારી ડિઝાઇનનું કહેવત 'રહસ્ય' એ છે કે તમે તમારા કેનવાસના સંબંધમાં અને એકબીજા સાથે તમારા દ્રશ્ય તત્વોને કેવી રીતે ગોઠવો છો તેમાં રહેલું છે. મૂળભૂત રીતે, અમે હમણાં જ લેઆઉટ ડિઝાઇનનું વર્ણન કર્યું છે. જે, જ્યારે તમે તેનો વિચાર કરો છો, ત્યારે તમે જ્યાં જુઓ છો તે દરેક જગ્યાએ છે.

ઉદાહરણ તરીકે, મેગેઝિનનું લેઆઉટ લો. તેમની ડિઝાઇન ક્લાસિક ગ્રીડ સિસ્ટમને અનુસરે છે (અમે એક મિનિટમાં ગ્રીડ વિશે બધું શીખીશું). બધું સામાન્ય રીતે ડાબે, જમણે અને તળિયે ગોઠવાયેલું હોય છે. કૉલમ્સમાં ખાસ કરીને એક અલગ ન્યાયી સંરેખણ હોય છે જે પૃષ્ઠને માત્ર દૃષ્ટિની આકર્ષક જ નહીં, પણ વાંચવામાં પણ સરળ અને અધિકૃત બનાવે છે. મોટા મથાળાઓ દર્શકનું ધ્યાન આકર્ષિત કરે છે, જ્યારે માહિતીના દ્રશ્ય વંશવેલો બનાવવા માટે સબહેડિંગ કદમાં વિપરીતતા તરીકે આવે છે.

લિન્ડા ગાઓમ, બેહાન્સ

આ તમામ ગુણો પૃષ્ઠ બનાવે છે ડિઝાઇન સ્વચ્છ, સંરચિત અને વાંચવામાં સરળ છે, અને તે ટિપ્સ સાથે સુસંગત છે જેના વિશે અમે આગળ વાત કરવા જઈ રહ્યા છીએ. પરંતુ પ્રથમ, ચાલો લેઆઉટ ડિઝાઇન વિશે વધુ સમજીએ.

લેઆઉટ ડિઝાઇન શું છે?

લેઆઉટ ડિઝાઇન વાચકનું ધ્યાન આકર્ષિત કરવા અને કોઈ ચોક્કસ સંદેશને દૃષ્ટિની આકર્ષક રીતે પહોંચાડવા માટે ગ્રાફિકલ ઘટકોની ગોઠવણી સાથે સંબંધિત છે. .

તેથી અમે વાત નથી કરી રહ્યાઆરામ કરવાની જગ્યા, જ્યારે અન્ય તત્વો દિશા પ્રદાન કરે છે.

આને સમજવાની એક સરળ રીત છે, ઉદાહરણ તરીકે, અમારી વેબસાઇટનું ઉદાહરણ લેવું. ગ્રાફિક્સ સ્પષ્ટપણે ટેક્સ્ટથી અલગ છે, અને એક્શન માટે કૉલ્સ પણ છે, તેથી દર્શકનું ધ્યાન માહિતીના એક ક્લસ્ટરમાંથી બીજા પર નેવિગેટ કરે છે.

આ પણ જુઓ: 18 ક્લાસિક એનાઇમ સિરીઝ તમારે તમારી વૉચલિસ્ટ પર જોઈતી હોય છે

સિદ્ધાંત #5. કોન્ટ્રાસ્ટનો ઉપયોગ કરો

તમારી ડિઝાઇનમાં તમારી પાસે પર્યાપ્ત કોન્ટ્રાસ્ટ છે તેની ખાતરી કરો.

કોન્ટ્રાસ્ટ તમારી ડિઝાઇનને વ્યવસ્થિત કરવામાં મદદ કરે છે અને ખૂબ જ જરૂરી વંશવેલો સ્થાપિત કરશે અને જે મહત્વપૂર્ણ છે તેના પર ભાર મૂકે છે.

તેનાથી વધુ, કોન્ટ્રાસ્ટનો સારો ઉપયોગ તમારી સમગ્ર ડિઝાઇનમાં દ્રશ્ય રસ પણ ઉમેરે છે. ચાલો તેનો સામનો કરીએ, એક લેઆઉટ જ્યાં બધું સમાન કદ, આકાર અથવા રંગ હોય તે કંટાળાજનક લાગશે. કોન્ટ્રાસ્ટ મસાલાની વસ્તુઓમાં વધારો કરે છે.

તમારો પ્રથમ વિચાર રંગ વિરુદ્ધ હોઈ શકે છે, જેમ કે ગરમ વિરુદ્ધ ઠંડી, શ્યામ વિરુદ્ધ પ્રકાશ, વાદળી વિરુદ્ધ નારંગી. પરંતુ જ્યારે રંગ વિરોધાભાસનો અત્યંત આવશ્યક સિદ્ધાંત છે, ત્યાં પ્રકાર, ગોઠવણી અને કદના વિરોધાભાસ પણ છે. અને યાદ રાખો, કોન્ટ્રાસ્ટ પણ સાપેક્ષ છે. તેનો અર્થ માત્ર અન્ય ઘટકો સાથે જોડાણમાં છે.

અહીં લેઆઉટના કેટલાક ઉદાહરણો છે જે આ નિયમનો સ્માર્ટ અને સુંદર રીતે ઉપયોગ કરે છે. ટાઇપોગ્રાફી, રંગ અને એલિમેન્ટ્સ વચ્ચેના કદમાં પણ કોન્ટ્રાસ્ટ પર ધ્યાન આપો.

સ્રોત: IAG રિકોન્સિલેશન એક્શન પ્લાન

સિદ્ધાંત #6. પુનરાવર્તન, પેટર્ન, લય

જ્યારે આપણે પુનરાવર્તન વિશે વિચારીએ છીએ, ત્યારે આપણે વિચારીએ છીએએક જ તત્વનું વારંવાર.

પરંતુ તે ડિઝાઇનમાં અલગ છે. તે ચોક્કસપણે તેટલું કંટાળાજનક નથી. જ્યારે યોગ્ય રીતે ઉપયોગ કરવામાં આવે, ત્યારે પુનરાવર્તન વાસ્તવમાં તમારી ડિઝાઇનને સશક્ત બનાવી શકે છે.

તમારા સમગ્ર લેઆઉટમાં એક મોટિફને ઓળખવાનો અને તેનો પુનઃઉપયોગ કરવાનો પ્રયાસ કરો જેથી કરીને વિવિધ વિસ્તારો એકબીજા સાથે જોડાયેલા હોય અને સમાન રચનાનો ભાગ હોય. તે તમારી ડિઝાઇનને થીમ બનાવવામાં મદદ કરશે. તત્વોને પુનરાવર્તિત કરીને, તમે માત્ર તમારા પ્રેક્ષકોની અપેક્ષાઓ અનુસાર જ વિતરિત કરશો નહીં, પરંતુ તમે વપરાશકર્તા અનુભવમાં પણ સુધારો કરશો. સુસંગત રહેવાથી વપરાશકર્તાઓ વધુ આરામદાયક લાગે છે.

તમે આકારો અથવા પ્રતીકોનું પુનરાવર્તન કરીને કરી શકો છો. અથવા તો રંગ યોજના, ટાઇપફેસ અને સામાન્ય રીતે સમાન શૈલી.

પ્રવેશ કરવાની સારી ટેવ એ છે કે મોટા પરિવાર સાથે ટાઇપફેસનો ઉપયોગ કરવો. પેટર્ન, રેખા વજન/શૈલી અને રંગોની વિવિધ સંખ્યાને મર્યાદિત કરો અને સમગ્ર પુનરાવર્તન કરો. ઉપરાંત, છબીઓ અને ગ્રાફિક્સની શૈલી સમાન રાખવાનો પ્રયાસ કરો. ઉદાહરણ તરીકે, સમાન કલાકારના ચિત્રોનો ઉપયોગ કરો.

સ્રોત: Thepentool.co

બસ. આ છ સિદ્ધાંતો છે જે તમને તમારી ડિઝાઇનને વ્યવસ્થિત કરવામાં અને સ્વચ્છ, વધુ વ્યાવસાયિક અને સંતુલિત લેઆઉટ પ્રાપ્ત કરવામાં મદદ કરશે.

પરંતુ તમારી યાત્રા અહીં સમાપ્ત થતી નથી. ગ્રાફિક ડિઝાઇન એ ચોક્કસ વિજ્ઞાન નથી અને તે ટીપ્સ અને સિદ્ધાંતો સુધી મર્યાદિત હોવું જોઈએ નહીં. જેમ કે સર્જનના તમામ ક્ષેત્રોમાં સાચું છે, ત્યાં કોઈ સખત નિયમ નથી. સૂક્ષ્મ રીતે આ ટીપ્સને તોડીને ઊંડાણ અને વિવિધતા ઉમેરશેતમારી ડિઝાઇન.

તેમ છતાં, તે એક ઉત્તમ પ્રારંભિક બિંદુ છે અને અમે તમને તેમને અજમાવવા માટે પ્રોત્સાહિત કરીએ છીએ. અને અમને જણાવો કે તેઓએ કેવી રીતે કામ કર્યું!

પ્રારંભ કરવા માટે વેક્ટરનેટર ડાઉનલોડ કરો

તમારી ડિઝાઇનને આગલા સ્તર પર લઈ જાઓ.

ફાઇલ ડાઉનલોડ કરો લોગો ડિઝાઇન વિશે અહીં. પરંતુ પ્રિન્ટ સામગ્રીની ડિઝાઇન, જેમ કે અખબારો, સામયિકો, પોસ્ટરો અને તેમના ડિજિટલ સમકક્ષો, તેમજ વેબ, એપ્લિકેશન અથવા UX/UI ડિઝાઇન.

શબ્દ ‘લેઆઉટ’ આપણને ઘણાં સંકેતો આપે છે. તેનો અર્થ એ છે કે પૃષ્ઠ પર પૂર્વનિર્ધારિત ઘટકોની ગોઠવણી.

જ્યારે લેઆઉટ અસરકારક હોય છે, ત્યારે તે સારું લાગે છે, અને તે દર્શકને ડિઝાઇન જે સંદેશ આપવાનો પ્રયાસ કરી રહી છે તે સમજવા માટે માર્ગદર્શન આપે છે. તેથી આકર્ષક, અસરકારક, વપરાશકર્તા-મૈત્રીપૂર્ણ અને આનંદદાયક રચનાઓ બનાવવા માટે લેઆઉટને સમજવું એ ચાવીરૂપ છે.

જો લેઆઉટ તેનો સંદેશ પ્રેક્ષકો સુધી સારી રીતે પહોંચાડતો નથી, અથવા બીજા શબ્દોમાં કહીએ તો, તે "સારી રીતે વાંચી શકતું નથી. ", ડિઝાઇન ગમે તેટલી ટ્રેન્ડી લાગે તે બિનઅસરકારક રહેશે. લેઆઉટ ડિઝાઇનના ક્ષેત્રમાં, સામગ્રી વલણો અને યુક્તિઓને બદલે છે.

લેઆઉટ ડિઝાઇનનો હેતુ

એક સંદેશ ઝડપથી પહોંચાડવા

આ મુખ્ય છે. લેઆઉટ ડિઝાઇન મહત્તમ અસરકારકતા અને અસર માટે આંખની ચળવળના સરળ પ્રવાહને પ્રાપ્ત કરવા માટે ગ્રાફિક અસ્કયામતો વચ્ચે સંબંધ સ્થાપિત કરે છે.

સંતુલન બનાવવા માટે

લેઆઉટ ડિઝાઇનના સિદ્ધાંતોનો ઉપયોગ કરવો એ બનાવવાની સૌથી સરળ રીત છે કંટાળાજનક બન્યા વિના તમારા ડિઝાઇન પ્રોજેક્ટ્સમાં સંતુલન અને સમપ્રમાણતાની ભાવના.

સુસંગતતા બનાવવા માટે

લેઆઉટ તમને તમારી ડિઝાઇનના ઘણા ઘટકોને સરળતાથી સુપાચ્ય, સુસંગત અને તાર્કિક રીતે ગોઠવવામાં મદદ કરે છે.

સુંદરતા બનાવવા માટે

સંતુલન અને બંધારણ કુદરતી રીતે સૌંદર્ય સર્જે છે.જો તમારી લેઆઉટ ડિઝાઇન યોગ્ય રીતે કરવામાં આવી છે, તો તે આપમેળે દર્શકોને દૃષ્ટિની રીતે આકર્ષક બનશે. સંદેશને સમજવા માટે દર્શકોને જેટલો ઓછો પ્રયાસ કરવો પડશે, તમારી ડિઝાઇન વધુ આકર્ષક લાગશે.

ફ્રેન્ક ફિલિપિન દ્વારા તેમના પુસ્તક 'આઇ યુઝ્ડ ટુ બી અ ડિઝાઇન સ્ટુડન્ટ: પછી - માટે ડિઝાઇનર હવે.' સ્ત્રોત: DesignBoom

The Elements of Layout Design

Text

આમાં માત્ર ટેક્સ્ટનો મુખ્ય ભાગ અથવા ફકરા જ નહીં, પણ હેડલાઇન્સ, સબહેડિંગ્સ, હેડરો અને ફૂટર્સનો પણ સમાવેશ થાય છે. ટાઇપોગ્રાફી, રંગ અને કદની તમારી પસંદગી તમારા પ્રેક્ષકોને તમારું લેઆઉટ કેવી રીતે અનુવાદિત કરશે તેના પર વિવિધ અસરો પ્રાપ્ત કરશે.

ઇમેજ

ઇમેજના સૌથી સામાન્ય પ્રકારો ફોટોગ્રાફ્સ, ચિત્રો અથવા ઇન્ફોગ્રાફિક્સ છે.

આકારો

આકારો ભૌમિતિક હોઈ શકે છે, જે ખૂબ કોણીય હોય છે, અથવા તે કુદરતી વિશ્વની નકલ કરતા, કાર્બનિક હોઈ શકે છે. તેઓ અમૂર્ત પણ હોઈ શકે છે. અમૂર્ત આકારો પાછલા વર્ષમાં ખૂબ જ ટ્રેન્ડી રહ્યા છે, કારણ કે અમે વેબ ડિઝાઇનર્સને જટિલ અને વિસ્તરેલી રચનાઓમાં સમાવિષ્ટ કરતા જોયા છે.

આકારો છબીને બદલી શકે છે. અથવા તેનો ઉપયોગ પૃષ્ઠ પર ગ્રાફિક ઘટકો ઉમેરવા, ટેક્સ્ટને હાઇલાઇટ કરવા અથવા અન્ય વિઝ્યુઅલ તત્વો વચ્ચેની જગ્યાને ચિત્રિત કરવા માટે થઈ શકે છે.

સફેદ જગ્યા

કોઈપણ લેઆઉટ ડિઝાઇનમાં ચોક્કસ માત્રામાં સફેદ જગ્યા હશે જે તમારા તત્વોને શ્વાસ લેવા અને પોતાની રીતે અલગ રહેવાની મંજૂરી આપશે.

લેઆઉટ ડિઝાઇનના સુવર્ણ સિદ્ધાંતો

તમે જોશો કે સિદ્ધાંતોલેઆઉટ ડિઝાઇન ડિઝાઇનના ઘણા મૂળભૂત સિદ્ધાંતોને અનુસરે છે. જેમ કે રંગનો ચોક્કસ રીતે ઉપયોગ કરવો, ટાઇપોગ્રાફી, પુનરાવર્તન, કોન્ટ્રાસ્ટ, વંશવેલો અને સંતુલન.

સિદ્ધાંત #1. ગ્રીડ્સનો ઉપયોગ કરો

ગ્રીડ ડિઝાઇનર્સને વિવિધ ડિઝાઇન ઘટકોને ટેક્સ્ટ અને છબીઓ એવી રીતે સ્થિત કરવામાં મદદ કરે છે કે જે સુસંગત અને અનુસરવામાં સરળ લાગે.

તેઓ ક્રમની ભાવના પ્રદાન કરે છે, તેઓ તત્વોને એકબીજા પર વધુ પડતા અટકાવે છે. , અને સૌથી અગત્યનું, ગ્રીડ તમારા સંરેખણને પણ સુધારશે. તમારા કાર્યને વધુ સ્વચ્છ અને વધુ વ્યાવસાયિક અનુભવ કરાવો.

સ્રોત: hgmlegal.com

ગ્રીડની શરીરરચના

તમને લાગે છે કે તે માત્ર ઊભી અને આડી રેખાઓ છે, પરંતુ ગ્રીડ કેટલાક ભાગોથી બનેલું છે. ઘણા, હકીકતમાં. અહીં સૌથી મહત્વપૂર્ણ પરિભાષા છે જે તમારે મૂળભૂત ગ્રીડમાં જાણવાની જરૂર છે:

• ફોર્મેટ એ તમારી અંતિમ ડિઝાઇનનો સંપૂર્ણ વિસ્તાર છે. તેથી જો તમે પ્રિન્ટ માટે કંઈક ડિઝાઇન કરો છો, તો ફોર્મેટ એ પૃષ્ઠ છે, અને જો તમે વેબ ડિઝાઇનર છો, તો ફોર્મેટ એ વેબ પૃષ્ઠ અથવા બ્રાઉઝર વિન્ડો છે.
• માર્જિન એ ફોર્મેટ અને ડિઝાઇન વચ્ચેની ઇરાદાપૂર્વકની ખાલી જગ્યાઓ છે.
• ફ્લોલાઇન્સ એ આડી રેખાઓ છે જે તમારા લેઆઉટને સમાંતર વિભાગોમાં અલગ કરે છે. ફ્લોલાઇન્સ તમારી ડિઝાઇનની વાંચનક્ષમતામાં મદદ કરે છે અને સામગ્રીને યોગ્ય રીતે અનુસરવા માટે વાચકને માર્ગદર્શન આપે છે.
• મોડ્યુલ્સ એ બ્લોક્સ છે જે આડી રેખાઓ અને ઊભી રેખાઓ દ્વારા રચાય છે.કોઈપણ ગ્રીડની ફ્લોલાઈન. જો તમે તેના વિશે વિચારો છો, તો તે કોઈપણ ગ્રીડના બિલ્ડિંગ બ્લોક્સ છે. તમારા બધા વર્ટિકલ મોડ્યુલો તમારી કૉલમ બનાવે છે, જ્યારે તમારી બધી આડી ગ્રીડ તમારી પંક્તિઓ બનાવે છે.
• પ્રદેશો એ કનેક્ટેડ મોડ્યુલોના જૂથો છે, ક્યાં તો વર્ટિકલ અથવા હોરીઝોન્ટલ. તમે આને કેવી રીતે ગોઠવવાનું નક્કી કરો છો તેના કોઈ નિયમો નથી.

સ્રોત: રેડવર્સિટી

ગ્રીડના પ્રકાર

લેઆઉટ ગ્રીડનો ઉપયોગ સૌપ્રથમ ગોઠવવા માટે કરવામાં આવ્યો હતો. કાગળ પર હસ્તલેખન.

તેઓ 13મી સદીની શરૂઆતમાં છે, જ્યારે ફ્રેન્ચ કલાકાર વિલાર્ડ ડીએ માર્જિન સાથે પ્રિન્ટેડ પેજ લેઆઉટ બનાવવા માટે ગોલ્ડન રેશિયો સાથે ગ્રીડ સિસ્ટમને મર્જ કરી હતી. તમે આજ સુધી આ ગ્રીડ સિસ્ટમ જોઈ શકો છો, કારણ કે મોટાભાગની મુદ્રિત પુસ્તક અને મેગેઝિન લેઆઉટ સાબિત કરે છે. પ્રકાશકો, સંપાદકો અને ડિઝાઇનર્સ પ્રમાણભૂત ગ્રીડનો ઉપયોગ કરવાનું પસંદ કરે છે કારણ કે તેઓ સારા દેખાય છે, પરંતુ કારણ કે વાચકો ચોક્કસ જગ્યાએ ડિઝાઇન ઘટકોની અપેક્ષા રાખે છે.

ગ્રીડને બે રીતે ડિઝાઇન કરી શકાય છે: સપ્રમાણ અથવા અસમપ્રમાણ. સપ્રમાણ ગ્રીડ મધ્યરેખાને અનુસરે છે, જ્યાં વર્ટિકલ અને હોરીઝોન્ટલ પ્રદેશો એકબીજાની સમાન હોય છે; અને કૉલમ્સની પહોળાઈ સમાન હોય છે.

એક અસમપ્રમાણ ગ્રીડ માં, નામ સૂચવે છે તેમ, માર્જિન અને કૉલમ બધા સરખા નથી.

આ વર્ગીકરણના આધારે વિશ્વભરમાં પાંચ મુખ્ય પ્રકારના લેઆઉટ ગ્રીડનો ઉપયોગ થાય છે જેના પર તમે આધાર રાખી શકો છો:

હસ્તપ્રતગ્રીડ એ દસ્તાવેજો માટે સૌથી સામાન્ય પ્રકારની ગ્રીડ છે. તેઓ હેડર, ફૂટર અને માર્જિનને અલગ કરે છે અને મૂળભૂત રીતે ફોર્મેટ (અથવા પૃષ્ઠ) ની અંદર એક લંબચોરસ બનાવે છે જે તમારા ટેક્સ્ટને સીમાઓ પ્રદાન કરે છે. તેઓ સામયિકો, અખબારો અને પુસ્તકોનો આધાર છે. તેથી તે કદાચ તે લેઆઉટ છે જેનાથી તમે સૌથી વધુ પરિચિત છો.

સ્રોત: UXplanet

સ્રોત: Radversity

કૉલમ ગ્રીડ મેગેઝિન પ્રકાશનમાં અન્ય પ્રિય છે. સામાન્ય મેગેઝિન લેઆઉટ ટેક્સ્ટને વાંચવા માટે સરળ વિભાગોમાં અલગ કરવા માટે કૉલમ ગ્રીડનો ઉપયોગ કરે છે. પરંતુ તેઓ વેબસાઇટ્સ માટે પણ ખૂબ જ લોકપ્રિય છે. તમે બે થી છ ગ્રીડમાંથી કંઈપણ વાપરી શકો છો. વધુ શક્ય છે, છતાં સામાન્ય નથી. કૉલમ ગ્રીડ વિશે ખૂબ જ મહત્ત્વની બાબત એ છે કે કૉલમ અથવા ગટર વચ્ચેનું અંતર એકબીજાથી સમાન રીતે દૂર હોય છે.

સપ્રમાણ કૉલમ ગ્રિડનો ઉપયોગ અખબારો દ્વારા કરવામાં આવે છે, ઉદાહરણ તરીકે, જ્યારે વેબ ડિઝાઇનમાં અસમપ્રમાણ કૉલમ ગ્રિડ પસંદ કરવામાં આવે છે. .

સ્રોત: UX પ્લેનેટ

સ્રોત: રેડવર્સિટી

મોડ્યુલર ગ્રીડ કોલમ ગ્રીડ જેવા જ છે, પરંતુ તેઓ આડી પ્રવાહ રેખાઓ માટે પણ જવાબદાર છે. જ્યારે તમારે તમારા લેઆઉટમાં વિવિધ ઘટકોને વ્યવસ્થિત કરવાના હોય ત્યારે આ પ્રકારની ગ્રીડની જરૂર પડે છે અને કૉલમ ગ્રીડ પૂરતું નથી.

મોડ્યુલર ગ્રીડમાં સમાન કદના મોડ્યુલો હોય છે જે તમારા અવકાશી ઝોનને અલગ અલગ રીતે વિઝ્યુઅલાઈઝ કરવાનું ખૂબ જ સરળ બનાવે છે.

સ્રોત: UXપ્લેનેટ

સ્રોત: રેડવર્સિટી

બેઝલાઇન ગ્રીડ ટેક્સ્ટ-આધારિત રચનાઓ માટે અદ્ભુત છે. બેઝલાઈન એ લીટી છે જ્યાં તમે લખો ત્યારે ટેક્સ્ટ આરામ કરે છે અને લીડિંગ એ બે બેઝલાઈન વચ્ચેનું અંતર છે. આશ્ચર્ય થાય છે કે તમારું મથાળું અથવા સબહેડિંગ કેટલું મોટું હોવું જોઈએ?

તમારા ટેક્સ્ટને વહેતી લય આપવા માટે બેઝલાઇન ગ્રીડ અહીં છે.

સ્રોત: UX પ્લેનેટ

સ્રોત: Fragaria

હાયરાર્કિકલ ગ્રીડ તેમના તમામ કરતાં ગ્રીડ જેવા ઓછા દેખાય છે સમકક્ષો તેમ છતાં, ડિઝાઇન તત્વોને તેમના મહત્વના ક્રમમાં ગોઠવતી વખતે તેઓ ખૂબ જ ઉપયોગી છે. અધિક્રમિક ગ્રીડ મોડ્યુલર ગ્રીડ પર આધારિત હોઈ શકે છે અથવા તમે તમારી પોતાની બનાવી પણ શકો છો. વેબસાઇટ્સ આ ગ્રીડનો ઘણો ઉપયોગ કરે છે, ખાસ કરીને ડિજિટલ સામયિકો અને અખબારો તેમના ડિજિટલ બનવાના સંક્રમણમાં કૉલમ ગ્રીડને બદલે હાયરાર્કિકલ ગ્રીડ પર વધુ આધાર રાખે છે.

આ પણ જુઓ: કેર્નિંગ શું છે?

સ્રોત: UX પ્લેન

સિદ્ધાંત #2. નકારાત્મક જગ્યાનો ઉપયોગ કરો

આપણે ઘણીવાર વિચારીએ છીએ કે ખાલીપણું, મૌન અથવા રંગનો અભાવ એ ખરાબ વસ્તુ છે. પરંતુ અમે તે કોન્ટ્રાસ્ટનો નક્કર પાયો કેવી રીતે છે તે ધ્યાનમાં લેતા નથી.

વ્હાઇટ સ્પેસ પણ કહેવાય છે, નેગેટિવ સ્પેસ એ તમારી ડિઝાઇનનો તે વિસ્તાર છે જેમાં કોઈ વાસ્તવિક ઘટકો નથી. તે વિસ્તાર ખાલી છે. તે ફક્ત તમારી અસ્કયામતોને ઘેરી લેતું નથી, તે તેમની વચ્ચે જરૂરી બોન્ડ્સ પણ બનાવે છે. તેના કારણે, નેગેટિવ સ્પેસ એ યોગ્ય ડિઝાઇન ઘટક છે અને તમારા લેઆઉટને કેટલું અસરકારક બનાવે છે તેના પર તેની વ્યાપક અસર પડે છેડિઝાઇન છે.

સારી વિરુદ્ધ ખરાબ નેગેટિવ સ્પેસ

નેગેટિવ સ્પેસ તમારી ડિઝાઇનમાં વિવિધ ક્ષેત્રોને અલગ કરવામાં મદદ કરશે, જ્યારે તમારા લેઆઉટને શ્વાસ લેવાની મંજૂરી આપશે. તે દ્રશ્ય વંશવેલો અને દ્રશ્ય સંતુલન સાથે મદદ કરે છે; તે મુખ્ય ઘટકો પર વપરાશકર્તાનું ધ્યાન કેન્દ્રિત કરે છે; તે વિક્ષેપનું સ્તર ઘટાડે છે; અને અંતે, તે તમારી ડિઝાઇનમાં શૈલી અને સુઘડતા ઉમેરે છે.

બિનઅનુભવી ડિઝાઇનરોમાં ટેક્સ્ટને સ્કેલિંગ કરીને અથવા લોગો અથવા ઇમેજને ઉડાડીને, શક્ય તેટલું તેમના કેનવાસ ભરવાનું વલણ હોઈ શકે છે. પરંતુ તમારા તત્વોને રૂમ આપવાથી દર્શક ચોક્કસ માહિતીના સંકેતોને ઝડપથી અને વધુ આરામથી પસંદ કરી શકે છે.

જો બધું તમારા દર્શકના ધ્યાન માટે બૂમ પાડે છે, તો કંઈ સાંભળવામાં આવતું નથી.

- એરોન વોલ્ટર, 'ડિઝાઇન ફોર લાગણી'

તમારી નકારાત્મક જગ્યા નક્કી કરવાની એક સરળ રીત એ મોડ્યુલર ગ્રીડનો ઉપયોગ કરીને છે. તેને તમારી ડિઝાઇનની ટોચ પર મૂકીને, પછી તમે સરળતાથી કલ્પના કરી શકો છો કે કયા મોડ્યુલ ખાલી રહી શકે છે, અને કયા ભરવા જોઈએ.

બ્રુન્સવિકર દ્વારા ડિઝાઇનર, સ્ત્રોત: Codesignmag.com

સિદ્ધાંત #3. સિંગલ ફોકલ પોઈન્ટ પસંદ કરો

શું કોઈ ક્લાયન્ટે તમને ક્યારેય લોગો મોટો બનાવવા માટે કહ્યું છે? અને પછી હેડલાઇનને વધુ મોટી બનાવવા માટે?

તમે દરેક વસ્તુ પર ભાર મૂકી શકતા નથી. તે સારી ડિઝાઇનના મુદ્દાને હરાવે છે. સમયની જેમ જ ધ્યાન પણ સાપેક્ષ છે. એક તત્વને અલગ પાડવા માટે, બીજાને પૃષ્ઠભૂમિ તરીકે સેવા આપવી પડશે. તમારી ડિઝાઇન પ્રદર્શિત થાય તે માટે કેટલાક તત્વો અન્ય પર પ્રભુત્વ મેળવવાની જરૂર છેવિઝ્યુઅલ વંશવેલો.

ડિઝાઇનમાં કેન્દ્રબિંદુ એ સૌથી વધુ દ્રશ્ય વજન ધરાવતું એક તત્વ છે. તે તત્વ છે જે આંખને પ્રથમ આકર્ષે છે, તમારા લેઆઉટમાં અન્ય કંઈપણ કરતાં વધુ.

એક કેન્દ્રીય બિંદુ તમારા પ્રેક્ષકોને જાહેર કરશે જ્યાંથી તેમની જોવાની યાત્રા તમારી ડિઝાઇન પર શરૂ થાય છે. તેથી તમે જે વાર્તા કહી રહ્યા છો તેની આ શરૂઆત છે.

આ સામાન્ય રીતે મોટી છબી અથવા ટાઇપોગ્રાફીના મોટા સ્ત્રોતનો ઉપયોગ કરીને પ્રાપ્ત કરી શકાય છે. નીચેનું કેન્દ્રબિંદુ કેટલું અસરકારક છે તેના પર ધ્યાન આપો

બ્લૂમબર્ગ બિઝનેસવીક માટે બ્રાઉલિયો અમાડો દ્વારા ડિઝાઇન કરવામાં આવ્યું છે, સ્ત્રોત: તે સરસ છે કે

પરંતુ જ્યારે એક કેન્દ્રબિંદુ તમારા પ્રેક્ષકોનું ધ્યાન આકર્ષિત કરશે, આગળનો નિયમ તેને માર્ગદર્શન આપવામાં મદદ કરશે.

સિદ્ધાંત #4. નિકટતા અને પ્રવાહ વિશે વિચારો

નિકટતાનો સિદ્ધાંત સરળ છે. ખાતરી કરો કે ઘટકો જે એકબીજા સાથે સંબંધિત છે તે એકસાથે મૂકવામાં આવે છે.

નજીકની નિકટતા સૂચવે છે કે વિઝ્યુઅલ એસેટ્સ જોડાયેલ છે અને એક વિઝ્યુઅલ યુનિટ બની જાય છે જે તમારા લેઆઉટને ગોઠવવામાં મદદ કરે છે.

તેથી ફક્ત ક્લસ્ટર ડિઝાઇન અસ્કયામતો કે જે એકબીજા સાથે સંબંધ ધરાવે છે, અને તમારા પ્રેક્ષકોને સંબંધિત સામગ્રીના ભાગ તરફ માર્ગદર્શન આપવા માટે તમારી ડિઝાઇન પરની માહિતીના ખિસ્સાનો ઉપયોગ કરો જેનો તેમને વપરાશ કરવાની જરૂર છે. આને ફ્લો સિદ્ધાંત પણ કહેવામાં આવે છે.

સ્રોત: સતોરી ગ્રાફિક્સ

સારા પ્રવાહ સાથેની ડિઝાઇન, સમગ્ર લેઆઉટમાં, એક ઘટકથી તત્વ સુધી, સરળતા સાથે દર્શકોની નજર તરફ દોરી જશે. તમારા કેન્દ્રબિંદુઓ આંખ ખેંચશે અને બની જશે