WFruit | Fruit Supplier and Wholesale
نمایش نتایج: از 1 به 2 از 2

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

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    Jul 2015
    ورژن ویبولتین
    1
    نوشته ها
    20
    مورد پسند
    9 بار
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 46.0.2490.86
    میزان امتیاز
    0

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

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


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




  2. گیفت کارت آیتونز

  3. Top | #2
    کاربر سایت

    تاریخ عضویت
    Jul 2014
    ورژن ویبولتین
    4.2.2
    سن
    27
    نوشته ها
    559
    مورد پسند
    81 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 43.0
    میزان امتیاز
    62

    پیش فرض

    اوممممم تا جایی که می دونم پارالاکس خیلی وحشتناکه.
    Parallax (comics) - Wikipedia, the free encyclopedia

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

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

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

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

  1. پاسخ: 17
    آخرين نوشته: 2015/06/22, 01:14 PM
  2. Simply Good Pictures 2.0.13.115 - ویرایش و بهبود کیفیت تصاویر
    توسط AmirAshkan در انجمن دانلود ادیتور
    پاسخ: 0
    آخرين نوشته: 2013/03/31, 01:20 PM
  3. پاسخ: 0
    آخرين نوشته: 2011/05/25, 08:58 AM
  4. دانلود آپدیت آنتی ویروس آویرا-21 اسفند 89
    توسط Kingsdl در انجمن امنیتی
    پاسخ: 0
    آخرين نوشته: 2011/03/12, 08:04 PM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

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

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