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

- توجه: بخش لینک سازی و بخش کاملا آزاد ایجاد شد تا کاربران برای لینک سازی مطالب و موضوعات مرتبط با سایت خودشون رو با بقیه و موتورهای جستجو به اشتراک بگذارند توجه کنید اگر کاربری روزانه بالای 5 مطلب و لینک ارسال نمایید اکانت کاربری مسدود خواهد شد.

- توجه: دوستان لطفا سوالات خود را از طریق شماره تماس موجود در سایت اعلام نکنید با پیامک یا تلگرام و... این شماره برای تماس های ضروری مشتریان فروشگاه قرار گرفته است.

- قابل توجه کاربران: سوالات خود را از طریق پیام خصوصی ارسال ننمایید و فقط از طریق انجمن پیگیر باشید به سوالاتی که از طریق پیام خصوصی ارسال شود به هیچ عنوان جواب داده نخواهد شد.


تبلیغات
ads
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
طراحی با کیفیت بالا
#1
طراحی وب سایت های آینده: طراحی با کیفیت بالا
طراحی وب سایت
 


[تصویر:  %D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8...%D8%A7.jpg]


resim


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





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



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







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








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


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



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

پس زمینه های ویدئویی HD  یکی از محبوب ترین تکنیک های سال می باشد -  از غول هایی مانند [url=https://www.airbnb.com/]AirBnB 
 تا سایتهای کوچکتر  ، جریان ویدئو سریعا در حال تبدیل شدن به یک بخش حیاتی از چشم انداز طراحی وب شده است.




resim



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



resim





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



resim



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



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

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

 

انیمیشن

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




resim





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





resim



[i] [/i]



مقالات مرتبط
[تصویر:  %D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D9...%D8%AA.jpg]
طراحی سایت و بهینه سازی نرخ تبدیل
[تصویر:  %DA%86%DA%AF%D9%88%D9%86%D9%87-%D8%A8%D9...%D8%A7.jpg]
راههای بهبود UX طراحی وب سایت تجارت الکترونیک
[تصویر:  %D8%B1%D9%88%D9%86%D8%AF-%D8%B7%D8%B1%D8...%D8%A8.jpg]
روند طراحی سایت: اختلاف منظر ( Parallax) با پیچ و تاب
  پاسخ
تبلیغات
ads
#2
روش اجرای سقف وافل در این مقاله به تشریح روش اجرای سقف وافل پرداخته می*شود.





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



موجب رشد و گسترش کاربرد این نوع سقف شده است. یکی از مزایای سقف*های وافل



روش اجرای نسبتا ساده و عدم نیاز به تجهیزات خاص و یا نیروی کار متخصص



می*باشد و می*توان با آموزش*های ساده و اولیه به اکیپ*های مختلف



آرماتور*بند و استفاده از تجهیزات موجود به اجرای سقف وافل پرداخت. از این رو در این مقاله به تشریح روش اجرای سقف وافل بنیتک پرداخته می*شود. اجرای سقف وافلبنیتک به پنج مرحله اصلی تقسیم می*گردد که به ترتیب در ذیل تشریح می*گردند.





زیرسازی سقف وافل





زیر سازی سقف وافل



را می*توان با تجهیزات متعارف پیمانکاران اجرای اسکلت شامل جک، اسکافلد،



لوله، چهارتراش، قوطی، قالب فلزی، پلی وود، ورق فلزی و ... اجرا نمود. در



شکل زیر یک نمونه از اجرای ساده زیرسازی سقف وافل مشاهده می شود.





همانطور که در شکل فوق مشاهده می*شود در این نمونه اجرای سقف از سیستم جک و



پروفیل قوطی استفاده شده است. در این روش فاصله جک*ها از یکدیگر نیز بسته



به دهانه و وزن سقف تخمین زده می شود و پروفیل*های قوطی* فوقانی به فاصله



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





برای اطلاعات بیشتر سقف وافلکلیک کنید





سقف وافل چیست
  پاسخ


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  رویکرد بازاریابی دیجیتال در طراحی سایت sitecode 0 23 ۱۳۹۸-۰۶-۱۲، ۰۳:۲۰ ب.ظ
آخرین ارسال: sitecode
  پذیرش رویکرد طراحی در مرورگرها magbot 0 21 ۱۳۹۸-۰۵-۰۵، ۰۷:۰۴ ب.ظ
آخرین ارسال: magbot
  دکوراسیون داخلی منزل چه فرقی با طراحی داخلی دارد؟ shaily 0 34 ۱۳۹۸-۰۵-۰۲، ۰۵:۱۹ ب.ظ
آخرین ارسال: shaily
  تفاوت UI و طراحی UX چیست؟ magbot 0 33 ۱۳۹۸-۰۴-۲۳، ۰۳:۴۹ ب.ظ
آخرین ارسال: magbot
  بررسی طراحی سایت های رقبا sitecode 0 43 ۱۳۹۸-۰۴-۱۹، ۱۱:۳۶ ب.ظ
آخرین ارسال: sitecode
  بررسی طراحی سایت و رابط کاربری جدید YouTube magbot 0 50 ۱۳۹۸-۰۴-۱۶، ۱۲:۳۳ ق.ظ
آخرین ارسال: magbot
  برترین شرکت طراحی سایت mahsa733 0 48 ۱۳۹۸-۰۴-۰۹، ۰۴:۵۲ ب.ظ
آخرین ارسال: mahsa733
  نمونه های جذاب طراحی رابط کاربری تعاملی موبایل magbot 0 48 ۱۳۹۸-۰۳-۲۹، ۰۵:۴۰ ب.ظ
آخرین ارسال: magbot
  راهنمای مفصل برای جریان کاربری در طراحی وب سایت magbot 0 43 ۱۳۹۸-۰۳-۲۹، ۰۲:۳۹ ق.ظ
آخرین ارسال: magbot
  آموزش طراحی دکوراسیون kami66 1 51 ۱۳۹۸-۰۳-۲۶، ۱۰:۳۹ ق.ظ
آخرین ارسال: mahsa733

پرش به انجمن:


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