+ ارسال نظر
نمایش نتایج: از 1 به 1 از 1

موضوع: با پارالاکس در طراحی سایت آشنا شوید

  1. #1
    داره خودمونی میشه
    تاریخ عضویت
    Jul 2015
    نوشته ها
    22
    تشکر
    0
    تشکر شده 0 بار در 0 ارسال

    پیش فرض با پارالاکس در طراحی سایت آشنا شوید

    پارالاکس تکنولوژی جدید در زمینه طراحی سایت است که اخیرا در ایران هم رواج پیدا کرده . در این سایت ها که معمولا تک صفحه ای یا single page هستند ، با اسکرول صفحه و یا حرکت موس افکتی در صفحه و روی عناصر صفحه اتفاق می افتد. برای مثال پس زمینه blur و یا جابجا میشه ، تصاویر و نوشته ها حرکت می کنند ، بعضی از عناصر و المنت ها با افکتی در صفحه ظاهر می شوند و … . دقت داشته باشید که هر افکتی که با اسکرول و یا حرکت موس اجرا شود با برگشت موس و یا برگشت اسکرول افکت هم به همان حالت قبل برمی گردد .
    افکت دیگری که ممکن است در پارالاکس دیده شود این هست که شما با حرکت موس از سمت راست صفحه به سمت چپ (یا بالعکس) میتوانید میدان دید خود را گسترش دهید و از عرضی که در مانیتور مشاهده میکنید فراتر روید و به عبارتی دیگر منظره را بصورت ۱۸۰ درجه ببینید، به نحوی که عناصر و اجزای صفحه در جای خود قرار دارند و شما میتوانید عرض صفحه را از سمت راست به چپ و از سمت چپ به راست و فراتر از عرض ثابت صفحه مشاهده کنید.
    مانند این است که دوربینی در دست شماست و در حال مشاهده ی یک منظره هستید. زمانی که شما دوربین را به راست یا چپ بچرخانید ، درختان و اجزای طبیعت سرجای خود هستند اما میدان دید شما حرکت خواهد کرد و زوایایی که بطور مستقیم در میدان دید شما نیست را با چرخاندن دوربین به چپ و راست خواهید دید.
    در نمونه ای دیگر از طرح های پارالاکس ، چند لایه روی هم قرار می گیرد و یک تصویر ترکیبی را تشکیل خواهد داد و افکت هر لایه با سرعت خاصی اجرا می شود که این نمونه از نظر من جذابیت بیشتری به طرح می دهد.
    گاهی اوقات شما حتی میتوانید با ترکیب برخی تکنولوژی ها با پارالاکس یک انیمیشن هم برای وب سایت خود طراحی کنید. در مجموع این تکنولوژی در حال حاضر بین کاربران ایرانی محبوبیت پیدا کرده.
    چگونه یک سایت پارالاکس طراحی کنیم؟
    طراح گرافیک سایت های پارالاکس باید تا حدودی با سایت های پارالاکسی آشنایی داشته باشد تا بتواند بصورت استاندارد طراحی وب سایت را انجام دهد و برنامه نویس هم بتواند آن طرح را با تکنولوژی پارالاکس به درستی پیاده کند.
    برای پیاده سازی این تکنولوژی پلاگینهایی هم وجود دارد مثل parallax.js که شما می توانید استفاده کنید. در آینده ساخت صفحات پارالاکس را به شما آموزش خواهیم داد.

    منبع : مقالات طراحی سایت

  2. # ADS
    Circuit advertisement
    تاریخ عضویت
    Always
    نوشته ها
    Many
     

+ ارسال نظر

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. 6 نکته در طراحی و بهینه سازی سایت
    توسط mamerz در انجمن کتاب ها ومقالات و فیلم های اموزشی
    پاسخ: 0
    آخرين نوشته: 14-11-2015, 09:16
  2. بهینه سازی سایت و رتبه صفحه
    توسط saeedyari913 در انجمن اینترنت و شبکه
    پاسخ: 0
    آخرين نوشته: 31-10-2015, 14:09
  3. طراحی سایت ، طراحی وب سایت
    توسط mamerz در انجمن اخبار دنیای IT
    پاسخ: 0
    آخرين نوشته: 19-08-2015, 15:36
  4. طراحی سایت و تعریف وب سایت
    توسط shadishiri65 در انجمن اینترنت و شبکه
    پاسخ: 0
    آخرين نوشته: 31-07-2014, 11:25

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را دارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •