1396-11-11 17:08 آشنایی با اسکرول پارالاکس
webone

 
قطعا شما با روند طراحی پارالاکس در بسیاری از سایت ها آشنا شده اید و توجه بسیاری از شما را جلب کرده. پارالاکس شامل عناصر در حال حرکتی است که در واقع انیمیشن نیستند اما شامل حرکت های scroll میشوند یعنی با اسکرول کردن شما متوجه این نوع حرکت ها و عناصر میشوید.
هم چنین می توان گفت که پارالاکس چرخشی نوع متفاوتی از پارالاکس است،
این عناصر شامل مقدار زیادی از رنگ ها و عناصر فیزیکی هستن و پارالاکس چرخشی تا کنون، یکی از نقطه های جذاب برای طراحان و کاربران و یک نقطه ی عطف برای یک طراحی سایت حرفه ای است.
تاثیر بزرگی که طراحی پارالاکس چرخشی بر روی مخاطبان خود دارد، همین حرکت و پیچ و تاب ها است. طراحان سایت ملزم به خلق تعادل ظریف بین انیمیشن و حرکت های اثر گذار دیگری همزمان با عمل اسکرول و حرکات دیگر بر روی صفحه ی نمایش هستند.
علاوه بر اثرات و کارهای scroll، تعداد انگشت شماری از عناصر دیگر برای پارالاکس چرخشی وجود دارد که بسیاری از طراحان وب از آن استفاده می کنند.
طراحی یک صفحه : برای به حداکثر رساندن این تکنیک، این وب سایت ها از ویژگی طراحی یک صفحه ای بهره مند هستند. برخی از طراحان از تاثیر اسکرول طولانی در صفحه ی اصلی با هدایت به صفحه های داخلی همراه با فرمت استاندارد استفاده می کنند.
تایپوگرافی با حروف درشت : حروف بزرگ با طرح حروف جذاب یکی از عوامل رایج در این طراحی است. طراحان معمولا برای سهولت خواندن و تاثیر گذاری بیشتر روی مخاطبان از فونت هایی استفاده می کنند که این ویژگی را دارا باشد.
رنگ روشن : همان طور که در مقاله های قبلی در مورد طراحی تخت (flat) و متریال دیزاین گفته شده بود، رنگ ها در طراحی متریال و تخت بسیار مهم هستند. بزرگی، روشنی، و bold شدن از انتخاب های رایج در این گونه طراحی ها هستند. می توان گفت که پالت رنگ در این گونه طراحی ها، بسیار ساده بوده اما اغلب شما گزینه های زیادی برای تسهیل و کمک کردن به رنگ پس زمینه، به عنوان یک طراح دارید..
تغییر نوع تایپ و نوشته ها : در بیشتر مواقع در پارالاکس چرخشی، نوع تایپ و نوشته در صفحه با اسکرول کردن، تغییر می کنند. و یا اینکه کاربر، در ابتدا ممکن است که با تصویر اصلی مواجه شود و بعد از آن با اسکرول کردن صفحه ای که شامل متن است و پس از آن تصاویر بیشتر و ... را مشاهده کنند.
1402-08-30 09:22 Introduction to parallax scrolling
Larisabrownb

 
Parallax scrolling is a technique in computer graphics where background images move past the camera more slowly than foreground images, creating an illusion of depth in a 2D scene of distance. The technique grew out of the multiplane camera technique used in traditional animation since the 1930s.Parallax scrolling is a web design technique in which the website background moves at a slower pace than the foreground. This results in a 3D love language test effect as visitors scroll down the site, adding a sense of depth and creating a more immersive browsing experience.0Parallax scrolling is a visual effect where the background of a web page appears to stay still while the foreground shifts vertically or horizontally. Parallax scrolling is used to add visual interest to a website and engage users as they scroll through a web page.Horizontal parallax is used less commonly than vertical, and it's harder to pull off than the other types. It's usually similar to a slideshow but in this case, the horizontal content is connected with the scroller through animated effects. So when the user scrolls, the content will move horizontally