[-]
آخرین ارسالی ها
هموروئیدکتومی چیست و چه عوارضی دارد؟
شروع کننده:maralmah آخرین پست توسط:maralmah پاسخ ها:0 پزشکی , آرایشی و بهداشتی نمایش ها:11 زمان:دیروز
لطفا راهنمایی کنید آیا شقاق در کودکان خطرناک است؟
شروع کننده:reyhanbd آخرین پست توسط:maralmah پاسخ ها:1 پزشکی , آرایشی و بهداشتی نمایش ها:421 زمان:دیروز
نکات طراحی فرم ثبت نام
شروع کننده:nooshin88 آخرین پست توسط:nooshin88 پاسخ ها:0 کامپیوتر نمایش ها:29 زمان:۲۷-۳-۱۳۹۸
راه های درست برای تبلیغ اپلیکیشن موبایل
شروع کننده:magbot آخرین پست توسط:magbot پاسخ ها:0 مقالات نمایش ها:17 زمان:۲۷-۳-۱۳۹۸
پذیرش رویکرد طراحی در مرورگرهای مختلف
شروع کننده:magbot آخرین پست توسط:magbot پاسخ ها:0 علمی نمایش ها:25 زمان:۲۷-۳-۱۳۹۸
چگونه می توان آگهی بنر را در فتوشاپ Adobe ایجاد کرد
شروع کننده:magbot آخرین پست توسط:magbot پاسخ ها:0 موبایل نمایش ها:21 زمان:۲۷-۳-۱۳۹۸
نصب دوربین مداربسته با اهداف امنیتی
شروع کننده:mahsa733 آخرین پست توسط:mahsa733 پاسخ ها:0 شبکه و اینترنت نمایش ها:33 زمان:۲۶-۳-۱۳۹۸
ویزای کار ترکیه چیست؟
شروع کننده:elmas آخرین پست توسط:elmas پاسخ ها:0 ایرانگردی و جهانگردی نمایش ها:18 زمان:۲۶-۳-۱۳۹۸
املاک تبریز
شروع کننده:دکوراسیون آخرین پست توسط:دکوراسیون پاسخ ها:0 کاریابی و استخدام نمایش ها:27 زمان:۲۶-۳-۱۳۹۸
ساندویج پانل
شروع کننده:sandwichpanel آخرین پست توسط:sandwichpanel پاسخ ها:0 ایده های کارآفرینی نمایش ها:21 زمان:۲۶-۳-۱۳۹۸
جهت حرکت: - سرعت: - (توقف | حرکت) - بارگذاری مجدد


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
روند طراحی سایت: اختلاف منظر ( Parallax)
۲۱-۳-۱۳۹۸, ۱۲:۲۸ صبح
ارسال: #1
روند طراحی سایت: اختلاف منظر ( Parallax)
روند طراحی سایت: اختلاف منظر ( Parallax) با پیچ و تاب
طراحی رابط کاربری  مقالات مرتبط اختلاف منظر (Parallax)  شامل عناصر در حال حرکت با پس زمینه ثابت است، اما واقعا انیمیشن نیست .معمولا شامل عناصر رنگی و فیزیکی زیادی است . این روند در طراحی پس زمینه شامل عناصر  بسیاری است. اختلاف منظر از روندهای دیگر طراحی سایت   واقعا جذاب تر است. عناصر در حال حرکت در خلا کاربران را برای تعامل و کشف مسمم تر می کند. موجب نگه داشتن آنها در سایت می شود. اختلاف منظر با پیچ و تاب ابزاری برای جذاب کردن سایت توسط طراحان وب سایت است.توجه: شما باید از لینک ها برای هر نمونه از این پست دیدن کنید تا بتوانید درک کنید که چگونه این سایت ها کار می کنند و چه احساس تعاملی  ایجاد می کنند.     [تصویر:  4.jpg]   اختلاف منظر با پیچ و تاب متفاوت است، زیرا در مقایسه با آنچه که در گذشته با حرکت یکپارچه پس زمینه دیده می شد، خیلی متمایز است. یک پس زمینه متحرک با اسکرول فعال می شود، شبیه به افکت پیمایش منظر است.تفاوت اصلی این است که فقدان «صفحات» را نشان می دهد. اسکرول یک جریان پویا مداوم و حرکتی را ایجاد می کند که پس زمینه رنگ را تغییر می دهد، شامل انیمیشن های متحرک و عناصر که با صفحه حرکت می کنند و دیگر عناصر حرکت به داخل و خارج از منطقه تمرکز.تفاوت کلیدی در   تعامل "صفحه نمایش" است. اسکرول یک جریان پویا مداوم و حرکتی است که با حرکت پس زمینه تحول میابد، شامل انیمیشن های متحرک و عناصری است که با صفحه حرکت می کنند و در واقع عناصر به داخل و خارج از منطقه تمرکز حرکت می کنند.  این متفاوت روند پیمایش اختلاف منظر است که ما در گذشته دیده ایم، زیرا عناصر به صورت یکپارچه و با هم هموار حرکت می کنند. در مقایسه با روند اختلاف منظر پیمایشی گذشته ، در اختلاف منظر مورد بحث کاربران اغلب با لایه های عناصر مجزا روبرو هستند.عناصر رایج [تصویر:  5.jpg]   [تصویر:  6.jpg]   بسیاری از این اختلاف منظر با طرح پیچیده چند عنصر رایج دارند.  ۱- تایپوگرافی پررنگ:  علامت بزرگ با انتخاب متن های جالب یک عامل رایج است.
۲- طراحی تک صفحه ای: برای به حداکثر رساندن تاثیر این تکنیک، این وب سایت ها اغلب در یک صفحه طراحی می شوند.
۳- رنگ روشن: رنگ الهام گرفته از طراحی مسطح و طرحی متریال یک عامل رایج است. رنگ روشن و جسورانه رایج هستند.
۴- تغییر انواع محتوا: محتوا در صفحه اغلب با اسکرول تغییر می کند، به طوری که کاربر ابتدا یک ابر متن، سپس یک «صفحه» متن، سپس تصاویر بیشتر و سپس یک فرم تماس دریافت می کند.
۵- داستان مداوم: در حالی که محتوا ممکن است در طول طراحی تغییر کند، یک داستان واحد عنصری است که همه آنها را با هم مرتبط می کند.
۶- تصاویر بزرگ: طراحان از  تصاویر استفاده می کنند، تصاویر - به ویژه در صفحه اصلی - بسیار تاثیر گذار هستند. اکثر این وب سایت ها با یک  ابر تصویر و یک نشانه برای حرکت آغاز می شود
۷- زبان ساده: از آنجا که چارچوب پشت این پس زمینه متحرک پیچیده است، همه چیز در اطراف آن تمایل به سادگی دارد، از جمله زبان سایت. این کنتراست پیچیدگی و سادگی  سایت را آسان می کند تا کاربر به اندازه کافی آن را درک کند و به اندازه کافی جالب باشد تا به ادامه تعامل تشویق شود. طراحی نوع جنبش [تصویر:  7.jpg]   طراحی با اختلاف منظر با یک سبک پیچشی حرکت همراه است. طراحان باید تعادل ظریف بین عناصر متحرک  را در عملکردهای حرکتی  روی صفحه ایجاد کنند.جنبش بیش از حد می تواند قریب به اتفاق باشد که به کاربران حس سرگیجه القا کند. تعادل واقعی در توانایی استفاده از عناصر متحرک و حرکت پس زمینه در هماهنگی با یکدیگر است.   ترفند: تنها در یک زمان خاص، باید یک چیز حرکت کند. به نظر می رسد بسیار ساده است، درست؟   [تصویر:  8.jpg]   بنابراین آنچه که شما باید انجام دهید این است که تمام قسمت های متحرک دیگر را در طول اسکرو متوقف کنید.  حالا شروع به پیمایش کنید کمی حرکت کنید و متوقف شوید تمام حرکات در حال وقوع است. (به غیر از دستورالعمل اسکرول) حرکات ساده هستند و در عمل تقریبا یکنواخت اتفاق می افتند. چرا کار می کند [تصویر:  9.jpg]  [تصویر:  10.jpg]   چرا اختلاف منظر با پیچیدگی آغاز می شود؟   این یک تکامل طبیعی است که چندین گرایش را کنار می گذارد. این یک تکنیک HTML5 است که به طراحان اجازه می دهد تا هر چیزی که دوست دارند در هنگام طراحی  اضافه کنند. با طراحی تخت کار می کند از بسیاری مفاهیم طراحی متریال پیروی می کند؛ شما می توانید آن را در یک چارچوب حداقل استفاده کنید. فرصت ها بی حد و حصر هستند.به همین دلیل است که ما احتمالا وب سایت های بیشتری را با استفاده از اختلاف منظر  و زمینه های متحرک در آینده می بینیم. روندهای بی نظیر و تکنیک هایی که شما می توانید برای پروژ های مختلف استفاده کنید.  [تصویر:  %D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D9...%D8%AA.jpg]طراحی سایت و بهینه سازی نرخ تبدیل[تصویر:  Top-17-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D...C-2019.jpg]17روند طراحی سایت و UI برای سال 2019[تصویر:  5-KPI-UX-%D8%B4%D9%85%D8%A7-%D8%A8%D8%A7...%D8%AF.jpg]پنج KPI کلیدی برای پیگیری UX
 

 
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع:
1 مهمان

بازگشت به بالابازگشت به محتوا

http://www.baleparvaz.com/baleparvaz.gif