01 को 07
दृश्य प्रवाह के हो?
भिजुअल फ्लोले कागजातको माध्यमबाट दर्शकको आँखामा राख्छ जुन सबै महत्त्वपूर्ण तत्वहरू प्रमोटन प्राप्त हुन्छन्, र दर्शनलाई कुनै चीज छैन वा दर्शकले टुक्राको भावना गुमाउन सक्छ। स्पष्ट प्रवाह तत्वहरू जस्तै तीरहरू वा अङ्कहरू सबै भन्दा सामान्य तरिका हो वेब डिजाइनरहरू प्रवाह प्रयोग गर्छन्, तर त्यहाँ अन्य प्रकारका तत्त्वहरू प्रयोग गर्न सकिन्छ जुन तपाईंको पाठकहरूलाई निर्दिष्ट मार्गको साथ सार्न प्रत्यक्ष रूपमा प्रयोग गर्न सकिन्छ। यो ट्यूटोरियलका चरणले तपाईंलाई राम्रो र खराब प्रवाहको उदाहरण देखाउनेछ र डिजाइनमा भिड्ने प्रवाहको शब्दावली सिक्न मद्दत गर्दछ।
भिजुअल प्रवाह धेरै तरिकामा प्राप्त गर्न सकिन्छ:
- तीरहरू
- अनुक्रमित तस्बिरहरू वा पाठ तत्त्वहरू
- परिप्रेक्ष्य
- ग्रेडियन्ट
- साइज परिवर्तनहरू
- Curves
- गतिमा छविहरू
- अनुहार - विशेष गरी आँखा
निम्न छविहरू वेब पेजहरूमा प्रवाहमा र कसरी सुधार गर्न तपाईंलाई केही सामान्य गल्तीहरू देखाउनेछ।
02 को 07
पश्चिमी पाठ बायाँबाट दाँयाबाट प्रवाह गर्दछ
यदि तपाइँ पश्चिमी भाषा पढ्ने हुनुभयो भने, तपाईलाई सोच्नु भएको छ कि पाठ बायाँ देखि दायाँ सार्नु पर्छ। यसैले, आँखा पाठ को रेखा मा चल्छ, यो बायाँ देखि दायाँ तिर जान्छ।
माथिल्लो चित्रमा, बायाँ दाँया दिशामा दाँया उडिरहेको छ, र पाठ झरना माथि बहिरहेको छ। चूंकि हामी सबै जान्दछन् कि झरनाहरू घट्दै जान्छ, पाठको प्रवाहको साथ पानीको प्रवाहको दिशामा विच्छेदन छ। दर्शकको आँखा पाठ पढ्न गलत दिशामा जान्छ।
03 को 07
तपाईंको पाठले छविहरूसँग प्रवाह गर्नुपर्छ
यस अवस्थामा, छवि उल्टाइएको छ ताकि पाठ पानीको रूपमा उही दिशामा उडिरहेको छ। सबै तत्वहरूले दर्शकको आँखालाई पानीको प्रवाह र पाठको प्रवाहको साथ पाउँछ।
04 को 07
बायाँमा दाँया बराबरको बायाँ
यो फोटोमा घोडा दायाँबाट बाँया बाट चलिरहेको छ, तर पाठ अंग्रेजी हो र त्यसैले बायाँबाट दाँया। घोडा रेसिङको दृश्य प्रभावले सम्पूर्ण कागजातको गतिलाई कम गर्दछ, किनभने यो पाठ भन्दा फरक दिशा हो।
पश्चिमी संस्कृतिहरूमा, किनभने हाम्रो भाषाहरू बायाँदेखि दायाँतिर जान्छौं, हामी अगाडि बढि र छिटो दाँयाको दृश्य दिशा सम्बद्ध गर्न आउँदछौं, जबकि दाँया बायाँ बढी पछाडि र ढिलो हुन्छ। जब तपाईं गतिको अर्थको साथ लेआउट सिर्जना गर्दै हुनुहुन्छ, तपाईले यो सम्झना गर्नुपर्छ - र तपाईंको छविहरूलाई पाठको रूपमा एकै दिशामा सार्नुहोस्।
05 को 07
दर्शकलाई पछाडि तल देखाउनुहोस्
जब घोडा र पाठ दुवै एउटै दिशामा जान्छ, निहित गति बढ्यो।
06 को 07
आँखहरू वेब तस्बिरहरूमा हेर्नुहोस्
धेरै वेब साइटहरू फोटोहरू यो गल्ती गर्छन् - तिनीहरूले पृष्ठमा एक व्यक्तिको फोटो राख्छन्, र व्यक्ति सामग्रीबाट टाढा रहेको छ। यो पुरानो डिजाइनमा About.com वेब डिजाइन साइटमा पनि हेर्न सकिन्छ।
तपाईले देख्न सक्नु भएको छ, मेरो फोटो केहि पाठ पछि राखिएको छ। तर म त्यस पाठबाट छु कि छु, म लगभग मेरो पछाडि फर्किएको छ। यदि तपाइँ एक समूहमा दुई व्यक्तिहरू बीचको शरीरको भाषा देख्नुभयो भने, यो मान्न सजिलो हुनेछ कि म यस व्यक्तिको पछि लाग्न चाहन्छु (यस अवस्थामा पाठको ब्लक)।
धेरै आँखाको ट्रयाक अध्ययनले देखाउँछ कि मानिस वेब पृष्ठहरूमा अनुहार देख्छन्। र सम्बन्धित अध्ययनहरूले देखेका छन् कि तस्वीरहरू हेर्दा, मानिसहरूले चित्रलाई हेर्ने कुरा हेर्नका लागि अनौपचारिक रूपमा आँखाहरू पछ्याउनेछन्। यदि तपाईंको साइटमा रहेको तस्वीर ब्राउजरको किनारामा हेर्दै छ भने, तपाईका ग्राहकहरू कहाँ छन्, र त्यसपछि ब्याक बटन हिट गर्नुहोस्।
07 को 07
कुनै पनि फोटोमा आएको आँखाले सामग्रीको सामना गर्नु पर्छ
About.com को लागि नयाँ डिजाइनमा, तस्वीर एकदम राम्रो छ। अब मेरो आँखा बढि अगाडि बढिरहेको छ, र त्यहाँ एउटा सानो संकेत छ कि म मेरो बायाँ हेर्दैछु - पाठ कहाँ छ।
त्यो स्थितिको लागि पनि एक राम्रो तस्बिर एक हुन सक्छ जहाँ मेरो कंधेहरू पाठ तिर पनि एङ्ग्लो भए। तर यो पहिलो तस्बिर भन्दा राम्रो समाधान हो। र, अवस्थाको लागि छवि सामग्रीको दाँया र बायाँमा हुनेछ, यो एक राम्रो सम्झौता हुन सक्छ।
याद राख्नुहोस्, पनि, जब मानिसहरूका अनुहार तस्वीरहरू सबै ध्यान आकर्षित गर्छन्, त्यहि पशु जनावरहरूको तस्वीर हो। उदाहरणका लागि, यो नमूना लेआउटमा, मैले मेरो कुकुरहरू बायाँ हेरिरहेका छन्, तर छवि सही छ। त्यसैले तिनीहरू पृष्ठ हेर्न खोज्दैछन्। यो लेआउट सुधार भएको छ भने मैले कुत्तेको अभिविन्यास परिवर्तन गरे ताकि तिनीहरू स्क्रिनको केन्द्रमा हेरिरहन्थे।