01 এর 07
ভিসুয়াল ফ্লো কি?
ভিজুয়াল প্রবাহ দস্তার মাধ্যমে দর্শকের চোখে বহন করে যে সমস্ত গুরুত্বপূর্ণ উপাদানের উচ্চতা পাওয়া যায়, এবং কোনও দৃষ্টিভঙ্গি নষ্ট করে না বা দর্শককে টুকরাটির অনুভূতি হ্রাস করতে দেয় সুস্পষ্ট প্রবাহ উপাদান যেমন তীর বা সংখ্যাগুলি ব্যবহার করা হয়, ওয়েব ডিজাইনাররা প্রবাহ ব্যবহার করে সবচেয়ে সাধারণ উপায়ে ব্যবহার করে, কিন্তু অন্য ধরনের উপাদান রয়েছে যা ব্যবহার করা যেতে পারে এবং আপনার পাঠকদেরকে একটি নির্দিষ্ট পাথ বরাবর সরানোর নির্দেশ দিতে পারে। এই টিউটোরিয়ালের ধাপ আপনাকে ভাল এবং খারাপ প্রবাহের উদাহরণ দেখাবে এবং ডিজাইনের ভিজ্যুয়াল প্রবাহের শব্দভান্ডার শিখতে সাহায্য করবে।
ভিসুয়াল প্রবাহ অনেক উপায়ে অর্জন করা যেতে পারে:
- তীর
- অনুক্রমিক চিত্রগুলি বা পাঠ্য উপাদানগুলি
- পরিপ্রেক্ষিত
- গ্রেডিয়েন্ট
- আকার পরিবর্তন
- বক্ররেখা
- ছবির মোশন
- মুখ - বিশেষ করে চোখ
নিম্নোক্ত চিত্রগুলি ওয়েব পেজগুলিতে প্রবাহিত কিছু সাধারণ ভুল দেখাবে এবং কিভাবে তাদের সংশোধন করতে হবে।
02 এর 07
পশ্চিমা পাঠ্য বাম থেকে ডান দিকে প্রবাহিত
যদি আপনি একজন পশ্চিমা ভাষা পড়ার ক্ষেত্রে বড় হয়ে থাকেন, তাহলে আপনি মনে করছেন যে পাঠ্য বাম থেকে ডানে সরানো উচিত। সুতরাং, যেহেতু চোখেরটি পাঠের একটি লাইন জুড়ে প্রসারিত হয়, এটি বাম থেকে ডানে চলছে
উপরোক্ত ছবিতে, জলপ্রপাত বাম দিকে ডান দিকে প্রবাহিত হয়, এবং পাঠ জলপ্রপাত প্রবাহিত হয়। যেহেতু আমরা সবাই জানি যে ঝরনা হ্রাস পায়, পাঠের প্রবাহের সাথে জল প্রবাহের দিকটি একটি সংযোগ বিচ্ছিন্ন থাকে। পাঠ্যটি পড়ার জন্য দর্শকের চোখ ভুল দিকনির্দেশনায় চলে আসে।
07 এর 03
আপনার পাঠ্য চিত্রগুলির সাথে প্রবাহিত হওয়া উচিত
এই ক্ষেত্রে, ইমেজ বিপরীত হয় যাতে টেক্সট একই দিক হিসাবে জল হিসাবে প্রবাহিত হয়। সমস্ত উপাদান জল প্রবাহ এবং পাঠ্যের প্রবাহ সঙ্গে দর্শকদের চোখের নিচে নেতৃত্ব।
04 এর 07
বাম থেকে ডান সমান দ্রুত
এই ছবিতে ঘোড়া ডান থেকে বামদিকে চলছে, কিন্তু পাঠ্য ইংরেজি এবং তাই বামদিকে ডানে। ঘোড়দৌড়ের এক দুর্যোগের চাক্ষুষ প্রভাব সমগ্র নথির গতিকে গতিসম্পন্ন করে দেয় কারণ এটি পাঠ্যের তুলনায় একটি ভিন্ন দিক হচ্ছে।
পশ্চিমা সংস্কৃতিতে, যেহেতু আমাদের ভাষাগুলি বাম থেকে ডানে সরানো হয়েছে, আমরা বাম থেকে ডানে ডানদিকে দ্রুত এবং দ্রুত হিসাবে সংযুক্ত একটি দৃষ্টিভঙ্গির দিকনির্দেশনা নিয়ে এসেছি, যখন বাম দিকে ডানদিকে আরও বেশি দেরী এবং ধীর যখন আপনি গতির গুনগতির সাথে একটি লেআউট তৈরি করছেন, তখন আপনাকে এটি মনে রাখা উচিত - এবং আপনার চিত্রগুলিকে একই দিক দিয়ে পাঠ্য হিসাবে রাখুন।
05 থেকে 07
ভিউয়ার আই থেকে ধীরে ধীরে এগিয়ে নাও
ঘোড়া এবং পাঠ উভয় একই দিক যাচ্ছে যখন, নিখুঁত গতি বৃদ্ধি করা হয়।
06 থেকে 07
ওয়েব ফটোতে চোখ দেখুন
ফটোগুলি সহ অনেক ওয়েব সাইট এই ভুল করে - তারা পৃষ্ঠার একটি ব্যক্তির একটি ছবি রাখা, এবং ব্যক্তি বিষয়বস্তু থেকে দূরে খুঁজছেন হয় এটি এমনকি পুরনো ডিজাইনের কেয়ার ওয়েব ডিজাইনার ওয়েব সাইটেও দেখা যায়।
আপনি দেখতে পারেন, আমার ছবিটি কিছু পাঠ্যের পাশে স্থাপন করা হয়েছে। কিন্তু আমি যে টেক্সট থেকে দূরে খুঁজছি, আমি প্রায় আমার ফিরে এটি পরিণত হয়েছে। যদি আপনি একটি গ্রুপ দুই ব্যক্তির মধ্যে যে শরীরের ভাষা দেখেছি, এটা আমি যে আমি পরের ব্যক্তি (টেক্সট ক্ষেত্রে ব্লক এই ক্ষেত্রে) পছন্দ করি না অনুমান করা সহজ হবে।
অনেক নজরদারি গবেষণায় দেখানো হয়েছে যে লোকেরা ওয়েব পেজগুলিতে মুখ দেখতে পায়। এবং সম্পর্কিত গবেষণায় দেখানো হয়েছে যে যখন ছবিগুলি দেখছেন, তখন লোকেরা অশোভনভাবে চোখের অনুসরণ করবে যাতে ছবিটি কীভাবে দেখতে পাওয়া যায়। যদি আপনার সাইটে কোনও ফটো ব্রাউজারের প্রান্তের দিকে তাকিয়ে থাকে, তাহলে সেই স্থানে আপনার গ্রাহকরা দেখতে পাবেন, এবং তারপর ফিরে বোতামে আঘাত করুন।
07 07 07
কোনও ফটোতে চোখগুলি বিষয়টির মুখোমুখি হওয়া উচিত
এই নতুন ডিজাইনের জন্য, ফটোটি একটু ভালো। এখন আমার চোখ আরও অগ্রসর হচ্ছে, এবং একটি সামান্য ইঙ্গিত আছে যে আমি আমার বামে খুঁজছি - যেখানে পাঠ্য হয়।
সেই অবস্থানের জন্য আরও ভাল ছবিটি এমন হবে যেখানে আমার কাঁধগুলি পাঠ্যের প্রতিও কৌণিক ছিল। কিন্তু এই প্রথম ছবির চেয়ে অনেক ভালো সমাধান। এবং, এমন পরিস্থিতিতে যেখানে চিত্রটি ডান পাশের পাশের বস্তুর ডানদিকে থাকবে, এটি একটি ভাল আপোস হতে পারে।
মনে রাখবেন যে, যখন মানুষের মুখের ছবিগুলি সবচেয়ে মনোযোগ আকর্ষণ করে, তখন এটিই প্রাণীদের ছবির সত্যতা। উদাহরণস্বরূপ, এই নমুনা বিন্যাসে, আমার কুকুরটি বাম দিকে তাকিয়ে আছে, কিন্তু ছবিটি ফ্লাশের ডানদিকে। তাই তারা পাতাটি বন্ধ করে দিচ্ছে এই লেআউটটি উন্নত করা হবে যদি আমি কুকুরের অভিযোজন পরিবর্তন করে থাকি যাতে তারা পর্দার কেন্দ্রে অনুসন্ধান করে।