thinkdiff
سه شنبه 18 شهریور 1393, 11:19 صبح
سه شنبه 18 شـــــهریور 1393 ساعت 10:48:36
http://digiwebdesign.ir/tmp/cache/img/2-609-244.pngاساس استفاده از ویدئو پس زمینه در سایت
اساس استفاده از ویدئو پس زمینه در سایت
تصاویر همیشه بیشترین تاثیر را در متن دارند.یک جمله معروف چینی هست که در این باره میگوید:"یک تصویر بهتر از هزارتا لغت میباشد."اگر یک تصویر دارای تاثیر فراوانی است، پس ویدئو چه تاثیری دارد؟
به خاطر همین است که وبلاگ نویسان و مشتریان شرکتهای بزرگ اصرار دارند که از ویدئو در سایتهای خود استفاده کنند اما طراحان وب و برنامه نویسان آن را یک دردسر بزرگ میدانند. یک صفحه وب با ویدئو همیشه جذاب به نظر میرسد. ویدئو کاربران را ترغیب میکند که بیشتر در صفحه بمانند و آنها بهتر میتوانند به هدف شما دست یابند.
در اینجا ما تعدادی نکته را برای شما لیست کرده ایم که به شما در گذاشتن ویدئو پس زمینه در سایت کمک میکند. البته این نکات را میتوان برای گذاشتن ویدئوهای کوچکتر در گالری ویدئو استفاده کرد.
1.ویدئو خود را تولید کنید
اگر تصمیم گرفته اید که از ویدئو در سایت خودتان استفاده کنید، بهتر است که ویدئو را خودتان تولید کنید و در سایت قرار دهید به جای اینکه از ویدئو های آماده استفاده کنید. مشکل ویدئو های آماده این است که آنها با ایده و محتویات سایت شما همخوانی ندارند و اغلب دارای کیفیت پایینی هستند. بهتر کردن کیفیت ویدئو کار پرزحمتی میباشد. بنابراین سعی کنید که از ویدئو ها استفاده نکنید وبا استفاده از دوربین HD خودتان ویدئو سایت خودتان را تولید کنید.
2.ساده باشد
http://fsnet.ir/home/1/images/3.png
فیلمی که شما تولید میکنید باید ساده و واضح باشد. کارهایی که درفیلم انجام میگیرد باید قابل فهم باشند. فیلمهای پیچیده و بلندپروازانه هیچ اثری ندارد و برعکس بیننده را خسته میکنند. فیلم هر چه ساده تر باشد، توجه بیشتری از بینندگان را جذب میکند و نرخ تبدیل سایتتان را بالا میبرد.
3.مرتبط با محتوا و ایده سایت تولید کنید
http://fsnet.ir/home/1/images/4.png
ویدئو باید با محتوا و قالب سایتتان همخوانی داشته باشد. همخوانی و ارتباط داشتن مهمترین اصلی است که ویدئو را تاثیرگذار میکند. مهم نیست که فیلم شما چقدر کلاسیک است، اگر با محتوای سایتتان همخوانی نداشته باشد، آن بیاستفاده میکند.
4.کوتاه باشد
ویدئو همیشه باید کوتاه و صریح باشد. ویدئوهای طولانی، ببینده را خسته میکند و باعث میشود که از آن خارج شود. بنابراین سعی کنید تا جایی که امکان دارد ویدئوتان کوتاه باشد به طوریکه دارای محتوای عالی و باارزش باشد. اگر سایت شما دارای محتویات متفاوتی میباشند میتوانید چندین ویدئو را تهیه کنید و ببینده میتواند به طور انتخابی هرکدام را که مایل باشد ببیند.
5.از گزینه های صوتی کلیکی (Audio Option On Click) استفاده کنید.
http://fsnet.ir/home/1/images/5.png
در بیشتر مواقعی که شما در سایتتان از ویدئو استفاده میکنید، شما قبل از لود شدن کامل سایت صدای فیلم را میشنوید و در واقع فیلم به طور خودکار اجرا میگردد. این عمل باعث دفع ببیننده میگردد .پس گزینه ای را در پلیر ویدئو خود قرار دهید که ببیننده اول تصویری از فیلم را ببیند و سپس در صورت تمایل با کلیک بر روی صدا، بتواند صدای فیلم را بشنود و فیلم را کامل ببیند. در این حالت بیننده احساس راحتتری با فیلم میکند.
6.سریعا بارگذاری شود
http://fsnet.ir/home/1/images/6.png
ویدئوهایی که زمان بارگذاری آنها زیاد است، بیننده را از خود دور میکند. بهترین راه این میباشد که آن را فشرده تر کنید و ویدئو خود را طوری ویرایش کنید که زمان بارگذاری آن کم باشد. زمان بارگذاری ویدئو مهمترین مساله در طراحی وب سایت میباشد.
7.از فیلم های فلش اجتناب کنیداستیو جابز میگوید:"زمان استفاده از فلش گذشته است، HTLM5 برای حال و آینده است."
تمام تلاشتان را بکنید که از ویدئو های فلش استفاده نکنید مخصوصا اینکه در دستگاه های Ipad قابل نمایش نیستند. اگر ویدئو شما در ابزار یا مرورگری بارگذاری نشود، نه تنها ارزش خود را از دست میدهد بلکه بر ارزش محتوای وبسایتتان هم اثر میگذارد.
9.از پس زمینه تمام صفحه استفاده کنید
برای ویدئو های تمام صفحه، همیشه از گزینه ای پس زمینه های تمام صفحه ای استفاده کنید. بیشتر طراحان سعی میکنند که از مرکز صفحه یا یک چهارم صفحه استفاده کنند. البته اینها به خوبی اجرا نمیشوند و تاثیر مناسبی ندارند. ویدئو پس زمینه،زمانی تاثیر خود را دارد که به حالت تمام صفحه انتخاب شود.
مراحل ایجاد ویدئو به عنوان پس زمینه
این مهمترین مطلب برای تنظیم ویدئو به عنوان پس زمینه وب سایت میباشد. طراحان باید خیلی دقت کنند و حتی یک اشتباه کوچک، باعث خرابی کل سایت میگردد. این فرایند مراحلی به شرح زیر دارد:
مرحله اول:یک div ایجاد کنید. عرض و طول آن را 100 درصد بدهید. پس از ایجاد div صفحه را ذخیره نمایید و نتیجه نمایش آن را در مرورگرهای مختلف ببینید. ممکن است شما احساس کنید که ویدئو شما به صورت تمام صفحه نمیباشد. برای حل این مشکل مقدار padding و margin تگ body خود را صفر بدهید.
مرحله دوم:در مرحله بعد یک پوششی روی آن قرار دهید. برای اینکار یک div دیگر با عرض و طول 480 پیکسل ایجاد کنید و position آن را absolute بدهید. حال باید یک رنگ به اینdiv جدید بدهید اما مطمئن شوید که رنگ مورد استفاده با رنگ ویدئو شما همخوانی دارد.
مرحله سوم:در این مرحله style را تعیین میکنید. برای این منظور یک تگ div به صورت دایره ایجاد میکنید. مقدار top آن را 30 درصد و چپ آن را 50 درصد بدهید. حال padding و متن به آن اضافه کنید. شما تا الان تنظیمات پس زمینه را انجام داده اید. حال آن را با مرورگرهای مختلف بررسی کنید و تمامی موارد از قبیل بارگذاری، موقعیت و غیره را بررسی نمایید.
مهمترین مساله این میباشد که شما مطمئن شوید که ویدئو شما کل صفحه را پوشش قرار میدهد. اگر مقداری کمی فاصله داشته باشد، کل ارزشسایت شما زیر سوال می برد.
http://digiwebdesign.ir/pageLoader/v_load/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA
http://fsnet.ir/home/1/files/استفاده از ویدیو ها در پس زمینه سایت.pdf (http://fsnet.ir/home/1/files/%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87%20%D8%A 7%D8%B2%20%D9%88%DB%8C%D8%AF%DB%8C%D9%88%20%D9%87% D8%A7%20%D8%AF%D8%B1%20%D9%BE%D8%B3%20%D8%B2%D9%85 %DB%8C%D9%86%D9%87%20%D8%B3%D8%A7%DB%8C%D8%AA.pdf)
http://digiwebdesign.ir/tmp/cache/img/2-609-244.pngاساس استفاده از ویدئو پس زمینه در سایت
اساس استفاده از ویدئو پس زمینه در سایت
تصاویر همیشه بیشترین تاثیر را در متن دارند.یک جمله معروف چینی هست که در این باره میگوید:"یک تصویر بهتر از هزارتا لغت میباشد."اگر یک تصویر دارای تاثیر فراوانی است، پس ویدئو چه تاثیری دارد؟
به خاطر همین است که وبلاگ نویسان و مشتریان شرکتهای بزرگ اصرار دارند که از ویدئو در سایتهای خود استفاده کنند اما طراحان وب و برنامه نویسان آن را یک دردسر بزرگ میدانند. یک صفحه وب با ویدئو همیشه جذاب به نظر میرسد. ویدئو کاربران را ترغیب میکند که بیشتر در صفحه بمانند و آنها بهتر میتوانند به هدف شما دست یابند.
در اینجا ما تعدادی نکته را برای شما لیست کرده ایم که به شما در گذاشتن ویدئو پس زمینه در سایت کمک میکند. البته این نکات را میتوان برای گذاشتن ویدئوهای کوچکتر در گالری ویدئو استفاده کرد.
1.ویدئو خود را تولید کنید
اگر تصمیم گرفته اید که از ویدئو در سایت خودتان استفاده کنید، بهتر است که ویدئو را خودتان تولید کنید و در سایت قرار دهید به جای اینکه از ویدئو های آماده استفاده کنید. مشکل ویدئو های آماده این است که آنها با ایده و محتویات سایت شما همخوانی ندارند و اغلب دارای کیفیت پایینی هستند. بهتر کردن کیفیت ویدئو کار پرزحمتی میباشد. بنابراین سعی کنید که از ویدئو ها استفاده نکنید وبا استفاده از دوربین HD خودتان ویدئو سایت خودتان را تولید کنید.
2.ساده باشد
http://fsnet.ir/home/1/images/3.png
فیلمی که شما تولید میکنید باید ساده و واضح باشد. کارهایی که درفیلم انجام میگیرد باید قابل فهم باشند. فیلمهای پیچیده و بلندپروازانه هیچ اثری ندارد و برعکس بیننده را خسته میکنند. فیلم هر چه ساده تر باشد، توجه بیشتری از بینندگان را جذب میکند و نرخ تبدیل سایتتان را بالا میبرد.
3.مرتبط با محتوا و ایده سایت تولید کنید
http://fsnet.ir/home/1/images/4.png
ویدئو باید با محتوا و قالب سایتتان همخوانی داشته باشد. همخوانی و ارتباط داشتن مهمترین اصلی است که ویدئو را تاثیرگذار میکند. مهم نیست که فیلم شما چقدر کلاسیک است، اگر با محتوای سایتتان همخوانی نداشته باشد، آن بیاستفاده میکند.
4.کوتاه باشد
ویدئو همیشه باید کوتاه و صریح باشد. ویدئوهای طولانی، ببینده را خسته میکند و باعث میشود که از آن خارج شود. بنابراین سعی کنید تا جایی که امکان دارد ویدئوتان کوتاه باشد به طوریکه دارای محتوای عالی و باارزش باشد. اگر سایت شما دارای محتویات متفاوتی میباشند میتوانید چندین ویدئو را تهیه کنید و ببینده میتواند به طور انتخابی هرکدام را که مایل باشد ببیند.
5.از گزینه های صوتی کلیکی (Audio Option On Click) استفاده کنید.
http://fsnet.ir/home/1/images/5.png
در بیشتر مواقعی که شما در سایتتان از ویدئو استفاده میکنید، شما قبل از لود شدن کامل سایت صدای فیلم را میشنوید و در واقع فیلم به طور خودکار اجرا میگردد. این عمل باعث دفع ببیننده میگردد .پس گزینه ای را در پلیر ویدئو خود قرار دهید که ببیننده اول تصویری از فیلم را ببیند و سپس در صورت تمایل با کلیک بر روی صدا، بتواند صدای فیلم را بشنود و فیلم را کامل ببیند. در این حالت بیننده احساس راحتتری با فیلم میکند.
6.سریعا بارگذاری شود
http://fsnet.ir/home/1/images/6.png
ویدئوهایی که زمان بارگذاری آنها زیاد است، بیننده را از خود دور میکند. بهترین راه این میباشد که آن را فشرده تر کنید و ویدئو خود را طوری ویرایش کنید که زمان بارگذاری آن کم باشد. زمان بارگذاری ویدئو مهمترین مساله در طراحی وب سایت میباشد.
7.از فیلم های فلش اجتناب کنیداستیو جابز میگوید:"زمان استفاده از فلش گذشته است، HTLM5 برای حال و آینده است."
تمام تلاشتان را بکنید که از ویدئو های فلش استفاده نکنید مخصوصا اینکه در دستگاه های Ipad قابل نمایش نیستند. اگر ویدئو شما در ابزار یا مرورگری بارگذاری نشود، نه تنها ارزش خود را از دست میدهد بلکه بر ارزش محتوای وبسایتتان هم اثر میگذارد.
9.از پس زمینه تمام صفحه استفاده کنید
برای ویدئو های تمام صفحه، همیشه از گزینه ای پس زمینه های تمام صفحه ای استفاده کنید. بیشتر طراحان سعی میکنند که از مرکز صفحه یا یک چهارم صفحه استفاده کنند. البته اینها به خوبی اجرا نمیشوند و تاثیر مناسبی ندارند. ویدئو پس زمینه،زمانی تاثیر خود را دارد که به حالت تمام صفحه انتخاب شود.
مراحل ایجاد ویدئو به عنوان پس زمینه
این مهمترین مطلب برای تنظیم ویدئو به عنوان پس زمینه وب سایت میباشد. طراحان باید خیلی دقت کنند و حتی یک اشتباه کوچک، باعث خرابی کل سایت میگردد. این فرایند مراحلی به شرح زیر دارد:
مرحله اول:یک div ایجاد کنید. عرض و طول آن را 100 درصد بدهید. پس از ایجاد div صفحه را ذخیره نمایید و نتیجه نمایش آن را در مرورگرهای مختلف ببینید. ممکن است شما احساس کنید که ویدئو شما به صورت تمام صفحه نمیباشد. برای حل این مشکل مقدار padding و margin تگ body خود را صفر بدهید.
مرحله دوم:در مرحله بعد یک پوششی روی آن قرار دهید. برای اینکار یک div دیگر با عرض و طول 480 پیکسل ایجاد کنید و position آن را absolute بدهید. حال باید یک رنگ به اینdiv جدید بدهید اما مطمئن شوید که رنگ مورد استفاده با رنگ ویدئو شما همخوانی دارد.
مرحله سوم:در این مرحله style را تعیین میکنید. برای این منظور یک تگ div به صورت دایره ایجاد میکنید. مقدار top آن را 30 درصد و چپ آن را 50 درصد بدهید. حال padding و متن به آن اضافه کنید. شما تا الان تنظیمات پس زمینه را انجام داده اید. حال آن را با مرورگرهای مختلف بررسی کنید و تمامی موارد از قبیل بارگذاری، موقعیت و غیره را بررسی نمایید.
مهمترین مساله این میباشد که شما مطمئن شوید که ویدئو شما کل صفحه را پوشش قرار میدهد. اگر مقداری کمی فاصله داشته باشد، کل ارزشسایت شما زیر سوال می برد.
http://digiwebdesign.ir/pageLoader/v_load/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA
http://fsnet.ir/home/1/files/استفاده از ویدیو ها در پس زمینه سایت.pdf (http://fsnet.ir/home/1/files/%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87%20%D8%A 7%D8%B2%20%D9%88%DB%8C%D8%AF%DB%8C%D9%88%20%D9%87% D8%A7%20%D8%AF%D8%B1%20%D9%BE%D8%B3%20%D8%B2%D9%85 %DB%8C%D9%86%D9%87%20%D8%B3%D8%A7%DB%8C%D8%AA.pdf)