شما عضو این انجمن نبوده یا وارد نشده اید. لطفا برای مشاهده کامل انجمن و استفاده از آن وارد شوید یا ثبت نام کنید .

امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
طراحی وب سایت های آینده: طراحی با کیفیت بالا در مگ بوت
#1
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

 

 
2019/05/18
MAGBOT +
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.



در این مقاله، ما به آینده طراحی وب نگاه خواهیم کرد. به خودی خود مسئله نیست  که به  طراحی وب HD در وب تسلط داشته باشد یا نه، اما[i]زمانی که مانیتورهای با رزولوشن بالا به   سرعت گسترده می شود این نیاز  احساس میشود که طراحی بصری بهبود یابد.[/i]





قهرمان تمام صفحه (Hero. Full-screen)



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



دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.




 این روند طراحی به این دلیل کار می کند که کاربران شیفته تعامل بصری  اولیه هستند، تصاویر  یک تجربه کاربری بهتر را به وجود می آورند. به نظر می رسد که تفکری به شدت سطحی است، اما در عمل خوب کار می کند .



دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.






رزولوشن صفحه نمایش با وضوح بالا فرصتی عالی برای کاربران فراهم می کند تا تصاویری با سطوح جزئی که قبلا در دسترس نبودند را مشاهده کنید. جزئیات تصویر - مانند بافت استفاده شده و رنگ متنوع در Park Macquarie به چاشنی بصری رابط کاربری افزوده می شود، که در واقع به اولین تصور بسیار مهم  سایت تبدیل می شود.
[/url]



دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
[url=http://www.wearedandy.com/][عکس: 6.jpg]






در اینجا پنج راه برای استفاده از یک تصویر HD به بهترین شیوه مطرح شده است:
۱- تصویر باید ستاره ای نقطه کانونی باشد - فقط به این دلیل که یک عکس پس زمینه است، به این معنا نیست که نمیتواند مرکزیت را بگیرد. یک عکس قوی ارتباط احساسی با کاربران ایجاد می کند.
۲- چندین عکس را در نظر بگیرید - از چارچوب اسلایدی یا سبک کارتی استفاده کنید.
۳- استفاده از یک افکت بر روی تصویر - ماسک های رنگی می تواند تأکید بر یک تصویر را اضافه یا تغییر دهد ( برای مثال یک  ماسک قرمز  انرژی بیشتری دارد،).
۴- در نظر بگیرید که تصویر بر روی اندازه های مختلف صفحه نمایش چگونه نمایش داده می شود.
۵- فراتر از فریم فکر کنید - عکس پس زمینه نیازی با نسبت تصویر 1 تا 1.5 استاندارد دوربین ها مطابقت داشته باشد.



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

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




[عکس: 7.jpg]



برخی از اولین وب سایت هایی که از ویدیو پس زمینه استفاده می کردند، واقعا سایت رسمی یک فیلم بودند. به عنوان مثال، سایت "Life of Pi" از یک پیش نمایش واقعی از فیلم به عنوان پس زمینه (در فرمت های قابل دانلود) استفاده می کرد.



دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.






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



دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.




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




مجددا، پنج دستورالعمل برای استفاده از ویدیو HD در چارچوب طراحی شما ارائه می دهیم:

۱- توجه به طول ویدیو و مدت زمان - ویدئو پس زمینه باید یک داستان بصری داشته باشد که بتواند احساس را    در عرض چند ثانیه به کاربران انتقال دهد.  بین 10 تا 30 ثانیه یک اندازه خوب برای زمان حلقه است.
۲- صدا  را خاموش کنید - صدا برای عده زیادی از کاربران هنوز یک عنصر پخش اتوماتیک نامطلوب است. اگر قصد استفاده از صدا دارید، به طور پیش فرض به حالت خاموش تنظیم شده باشد.
۳- تمرکز بر زمان بارگذاری - در حالی که ویدئو HD سرگرم کننده است،اما نباید وب سایت خود را فدای زمان بارگذاری آن کنید. مهم نیست که چقدر ویدئو شما شگفت انگیز است   زمان بارگیری آهسته=  ترک سایت توسط کاربر
۴- جایگزین ها را در نظر بگیرید - بعضی دستگاه ها نمی توانند HD را پشتیانی کنند.  یک تصویر پس زمینه به عنوان یک گزینه پشتیبان داشته باشید.
۵- کیفیت ویدیو چندگانه باشد - چند نسخه از ویدیوی برای اجرا داشته باشید که با توجه به چهارچوب کاربر اجرا گردد.

 

انیمیشن

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




دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.






کلید انیمیشن HD موفق زمان بندی است. انیمیشن ها باید صاف و بدون پرش باشند.  ابتدا و انتهای حلقه تکرار باید صاف و نامحسوس باشد.





[عکس: 11.jpg]



[i] [/i]



مقالات مرتبط
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
پاسخ


موضوعات مشابه ...
موضوع نویسنده پاسخ‌ها بازدید آخرین ارسال
  اهمیت فضای سفید در طراحی سایت limotorsh 0 57 19/05/07، 09:21 PM
آخرین ارسال: limotorsh
  نکات طلایی برای ایجاد سلسله مراتب بصری در طراحی وب سایت darkoob 0 80 19/04/13، 02:25 PM
آخرین ارسال: darkoob
  امتیاز کیفیت در تبلیغات گوگل یا همان Quality Score چیست؟ topsite 0 66 19/02/25، 11:18 AM
آخرین ارسال: topsite
  اصول طراحی سایت ریسپانسیو limotorsh 0 74 19/02/23، 10:38 PM
آخرین ارسال: limotorsh
  طراحی سایت با نرم افزار فلش mojnpco 0 66 19/02/18، 01:30 PM
آخرین ارسال: mojnpco
  طراحی سایت پاکسازی پوست azadehsadeghi 0 72 19/02/17، 01:05 PM
آخرین ارسال: azadehsadeghi
  طراحی سایت پول ساز داشته باشید limotorsh 0 78 19/01/18، 07:09 PM
آخرین ارسال: limotorsh
  طراحی سایت نمایشگاهی | طراحی وب سایت نمایشگاه ماشین hasanem 0 73 19/01/12، 11:09 AM
آخرین ارسال: hasanem
  طراحی سایت خودرو azadehsadeghi 0 70 19/01/09، 03:29 PM
آخرین ارسال: azadehsadeghi
  طراحی سایت آرایشی و بهداشتی azadehsadeghi 0 53 19/01/07، 03:32 PM
آخرین ارسال: azadehsadeghi

پرش به انجمن:


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