દર્શકની આંખને ડ્રો કરવા માટે ભારનો ઉપયોગ કરો
વેબ પેજ ડિઝાઇનમાં પર ભાર મૂકે છે તે પેજ માટે કેન્દ્રીય બિંદુ છે તે ક્ષેત્ર અથવા ઑબ્જેક્ટ બનાવે છે. ડિઝાઇનમાં એક તત્વ ઊભું કરવાની આ એક રીત છે. ફોકલ પોઇન્ટ ડિઝાઇનના અન્ય ઘટકો કરતાં વધુ અથવા મોટા ભાગે રંગીન થઈ શકે છે - જે બંને આંખને દોરે છે. જ્યારે તમે કોઈ વેબપેજને ડિઝાઇન કરી રહ્યાં હોવ, ત્યારે તમે કોઈ શબ્દ અથવા શબ્દસમૂહ પસંદ કરીને અને તેને રંગ, ફોન્ટ અથવા કદ કે જે તેને ઉભા કરે છે તેના આધારે ભાર ઉમેરી શકે છે, પરંતુ તમારા ડિઝાઇનમાં ભાર મૂકવાના અન્ય ઘણા રસ્તાઓ છે.
ડિઝાઇન પર ભારનો ઉપયોગ
સૌથી મોટી ભૂલ ડિઝાઇનરોમાંની એક એવી છે કે તે ડિઝાઇનમાં દરેક વસ્તુને બનાવવાનો પ્રયત્ન કરે છે. જ્યારે દરેક વસ્તુ પર સમાન ભાર હોય, ત્યારે ડિઝાઇન વ્યસ્ત અને મૂંઝવણ કે ખરાબ-કંટાળાજનક અને અપ્રગટ દેખાય છે. વેબ ડીઝાઇનમાં ફોકલ પોઇન્ટ બનાવવા માટે, તેનો ઉપયોગ અવગણવું નહીં:
- લાઇન્સ: વિપરીત દ્વારા ભાર મૂકવામાં જો કેટલાક ઘટકો આડી છે, તો એક ઊભી ઘટક ફોકલ પોઇન્ટ બની જાય છે.
- રંગ: જો ડિઝાઇનમાંના મોટાભાગના તત્વો શ્યામ અથવા મ્યૂટ હોય છે, તો રંગ સાથે કોઇપણ પદાર્થ આંખને આકર્ષે છે.
- આકારો: જ્યારે મોટા ભાગના આકારો અનિયમિત હોય છે, ત્યારે ભૌમિતિક આકાર બહાર આવે છે.
- નિકટતા: જ્યારે કેટલીક વસ્તુઓને જૂથમાં રાખવામાં આવે છે અને એક જૂથમાંથી અલગ હોય છે, આંખ એક આઇટમ પર જાય છે.
- પ્લેસમેન્ટ: અપવાદ હોવા છતા, ડિઝાઇનના કેન્દ્રમાં મૂકવામાં આવેલું તત્વ સામાન્ય રીતે આંખ ખેંચે છે
- વજન: ભારે તત્વ દર્શકનું ધ્યાન આકર્ષે છે.
- પુનરાવર્તન: જ્યારે ઘટકને ટાઇપ કરવા માટે એક સરળ ગ્રાફિક પુનરાવર્તન કરવામાં આવે છે, ત્યારે આંખ પુનરાવર્તિત ઘટકને ફોકલ પોઇન્ટ પર લઈ જાય છે.
- કોન્ટ્રાસ્ટ: રંગ અને રેખાઓ દ્વારા બનાવેલ વિરોધાભાસો ઉપરાંત, વિપરીત કદ, પોત અથવા ફોન્ટના ફેરફારો દ્વારા જનરેટ કરી શકાય છે. ફેરફારથી ફોકલ તત્વ બહાર ઊભા થાય છે.
- સફેદ અવકાશ: સફેદ (અથવા ખાલી) જગ્યાથી ઘેરાયેલી તત્વ ફોકલ પોઇન્ટ બની જાય છે.
વેબ ડીઝાઇનમાં હાયરાર્કી
હાયરાર્કી એ ડિઝાઇન ઘટકોની દ્રશ્ય વ્યવસ્થા છે જે કદ દ્વારા મહત્વ દર્શાવે છે. સૌથી મોટો તત્વ સૌથી મહત્વપૂર્ણ છે; ઓછા મહત્વપૂર્ણ ઘટકો નાની છે. તમારા વેબ ડીઝાઇનમાં વિઝ્યુઅલ હાયરાર્કી બનાવવા પર ફોકસ કરો. જો તમે તમારા HTML માર્કઅપ પર સિમેન્ટીક પ્રવાહ બનાવવા માટે કામ કર્યું છે, તો આ સરળ છે કારણ કે તમારા વેબ પેજમાં પહેલેથી જ ક્રમચયો છે તમારી બધી ડીઝાઇનની જરૂર છે, યોગ્ય ઘટક પર ભાર મૂકે છે - જેમ કે H1 હેડલાઇન - સૌથી વધુ ભાર માટે
માર્કઅપમાં હાયરાર્કી સાથે, ઓળખી કાઢો કે મુલાકાતીઓની આંખ સ્ક્રીનના ઉપરના ડાબા ખૂણામાં ઝેડ પેટર્નમાં એક વેબપૃષ્ઠ જુએ છે. તે પૃષ્ઠના ઉપલા ડાબા ખૂણાને કંપનીના લોગો જેવી મહત્વપૂર્ણ આઇટમ માટે સારું સ્થાન બનાવે છે. ટોચની જમણા ખૂણે મહત્વપૂર્ણ માહિતી માટે બીજા શ્રેષ્ઠ પ્લેસમેન્ટ સ્થિતિ છે.
વેબ ડિઝાઇન્સ પર ભાર શામેલ કરવો
વેબ ડીઝાઇન પરના ભારને ઘણી રીતે અમલ કરી શકાય છે:
- કોઈપણ શૈલીઓ વિના પણ ભાર આપવા માટે સિમેન્ટીક માર્કઅપનો ઉપયોગ કરો.
- ફોન્ટ્સ અથવા ઈમેજોના કદને બદલવા માટે તેને ડિઝાઇન પર ભાર અથવા ડિ-ઝોન આપો.
- ભાર આપવા માટે વિરોધાભાસી રંગોનો ઉપયોગ કરો.
- કદ ગણતરીઓ પૃષ્ઠ અથવા સ્ક્રીન પરનો એક વિશાળ શબ્દ તાત્કાલિક ધ્યાન આપે છે
- સફેદ જગ્યા સાથેના કેન્દ્રીય બિંદુની આસપાસ રાખો
- ધ્યાન દોરવા માટે કોઈ શબ્દ અથવા છબીનું પુનરાવર્તન કરો
જ્યાં તાબેદારી ફિટ છે?
જ્યારે તમે ફોકલ પોઇન્ટ પૉપ બનાવવા માટે ડિઝાઇનમાં અન્ય તત્વોને સ્વર કરો ત્યારે તાબેદારી થાય છે. એક ઉદાહરણ બ્લેક એન્ડ વ્હાઇટ પૃષ્ઠભૂમિ ફોટો સામે સ્થિત થયેલ તેજસ્વી રંગીન ગ્રાફિક છે. આ જ અસર ત્યારે થાય છે જ્યારે તમે મૌન રંગો અથવા રંગોનો ઉપયોગ કરો છો જે કેન્દ્રીય બિંદાની પાછળની પૃષ્ઠભૂમિ સાથે મિશ્રિત થાય છે, જેના કારણે તે બહાર ઊભા થાય છે.