آرشیو
طراح قالب
Tebyan

آیا تکنولوژی واقعیت مجازی (VR : Virtual Reality) در دنیای وب و طراحی سایت نیز به کار گرفته خواهد شد ؟

از سال 2015 ، مهندسین تلاش کردند تا دستگاه ها و تکنولوژی هایی ایجاد کنند که کاربران را وارد دنیای تازه ای پراز تجربیات و سرگرمی ها و هیجانات جدید کنند . مثلا در کار تولید محتوا برای وب سایت، تلاش بر این است که کاربر تجربه خوبی از بازدید و مطالعه آن ها داشته باشد ، هم آموزش و آگاهی و دانش لازم و مد نظر را از محتوای سایت کسب کند ،هم در کنار آن سرگرمی و لذت کافی را از گذراندن وقتشان با بازدید از سایت ببرند .

واقعیت مجازی در طراحی سایت

پیش از این بارها تلاش شده است تا این تغییر و تحولات در دنیای تکنولوژی به نتیجه برسد ، اما این بار با تکنولوژیواقعیت مجازی (VR) یک فرصت استثنایی برای طراحان و توسعه دهندگان وب پیش آمده تا با استفاده از آن – با توجه به بازار رایج و پر کاربر بازی های موبایلی و کنسولی که فوق العاده مخاطب زیادی دارند - به موفقیت مطلوب خود در جذب کاربران برسند . با وجود این پیشرفت های فنی ، حالا ظرفیت و امکاناتکافی برای خلق آثار جدید در حوزه IT ، به خصوص واسط های کاربری (UI) بسیارفراهم است .

شرکت های بزرگ و پیشگام در استفاده از تکنولوژی واقعیت مجازی برای طراحی سایت

 

واقعیت مجازی در طراحی سایت

 

فیس بوک

اکیولوس (Oculus) که توسط فیس بوک خریداری شده است ، دارای موارد زیر است :

•    ریفت (Rift) : یک دستگاه برای رایانه هاست (سازگار با ویندوز ، پس از توافق با شرکت مایکروسافت) که نسخه کاربری نهایی آن از اوایل سال 2016 در دسترس کاربران قرار گرفته است .

•    GearVR : یک هدست (headset) که به هدف کاربری برای دستگاه های موبایل در نظر گرفته شده است وسازنده آن شرکت سامسونگ است . این دستگاه همراه موبایل های مدل گلکسی S6 به بعد برای فروش توسط فروشگاه اپلیکیشن های واقعیت مجازی سامسونگ عرضه شدهاست .

•    تولید محتوا : با ابتکاراتی مانند استوری استودیو اکیولوس که اولین چالش آن ساخت چهار فیلم کوتاه در سبک شرکت پیکسار (شرکتی که برخی از اعضای تیم استوری استودیو قبلادر آن کار کرده بودند) و بررسی امکانات قصه گویی و تولید محصول نمایشی داستانی توسط این پلتفرم بود ، این نوآوری قابلیت تولید محتوا را نیز داراست .

سونی

شرکت سونی پروژه مورفیوس ، که حالا با نامPlayStationVR نام برده می شود ، را به عنوان یک امکان جانبی برای دستگاه PlayStation4 پیش برد . موفقیت این پروژه به این دلیل بود که این دستگاه و ویژگی به عنوان اولین موردی بوده که در دسترس عموم قرار گرفته است ، با طیفگسترده ای از بازی های جالب و هیجان انگیز که توسط استودیوهای بزرگ بازی سازی ساخته شده اند . اما این پروژه بر گیمرها تمرکز دارد و موفقیت آن وابسته به استقبال گیمرها می باشد .

گوگل

شرکت گوگل با پروژه ای که در سال 2014 به ایده یکی از متخصصان شرکت عرضه کرد ، به موفقیت بزرگی رسید . گوگل کاردبرد (Google CardBoard) یک دستگاه است که می توان به وسیله آن از تجربه دنیای واقعیت مجازی در موبایل های خود (اندروید یا iOS) بهره مند شوید و لذت ببرید ، تنها با هزینه کمتر 20 دلار .

این دستگاه برای اهداف زیر در نظر گرفته شده است :

•    ارتقاء سطح کیفی ساخت اپلیکیشن هایی که توسط موتورهای بازی سازی مانند یونیتی و فروش آن ها در گوگل پلی یا اپ استور .
•    پخش ویدیوهای 360 درجه از یوتیوب : همانند نسخه اندرویدی ، تماشای ویدیوها به حالت واقعیت مجازی توسط کاردبرد میسر شده است .
•   تولید و ایجاد محتوای واقعیت مجازی : توسط اپلیکیشن اندرویدی دوربین کاردبرد ، شما می توانید عکس برداری استریوسکوپیک 360 درجه انجام دهید و آنها را توسط کاردبرد ببینید .
•    پروژه های آموزشی : کاربردی مانند گوگل اکسپدیشن که به تمام مدارس جهان قابلیت استفاده از تکنولوژی واقعیت مجازی در کلاس های درس را می دهد . تنها کافیست تا یک دستگاه موبایل با کاردبرد در اختیار دانش آموزان گذاشت و یک تبلت در اختیار معملمین که کاربری از این تکنولوژی را به دانش آموزان آموزش دهند .

البته پروژه های دیگری نیز در زمینه این تکنولوژی در حال پیشرفت هستند که ارزش نام بردن را دارند :

شرکت HTC در حال کار کردن با Valve برای ایجاد محتوا برای بازی های استیم محور می باشد ، مایکروسافت نیز HoloLens را ارائه کرد که واقعیت افزوده (AR) و واقعیت مجازی (VR) را با هم ترکیب میکند . اما هنوز هیچ قطعیتی درباره ورود تکنولوژی واقعیت مجازی به دنیای وبو طراحی سایت وجود ندارد

برای شرکت های بزرگ ، استفاده از واقعیت مجازی در طراحی وب بهره وری مستقیم ندارد ، پس بنابراین آن ها در انتخاب تکنولوژی برای پیاده سازی پروژه خود بسیار دقت می کنند و هرگز بر روی یک تکنولوژی و تضمین نشده سرمایه گذاری نمی کنند .

از سوی دیگر ، برخی از کارمندان این شرکت های بزرگ کاربرد واقعیت مجازی در طراحی وب را باور دارند . برای مثال ، Brandon Jones یکی از مهندسین گوگل که در یکی از پروژه ها در بروزر کروم ازواقعیت مجازی استفاده کرد ؛ Josh Carpenter و Vlad Vukicevic سرپرستان یک تیم کوچک در شرکت موزیلا نیز کاری مشابه همان کار Brandon Jones را انجام دادند و یک کتابخانه به نام A-frame ایجاد کردند که بدون داشتن دانش WebGL ،بتوان با استفاده از آن تولید محتوای واقعیت مجازی برای وب (WebVR) را انجام داد .

پروژه های دیگری مانند AltspaceVR یا Beebola نیز ارائه کننده تجربه کاربری واقعیت مجازی در بروزر هستند . همچنین برای مثال ، پلتفرم Vizor نیز شما را قادر می سازد تا بدون داشتن دانش برنامه نویسی و توسعه وب به طور حرفه ای ، بتوانید محتوای واقعیت مجازی برای وب تولید کنید .

چرا کاربرد واقعیت مجازی در فضای وب مورد توجه قرار گرفته است ؟


برای دیدن متن کامل مقاله به

آیا واقعیت مجازی در طراحی سایت نیز به کار گرفته خواهد شد ؟

مراجعه کنید

برچسب ها : طراحی سایت-سئو-سئو سایت

چگونه یک وب سایت مینیمالیست با استفاده از روش های طراحی فلت ، طراحی کارتی ، و تصاویر HD بسازیم ؟

برخی مدهای طراحی سایت تنها به یک دلیل محبوبند : چون به خوبی کار راه انداز هستند .

آن ها به راحتی پیاده سازی می شوند ، کاربران به آن ها عادت کرده اند ، آن ها از جهات زیادی انعطاف پذیر هستند ،و همچنین آن ها محتوای وب سایت را به طریقی با معنی ، زیبا و دلنشین برای مخاطبان ارائه می کنند .
در این مقاله ، به شما آموزش خواهم داد که چگونه می توانید یک وب سایت موفق با استفاده از روش های طراحی فلت ، مینیمالیسم ، طراحی کارتی ، و تصاویر HD بسازید .

روش های طراحی سایت فلت و مینیمالیسم چگونه کارساز می شوند ؟

سوال اول در مقدمه این موضوع این است که سایت هایی که با روش های مذکور ساخته می شوند چگونه خروجی و نتیجه آن ها بهاین خوبی زیبا و کاربردی می شود ؟ در یک نگاه کلی ، به چند مورد از دلائل موفقیت طراحی سایت فلت اشاره می کنم :

  1. عمده محتوا ، تصاویر زیبا و با کیفیت HD می باشد .
  2. هنگام بارگذاری صفحات ، کاربر با تماشای جلوه های انیمیشنی زیبا سرگرم می شود .
  3. زیبایی طراحی فلت ، یک بلوغ بصری ایجاد می کند که در نتیجه آن برند تجارت الکترونیک شرکت ها در فضای مجازی به خوبیبرای کاربران جذابیت ایجاد می کند .
  4. صفحه اول وب سایت با واسط کاربری کارت شکل در طراحی کارتی چیده و مرتب می شود .
  5. برای پشتیبانی کامل از سایر دستگاه ها ، این روش های طراحی سایت به خوبی قابلیت واکنش گرا شدن یا به اصلاح طراحی ریسپانسیو و موبایل فرندلی را دارند .

مینیمالیسم و تصاویر HD

وب سایتی که به هدف فروش مجموعه ای از محصولات طراحی شده است ، باید در آن محصولات به خوبی و با جذابیت برای کاربران به نمایش در بیایند . یک تصویر تک و با کیفیت از محصول ، بازدید کننده را جذب دیدن و مطالعه درباره آن محصول می کند . اما باید تصویر به درستی انتخاب شود ، یعنی آن تصویر نه تنها کیفیت و زیبایی محصول را به کاربر نشان می دهد ، بلکه باید به گونه ای باشد که مخاطب با آن ارتباط برقرار کند و خیلی ابعاد مختلف درباره محصول بدون خواندن مطلب زیر تصویر راتنها از دیدن خود آن متوجه شود .
همانطور که در مقاله روندهای طراحی وبسایت در سال های 2015 و 2016 گفته شد ، امروزه استفاده از تصاویر شاخص و بزرگ با کیفیت HD در بالای صفحه اول سایت ها رایج شده است چرا که کاربر با دیدن آن مشتاق بازدید از ادامه محتوا و صفحات وب سایت می شود . در کنار اینمد طراحی ، وب سایت هایی که برای موبایل ها بهینه سازی می شوند از تصاویر کوچکتر و کم حجم تر استفاده می کنند چون کاربران تلفن همراه که از پهنای باند سیم کارتشان استفاده می کنند برای دیدن این تصاویر حجم زیادی از دیتایبسته اینترنتشان را از دست خواهند داد .

سوالی که مطرح می شود این است که پهنای باند را چگونه با کیفیت تصاویر سایت که باعث بالا رفتن حجم آن ها می شود وفق دهیم ؟ با استفاده از مینیمالیسم . در طراحی وب ، مینیمالیسم تنها به معنی " کار بیشتر با حجم کمتر " نیست – بلکه در واقع همان میزان کار است بابهم ریختگی کمتر و همینطور استفاده از رنگ های مات که بر روی تصاویر می افتد و عناصر بصری طراحی (هدر و فوتر سایت ، پس زمینه و تایپوگرافی) .

این کار فواید دیگری نیز دارد . تصاویر باطرح های رنگی هماهنگ ، سریع تر بارگذاری می شوند چون تصاویر با فرمت JPG با کنتراست کمتر حجم کمتری از تصاویر با کنتراست بالا دارند . این به این معنی است که می توان تصاویر بزرگ و با کیفیت را با حجم تصویر کمی کم کیفیت تر در وب سایت استفاده کرد .

طراحی سایت فلت

طراحی فلت به این شکل است که عناصر طرح بهصورت تک رنگ و با استفاده از رنگ های ساده بر روی پس زمینه سایت می نشینند. این کار برای از بین بردن گمراهی کاربر در تماشای صفحه و جلب تمرکز او بر محتوای اصلی بسیار تأثیر گذار است . همچنین اینکار زیبایی و حسی که سایتبه کاربر منتقل می کند را تکمیل می کند .

طراحی سایت فلت

طراحی کارتی ، سازمان دهی محتوا به صورت کارت شکل که موجب بهبود نظم محتوای وب سایت می شود

طراحی کارتی با استفاده از گرید پیاده سازی می شود ، اما فهم کاربرد آن و استفاده موثر از این سبک طراحی مهم است .

طراحی کارتی در طراحی آداپتیو :قالب بدون زوائد این گونه وب سایت ها به خوبی در ابعاد کوچکتر نمایشگرها پیاده سازی می شود همانگونه که در نمایشگرهای بزرگتر توسعه می یابند .

قطعه بندی محتوا : قطعه قطعه کردن محتوای سایت به طور جداگانه در هر کارت باعث می شود که کاربر به راحتی محتوای مد نظرش را جست و جو کند . همچنین با این کار کاربر می تواند اطلاعات مختلف در کارت ها را با هم مقایسه کند و با کاربری واسط کاربری به سرعت آشنا شود .

بهترین شیوه پیاده سازی طراحی کارتی :

  1. هر کارت برای یک محتوای منحصر به فرد استفاده شود
  2. برنامه ریزی صحیح برای بهترین نوع چیدمان و لی اوت کارت ها در کنار یکدیگر
  3. قابلیت کلیک کردن بر تمام نقاط کارت برای باز کردن محتوای آن
  4. فاصله بین کارت ها باعث جداسازی بهتر آن ها می شود ، اما فاصله بیش از حد باعث از بین رفتن زیبایی لی اوت می شود .

مراحل پیاده سازی تکنیک های طراحی سایت فلت ، طراحی کارتی ، مینیمالیسم ، و تصاویر HD در طراحی سایت

  1.  فراهم کردن ابزار مورد نیاز : با جمع آوری تصاویر با کیفیت مورد نیاز سایتتان شروع کنید . حتما سعی کنید که تصاویر که گردآوری کرده اید از نظر رنگ بندی ، پس زمینه ، و ابعاد و کیفیت با هم هماهنگی دارند .
    2.    پیاده سازی را اولویت بندی کنید : وقتی می خواهیم طراحی سایت واکنش گرا برای موبایل ها انجام دهیم ، باید مراحل لی اوت محتوا را اولویت بندی کنیم .کاربران انتظار دیدن چه تصاویری در صفحه اول سایت دارند ؟ چه گونه لی اوتیمناسب سایت و باعث جذب بازدید کننده برای ماندن در سایت می شود ؟ پاسخ به این سوالات به ما کمک می کند تا بهتر بتوانیم مراحل پیاده سازی صفحات سایت را اولویت بندی کنیم .
    3.    تست کاربری و عملکرد صحیح سایت : پس از طراحی ، چیدمان و پیاده سازی ، حالا باید تمام عناصر را تست کنیم . در مرحله تست باید از صحت عملکرد تمام لینک ها ، دکمه ها ، استایل ها ، و سایرموارد صفحات سایت اطمینان حاصل کنیم و هر گونه باگی را برطرف کنیم .
    4.   اضافه کردن جلوه های انیمیشنی به عناصر : تنها با استفاده از تعدادی افکتهای CSS و همینطور کمی انیمیشن های JavaScript به طور مناسب و در حد تعادل(نه بیش از حد) ، می توانیم زیبایی طرح سایت خود را تکمیل کنیم و یک تجربهکاربری خوب برای کاربران سایت ارائه کنیم .

متن کامل مقاله در :

طراحی سایت مطابق با آخرین متدهای روز دنیای وب با استفاده از روش طراحی فلت و مینیمالیسم

برچسب ها : طراحی سایت- سئو-سئوسایت
آمار وبلاگ
تعداد بازدید : 9289
تعداد نوشته ها : 186
تعداد نظرات : 0
Rss