ವಿನ್ಯಾಸದಲ್ಲಿ ಹರಿವು - ವಿನ್ಯಾಸ ಮತ್ತು ಚಲನಚಿತ್ರವನ್ನು ಕಲೆಹಾಕುವ ಕಲಾಕೃತಿ

07 ರ 01

ವಿಷುಯಲ್ ಫ್ಲೋ ಎಂದರೇನು?

ದೃಷ್ಟಿಗೋಚರ ಹರಿವು ಎಲ್ಲಾ ಪ್ರಮುಖ ಅಂಶಗಳು ಪ್ರಾಮುಖ್ಯತೆಯನ್ನು ಪಡೆಯುವ ರೀತಿಯಲ್ಲಿ ಡಾಕ್ಯುಮೆಂಟ್ ಮೂಲಕ ವೀಕ್ಷಕರ ಕಣ್ಣನ್ನು ಒಯ್ಯುತ್ತದೆ ಮತ್ತು ಏನೂ ದೃಷ್ಟಿಗೆ ಸ್ನ್ಯಾಗ್ ಆಗುತ್ತದೆ ಅಥವಾ ವೀಕ್ಷಕನಿಗೆ ತುಣುಕಿನ ಅರ್ಥವನ್ನು ಕಳೆದುಕೊಳ್ಳಲು ಕಾರಣವಾಗುತ್ತದೆ. ಬಾಣಗಳು ಅಥವಾ ಸಂಖ್ಯೆಗಳಂತಹ ಸ್ಪಷ್ಟವಾದ ಹರಿವಿನ ಅಂಶಗಳನ್ನು ಬಳಸುವುದು ವೆಬ್ ವಿನ್ಯಾಸಕರು ಹರಿವನ್ನು ಬಳಸುವ ಸಾಮಾನ್ಯ ವಿಧಾನವಾಗಿದೆ, ಆದರೆ ನಿಮ್ಮ ರೀಡರ್ಗಳನ್ನು ನಿರ್ದಿಷ್ಟ ಹಾದಿಯಲ್ಲಿ ಚಲಿಸುವಂತೆ ಮಾಡಲು ಬಳಸಬಹುದಾದ ಇತರ ವಿಧದ ಅಂಶಗಳಿವೆ. ಈ ಟ್ಯುಟೋರಿಯಲ್ ನಲ್ಲಿನ ಹಂತಗಳು ನಿಮಗೆ ಉತ್ತಮ ಮತ್ತು ಕೆಟ್ಟ ಹರಿವಿನ ಉದಾಹರಣೆಗಳನ್ನು ತೋರಿಸುತ್ತವೆ ಮತ್ತು ವಿನ್ಯಾಸದಲ್ಲಿ ದೃಶ್ಯ ಹರಿವಿನ ಶಬ್ದಕೋಶವನ್ನು ಕಲಿಯಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.

ವಿಷುಯಲ್ ಹರಿವು ಅನೇಕ ವಿಧಗಳಲ್ಲಿ ಸಾಧಿಸಬಹುದು:

ಕೆಳಗಿನ ಚಿತ್ರಗಳು ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಹರಿವು ಮತ್ತು ಅವುಗಳನ್ನು ಹೇಗೆ ಸರಿಪಡಿಸುವುದು ಎಂಬುದರಲ್ಲಿ ಕೆಲವು ಸಾಮಾನ್ಯ ತಪ್ಪುಗಳನ್ನು ನಿಮಗೆ ತೋರಿಸುತ್ತದೆ.

02 ರ 07

ಪಾಶ್ಚಾತ್ಯ ಪಠ್ಯ ಎಡದಿಂದ ಬಲಕ್ಕೆ ಹರಿಯುತ್ತದೆ

ತಪ್ಪಾದ ಫ್ಲೋ. ಚಿತ್ರ ಕೃಪೆ ಎಂ Kyrnin

ನೀವು ಪಾಶ್ಚಾತ್ಯ ಭಾಷೆ ಓದುವಲ್ಲಿ ಬೆಳೆದಿದ್ದರೆ, ಪಠ್ಯವು ಎಡದಿಂದ ಬಲಕ್ಕೆ ಚಲಿಸಬೇಕೆಂದು ನೀವು ಆಲೋಚಿಸುತ್ತೀರಿ. ಆದ್ದರಿಂದ, ಕಣ್ಣಿನ ಪಠ್ಯದ ಉದ್ದಕ್ಕೂ ಕಣ್ಣು ಚಲಿಸುವಾಗ, ಅದು ಎಡದಿಂದ ಬಲಕ್ಕೆ ಚಲಿಸುತ್ತಿದೆ.

ಮೇಲಿನ ಚಿತ್ರದಲ್ಲಿ, ಜಲಪಾತವು ಬಲಕ್ಕೆ ಎಡ ದಿಕ್ಕಿನಲ್ಲಿ ಹರಿಯುತ್ತದೆ, ಮತ್ತು ಪಠ್ಯವು ಜಲಪಾತವನ್ನು ಹರಿಯುತ್ತದೆ. ಜಲಪಾತಗಳು ಕೆಳಗೆ ಬೀಳುತ್ತವೆ ಎಂದು ನಮಗೆ ತಿಳಿದಿರುವ ಕಾರಣ, ಪಠ್ಯದ ಹರಿವಿನೊಂದಿಗೆ ನೀರಿನ ಹರಿವಿನ ದಿಕ್ಕಿನಲ್ಲಿ ಸಂಪರ್ಕ ಕಡಿತಗೊಂಡಿದೆ. ವೀಕ್ಷಕನ ಕಣ್ಣು ಪಠ್ಯವನ್ನು ಓದಲು ತಪ್ಪು ದಿಕ್ಕಿನಲ್ಲಿ ಚಲಿಸುತ್ತದೆ.

03 ರ 07

ನಿಮ್ಮ ಪಠ್ಯ ಚಿತ್ರಗಳೊಂದಿಗೆ ಹರಿಯಬೇಕು

ಸರಿಯಾದ ಫ್ಲೋ. ಚಿತ್ರ ಕೃಪೆ ಎಂ Kyrnin

ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಚಿತ್ರವು ನೀರನ್ನು ಅದೇ ದಿಕ್ಕಿನಲ್ಲಿ ಹರಿಯುತ್ತಿದೆ ಎಂದು ತಿರುಗಿಸಲಾಗಿದೆ. ಎಲ್ಲಾ ಅಂಶಗಳು ನೀರಿನ ಹರಿವು ಮತ್ತು ಪಠ್ಯದ ಹರಿವಿನಿಂದ ವೀಕ್ಷಕರ ಕಣ್ಣಿಗೆ ದಾರಿ ಮಾಡಿಕೊಡುತ್ತವೆ.

07 ರ 04

ಎಡದಿಂದ ಬಲಕ್ಕೆ ಸಮನಾಗಿರುತ್ತದೆ

ತಪ್ಪಾದ ಫ್ಲೋ. ಚಿತ್ರ ಕೃಪೆ ಎಂ Kyrnin

ಈ ಫೋಟೋದಲ್ಲಿನ ಕುದುರೆ ಬಲದಿಂದ ಎಡಕ್ಕೆ ಚಾಲನೆಯಾಗುತ್ತಿದೆ, ಆದರೆ ಪಠ್ಯವು ಇಂಗ್ಲಿಷ್ ಮತ್ತು ಎಡದಿಂದ ಬಲಕ್ಕೆ ಇದೆ. ಕುದುರೆ ಓಟದ ದೃಶ್ಯ ಪರಿಣಾಮವು ಒಂದು ದಿಕ್ಕಿನಲ್ಲಿ ಇಡೀ ಡಾಕ್ಯುಮೆಂಟ್ನ ವೇಗವನ್ನು ಕಡಿಮೆಗೊಳಿಸುತ್ತದೆ ಏಕೆಂದರೆ ಅದು ಪಠ್ಯಕ್ಕಿಂತ ವಿಭಿನ್ನ ದಿಕ್ಕಿನಲ್ಲಿ ಹೋಗುತ್ತದೆ.

ಪಾಶ್ಚಾತ್ಯ ಸಂಸ್ಕೃತಿಗಳಲ್ಲಿ, ನಮ್ಮ ಭಾಷೆಗಳು ಎಡದಿಂದ ಬಲಕ್ಕೆ ಚಲಿಸುವ ಕಾರಣ, ನಾವು ಎಡ ಮತ್ತು ಬಲಕ್ಕೆ ಒಂದು ದೃಶ್ಯ ದಿಕ್ಕನ್ನು ಮುಂದಕ್ಕೆ ಮತ್ತು ವೇಗದ ರೀತಿಯಲ್ಲಿ ಸಂಯೋಜಿಸಲು ಬಂದಿವೆ, ಆದರೆ ಬಲದಿಂದ ಎಡಕ್ಕೆ ಹೆಚ್ಚು ಹಿಂದುಳಿದ ಮತ್ತು ನಿಧಾನವಾಗಿರುತ್ತದೆ. ವೇಗವನ್ನು ಅರ್ಥೈಸುವ ಮೂಲಕ ನೀವು ವಿನ್ಯಾಸವನ್ನು ರಚಿಸುವಾಗ, ನೀವು ಇದನ್ನು ನೆನಪಿನಲ್ಲಿಟ್ಟುಕೊಳ್ಳಬೇಕು - ಮತ್ತು ನಿಮ್ಮ ಚಿತ್ರಗಳನ್ನು ಪಠ್ಯದಂತೆ ಒಂದೇ ದಿಕ್ಕಿನಲ್ಲಿ ಚಲಿಸುವಂತೆ ಮಾಡಿ.

05 ರ 07

ವೀಕ್ಷಕನ ಕಣ್ಣನ್ನು ನಿಧಾನಗೊಳಿಸಲು ಒತ್ತಾಯಿಸಬೇಡಿ

ಸರಿಯಾದ ಫ್ಲೋ. ಚಿತ್ರ ಕೃಪೆ ಎಂ Kyrnin

ಕುದುರೆ ಮತ್ತು ಪಠ್ಯ ಎರಡೂ ಒಂದೇ ದಿಕ್ಕಿನಲ್ಲಿ ಹೋಗುತ್ತಿರುವಾಗ, ಸೂಚಿಸಿದ ವೇಗ ಹೆಚ್ಚಾಗುತ್ತದೆ.

07 ರ 07

ವೆಬ್ ಫೋಟೋಗಳಲ್ಲಿನ ಕಣ್ಣುಗಳನ್ನು ವೀಕ್ಷಿಸಿ

ತಪ್ಪಾದ ಫ್ಲೋ. ಚಿತ್ರ ಸೌಜನ್ಯ ಜೆ Kyrnin

ಫೋಟೋಗಳೊಂದಿಗೆ ಅನೇಕ ವೆಬ್ ಸೈಟ್ಗಳು ಈ ತಪ್ಪನ್ನು ಮಾಡುತ್ತವೆ - ಅವರು ಪುಟದಲ್ಲಿನ ವ್ಯಕ್ತಿಯ ಫೋಟೋವನ್ನು ಇರಿಸಿ, ಮತ್ತು ವ್ಯಕ್ತಿಯು ವಿಷಯದಿಂದ ದೂರ ನೋಡುತ್ತಿದ್ದಾರೆ. ಇದನ್ನು ಹಳೆಯ ವಿನ್ಯಾಸದಲ್ಲಿರುವ ವೆಬ್ ಡಿಸೈನ್ ಸೈಟ್ನಲ್ಲಿ ಕಾಣಬಹುದು.

ನೀವು ನೋಡಬಹುದು ಎಂದು, ನನ್ನ ಫೋಟೋ ಕೆಲವು ಪಠ್ಯದ ನಂತರ ಇರಿಸಲಾಗಿದೆ. ಆದರೆ ನಾನು ಆ ಪಠ್ಯದಿಂದ ದೂರ ನೋಡುತ್ತಿದ್ದೇನೆ, ನನ್ನ ಕಡೆಗೆ ಬಹುತೇಕ ಹಿಂದಕ್ಕೆ ತಿರುಗಿದ್ದೇನೆ. ಒಂದು ಗುಂಪಿನಲ್ಲಿ ಎರಡು ಜನರ ನಡುವಿನ ದೇಹ ಭಾಷೆಯನ್ನು ನೀವು ನೋಡಿದಲ್ಲಿ, ನಾನು ಮುಂದಿನ ವ್ಯಕ್ತಿಗೆ (ಪಠ್ಯದ ಬ್ಲಾಕ್ನಲ್ಲಿ) ಇಷ್ಟವಾಗುವುದಿಲ್ಲ ಎಂದು ಭಾವಿಸುವುದು ಸುಲಭವಾಗಿದೆ.

ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಜನರು ಮುಖಗಳನ್ನು ನೋಡುತ್ತಾರೆ ಎಂದು ಅನೇಕ ಕಣ್ಣಿನ ಟ್ರ್ಯಾಕಿಂಗ್ ಅಧ್ಯಯನಗಳು ತೋರಿಸಿವೆ. ಚಿತ್ರಗಳ ನೋಡುವಾಗ, ಚಿತ್ರವು ನೋಡುವುದನ್ನು ನೋಡಲು ಜನರು ಅರಿವಿಲ್ಲದೆ ಕಣ್ಣುಗಳನ್ನು ಹಿಂಬಾಲಿಸುತ್ತಾರೆಂದು ಸಂಬಂಧಿತ ಅಧ್ಯಯನಗಳು ತೋರಿಸಿವೆ. ನಿಮ್ಮ ಸೈಟ್ನಲ್ಲಿರುವ ಫೋಟೋವು ಬ್ರೌಸರ್ನ ತುದಿಯನ್ನು ನೋಡಿದರೆ, ಅದು ನಿಮ್ಮ ಗ್ರಾಹಕರು ಎಲ್ಲಿ ಕಾಣುತ್ತದೆ, ಮತ್ತು ಹಿಂತಿರುಗಿ ಬಟನ್ ಅನ್ನು ಹಿಟ್ ಮಾಡಿ.

07 ರ 07

ಯಾವುದೇ ಫೋಟೋದಲ್ಲಿರುವ ಕಣ್ಣುಗಳು ವಿಷಯವನ್ನು ಎದುರಿಸಬೇಕು

ಸರಿಯಾದ ಫ್ಲೋ. ಚಿತ್ರ ಸೌಜನ್ಯ ಜೆ Kyrnin

Elpintordelavidamoderna.tk ಹೊಸ ವಿನ್ಯಾಸ, ಫೋಟೋ ಸ್ವಲ್ಪ ಉತ್ತಮ. ಈಗ ನನ್ನ ಕಣ್ಣುಗಳು ಹೆಚ್ಚು ಮುಂದೆ ನೋಡುತ್ತಿವೆ, ಮತ್ತು ನನ್ನ ಎಡಕ್ಕೆ ನಾನು ನೋಡುತ್ತಿರುವ ಸ್ವಲ್ಪ ಸುಳಿವು ಇದೆ - ಪಠ್ಯ ಎಲ್ಲಿದೆ.

ಆ ಸ್ಥಾನಕ್ಕಾಗಿ ಇನ್ನೂ ಉತ್ತಮವಾದ ಫೋಟೋವೆಂದರೆ ನನ್ನ ಭುಜಗಳು ಪಠ್ಯದ ಕಡೆಗೆ ಕೋನೀಯವಾಗಿದ್ದವು. ಆದರೆ ಇದು ಮೊದಲ ಫೋಟೋಗಿಂತ ಉತ್ತಮ ಪರಿಹಾರವಾಗಿದೆ. ಮತ್ತು, ಚಿತ್ರವು ವಿಷಯದ ಬಲಭಾಗದಲ್ಲಿಯೂ ಎಡಗಡೆಯಲ್ಲಿಯೂ ಇರುವ ಸಂದರ್ಭಗಳಿಗಾಗಿ, ಇದು ಉತ್ತಮ ರಾಜಿಯಾಗಿರಬಹುದು.

ಜನರ ಮುಖಗಳ ಚಿತ್ರಗಳನ್ನು ಹೆಚ್ಚು ಗಮನ ಸೆಳೆಯುವಾಗ, ಪ್ರಾಣಿಗಳ ಫೋಟೋಗಳಲ್ಲೂ ಇದು ನಿಜವಾಗಿದೆ ಎಂದು ನೆನಪಿಡಿ. ಉದಾಹರಣೆಗೆ, ಈ ಮಾದರಿಯ ವಿನ್ಯಾಸದಲ್ಲಿ, ನನ್ನ ನಾಯಿಗಳು ಎಡಕ್ಕೆ ಕಾಣಿಸುತ್ತಿವೆ, ಆದರೆ ಚಿತ್ರವು ಚಪ್ಪಟೆಯಾಗಿದೆ. ಆದ್ದರಿಂದ ಅವರು ಪುಟವನ್ನು ನೋಡುತ್ತಿದ್ದಾರೆ. ನಾನು ನಾಯಿಗಳ ದೃಷ್ಟಿಕೋನವನ್ನು ಬದಲಾಯಿಸಿದರೆ ಅವರು ಈ ಪರದೆಯ ಮಧ್ಯಭಾಗದಲ್ಲಿ ನೋಡುತ್ತಿದ್ದರೆ ಈ ವಿನ್ಯಾಸವನ್ನು ಸುಧಾರಿಸಲಾಗುವುದು.