جلوه های پیمایش جالب التماس می کنند که در طراحی های بیشتر و بیشتر سایت ها ظاهر شوند.
محبوب ترین و پرطرفدار ترین این جلوه ها پیمایش اختلاف منظر است. این تکنیک - که به نظر می رسد صفحات وب یا صفحه ها با یک پیمایش سریع به حرکت در می آیند ، یا اشیاء را تحریک و حرکت می کنند - می تواند سطح دیگری از علاقه را به یک سایت بیفزاید و باعث افزایش تعامل کاربر شود.
اما شما نیاز به یک درک کامل از آنچه در آن است و نحوه استفاده از مفاهیم اختلاف منظر قبل از شروع روند. در حالی که می تواند یک ابزار دیداری و کاربر عالی باشد ، جلوه های اختلاف منظر باید با دقت انجام شوند.
نکته ای در مورد مثال های این مقاله: اگرچه تصاویر این وب سایت ها هنوز هم عالی به نظر می رسند ، شما باید به هر سایتی مراجعه کنید تا درک روشنی از نحوه کار تکنیک های پیمایش اختلاف منظر در هر وب سایت اختصاصی داشته باشید.
اختلاف منظر چیست؟
اختلاف منظر تکنیکی است که هنگامی اتفاق می افتد که چندین لایه از اطلاعات با هم ترکیب می شوند و با سرعت های مختلف حرکت می کنند تا حرکت ، عمق یا جلوه ای سه بعدی ایجاد کنند.
پیمایش اختلاف منظر با فعال کردن آن با کلیک (یا دقیق تر پیمایش) ماوس ، کنترل این اثر را به شما می دهد. این می تواند یک تجربه جالب کاربر و روش متفاوتی برای ارائه اطلاعات ایجاد کند.
پیمایش اختلاف منظر می تواند عمودی یا افقی باشد. این روند به سمت جلوه های افقی تر حرکت می کند ، اگرچه پیمایش عمودی رایج است. جلوه های اختلاف منظر می تواند سخت باشد و اغلب با تصاویر عالی کار کند ، اگرچه این یک الزام نیست.
درس تاریخ
اگرچه مفاهیم اختلاف منظر برای طراحی وب نسبتاً جدید هستند ، اما کلیت عقاید نسبتاً قدیمی است. اصطلاح اختلاف منظر از پارالاژی کار یونانی به معنای تغییر است. و این دقیقاً همان چیزی است که شما با طراحی وب اختلاف منظر بدست می آورید - تغییر عناصر روی صفحه با یک کلیک یا پیمایش ماوس.
پارالاکس سالهاست که برای نشان دادن انواع دیدگاه ها و تغییر دیدگاه ها استفاده می شود. به عنوان مثال ، در مورد دو عکس فکر کنید که از همان نقاط مختلف برتری یکسان را نشان می دهند.
این اثر همچنین در انواع روشهای کم پیچیده آنلاین نیز استفاده شده است. معمولاً به عنوان مقایسه ای برای دو تصویر. استفاده از پارالاکس قبل و بعد از عکسبرداری است.
بازی های ویدئویی نمونه دیگری از رسانه هایی است که سالهاست از پیمایش اختلاف منظر استفاده می کنند. بسیاری از محبوب ترین بازی های روزهای ابتدایی بازی - Super Mario Bros. ، Streets of Rage و Moon Patrol - با استفاده از این مفهوم ساخته شده اند که به تصاویر دو بعدی امکان جلوه های سه بعدی را می دهد.
اما با تغییر تکنولوژی تعریف اختلاف منظر افزایش یافته است. اکنون وقتی میگویید "اختلاف منظر" ، اکثر مردم بلافاصله درباره اثرات پیمایش صفحه وب فکر می کنند. روشهای مختلفی برای انجام روشهای پیمایش اختلاف منظر در فرآیند طراحی وجود دارد - لایه ها ، اسپری ، دستکاری الگوی تکرار یا با تصاویر شطرنجی. و پس از آن برای تکمیل پروژه با استفاده از ترکیبی از HTML5 ، jQuery ، CSS3 و JavaScript کمی جادو می شود.
چرا از پیمایش اختلاف منظر استفاده می کنیم؟
برخی از مزایای نسبتاً مشخص برای استفاده از تکنیکهای پیمایش اختلاف منظر وجود دارد. رایج ترین این است که "فقط عالی به نظر می رسد". و گرچه این واقعیت دارد ، این ایده خوبی است که دلایل دیگری برای حمایت از پرونده خود برای استفاده از یک طرح طراحی اختلاف منظر داشته باشید.
ایجاد تعامل: کاربران را با پیمایش به داخل سایت بکشید. با تغییر صفحات (به ویژه اگر این اتفاق به صورت چشمگیری رخ دهد) ، کاربران می خواهند به تعامل با سایت ادامه دهند تا ببینند در آینده چه اتفاقی می افتد.
داستانی را بگویید: گاهی اوقات بهترین راه برای بیان داستان شما این است که یک داستان واقعی را بگویید. این کار را از نظر بصری با اختلاف منظر انجام دهید. به عنوان مثال ، این متفاوت از یک فیلم عمل می کند ، زیرا کاربران می توانند عمل را با سرعت خود دنبال کنند ، هم به جلو و هم عقب حرکت کنند.
ویترین محصول: بعضی اوقات یک تصویر مسطح برای نشان دادن آنچه که می فروشید کافی نیست. از جلوه های اختلاف منظر برای نشان دادن محصولات مختلف یا نمایش چندگانه از یک مورد استفاده کنید.
بازدید کنندگان را جذب کنید: اگر کاربران بخواهند با سایت بازی کنند ، مدت زمان طولانی تری به آن آویز می شوند. محتوا و رابط کاربری را جالب و جذاب کنید ، بنابراین کاربران می خواهند با آن بازی کنند. سه روش عالی برای این کار؟ برای ایجاد علاقه و تشویق کنجکاوی از افکت های اختلاف منظر استفاده کنید ، از یک بازی یا فعالیت لذت ببرید یا بازدید کنندگان را با چیزی که در اثر پیمایش است شگفت زده کنید.
فراخوانی برای اقدام: از افکت های اختلاف منظر برای استفاده کاربران سایت استفاده کنید - از کلیک روی یک دکمه یا پیوند تا خرید یا وارد کردن اطلاعات تماس آنها ، به کاربران سایت بگویید که چه کار دیگری انجام دهند.
به یاد داشته باشید ستون فقرات اختلاف منظر ، تجربه کاربر است. آن را جالب ، بی نظیر و مناسب مخاطبان خود قرار دهید. قبل از هر چیز اصول طراحی عالی را در ذهن داشته باشید و این ایده را بعد از ایجاد مفهوم محکم از رنگ تا تایپوگرافی گرفته تا محتوا ، به طرح کلی اضافه کنید.
نتیجه
وب سایت های طراحی شده با طرح های اختلاف منظر می توانند سرگرم کننده و جالب باشند. (همه ما دوست داریم کمی بازی کنیم.)
اما برای انجام آنها به روشی که موفقیت آمیز باشد ، سعی کنید جلوه های دیگر را نیز به حداقل برسانید. افزودن حرکت به یک طرح خلاصه طراحی ناخوشایند می تواند فاجعه بار باشد. به یک طرح طراحی حداقلی تر بچسبید و از افکت های اختلاف منظر برای افزایش علاقه و ایجاد تاکید استفاده کنید.
نکته دیگری که باید در نظر داشته باشید: همه افراد بلافاصله "پیمایش" اختلاف منظر را دریافت نخواهند کرد. گاهی اوقات بهتر است که کاربران کمی گنگ و دستورالعمل ارائه دهند. شما در اینجا بسیاری از نمونه ها را مشاهده خواهید کرد که حتی بهترین طراحی ها اغلب به کاربران می گویند چگونه با محتوا ارتباط برقرار کنند.
- ۹۹/۰۵/۳۰