ویژگی های پرکاربرد در طراحی سایت:

ساخت وبلاگ
[rtl] [/rtl]
[rtl]در این مقاله به معرفیبرخی ویژگی های و عناصر بسیار رایج در اگر عضو نیستید نمیتوانید لینک ها را مشاهده کنید . لطفا
وارد شوید یا از
اینجا
ثبت نام کنید
[/font]
 های مختلف اشاره میکنیم.[/rtl]
[rtl]1.
ثبت نام[/rtl]
[rtl]حتماًتا به حال با گزینه ثبت نام در وب سایت های مختلف برخورد کرده اید. معمولاً ثبت نام با پر کردن یک فرم و یا از طریق یک اکانت در شبکه های اجتماعی انجام میشود. فرم های چند مرحله ای هم تأثیرگذار هستند چون شامل تمام فیلدهای مورد نیاز میباشند و کاربر را تشویق به طی کردن فرآیند میکنند.[/rtl]
[rtl]2.
ساختارهای کارتی[/rtl]
[rtl]سایت[font=IRANSans, serif] pintrest جزء اولین سایت هایی بود که از کارت ها برای ارائهاطلاعات استفاده کرد و به دلیل موفقیت آن، استفاده از کارت ها در وب سایت های مختلف رواج پیدا کرد. کارت ها به این دلیل رایج شدند که اطلاعات را در یک سایز کوچک و مناسب ارائه میکنند و کاربر میتواند به سرعت آن ها را مرور کند. هر کارت نشان دهنده یک مفهوم است و از آنجایی که به صورت بلوک های محتوا هستند، شکل مستطیلی آن ها به نمایش و تغییر سایز راحتتر آن ها در دستگاه ها با سایزهای مختلف کمک میکند.[/font][/rtl]
[rtl]3. انیمیشن[/rtl]
[rtl]انیمیشنها در یک سایت معمولاً برای بازگویی داستان یا یک مفهوم استفاده میشوند و باعث جلب توجه و تعامل بیشتر کاربر میشوند.
انیمیشن ها به 2 گروه تقسیم میشوند[font=IRANSans, serif]:
1. انیمیشن در مقیاس بزرگ : ایننوع انیمیشن ها معمولاً در تعامل های اصلی استفاده میشوند و تأثیر بیشتری بر روی کاربران دارند و شامل افکت هایی مانند اسکرول پارالاکس و pop-up ها هستند.
2. انیمیشن در مقیاس کوچک :اینها شامل افکت های hover ، افکت هایبارگذاری(loading) و ... میشوند و نیازی بههیچگونه ورودی کاربر ندارند.
[/font]
حالا در ادامه به چند تکنیک بسیار رایج در انیمیشن اشاره میکنیم[font=IRANSans, serif]:[/font][/rtl]
[rtl][font="Times New Roman", serif]انیمیشن هایبارگذاری[/font][/rtl]
[rtl]از اینانیمیشن ها برای سرگرم کردن کاربر در زمان لود یا بارگذاری صفحات استفاده میشود. انیمیشن های بارگذاری معمولاً در اگر عضو نیستید نمیتوانید لینک ها را مشاهده کنید . لطفا
وارد شوید یا از
اینجا
ثبت نام کنید
[/font]
 فلت،[font=IRANSans, serif] [/font]طراحی مینیمال، نمونه کارها و سایت های تک صفحه ایاستفاده میشوند[font=IRANSans, serif].
[/font]
سعی کنید این نوع انیمیشن ها ساده باشند و صدا نداشته باشند وبا قالب و رنگ ها کلی سایتتان در هماهنگی باشند[font=IRANSans, serif].[/font][/rtl]
[rtl][font="Times New Roman", serif]انیمیشن های[/font]
hover
[/rtl]
[rtl]افکت
های
hover درک بهتری نسبت به سایت ولینک ها به کاربر میدهند. زمانی که کاربران از عملکرد و فانکشن یک عنصر در سایت مطمئن نیستند معمولاً موس خود را بر روی آن میبرند تا یک فیدبک ظاهری ببینند.[/rtl]
[rtl][font="Times New Roman", serif]انیمیشن حرکتی[/font][/rtl]
[rtl]چشم های ما همیشه جذب عناصر متحرک میشوند بنابراین وجود حرکت در سایت وسیلهخوبی برای جلب توجه کاربر میباشد. به کمک انیمیشن های حرکتی میتوانید به فرم ها و دکمه های CTA و آیتم های منو جذابیتبیشتری بدهید.[/rtl]
[rtl][font="Times New Roman", serif]ویدئوها/انیمیشنهای پس زمینه[/font][/rtl]


[rtl]انیمیشن پس زمینه میتواند جذابیت ظاهری برای سایت ایجاد کند ولی در استفادهآن باید دقت کرد چون وجود بیش از حد آن باعث پرت شدن حواس و کلافگی کاربر میشود. بهترین راه ایجاد انیمیشن تنها در یک بخش خاص یا ایجاد حرکت های نرم و ظریف میباشد[font=IRANSans, serif].
سایتپیشنهادی مااگر عضو نیستید نمیتوانید لینک ها را مشاهده کنید . لطفا
وارد شوید یا از
اینجا
ثبت نام کنید
[/font][/font]
[/rtl]
انجمن های تخصصی دانشجویان و مهندسین عمران...
ما را در سایت انجمن های تخصصی دانشجویان و مهندسین عمران دنبال می کنید

برچسب : پرکاربرد, نویسنده : محمد رضا جوادیان icivily بازدید : 163 تاريخ : سه شنبه 16 آبان 1396 ساعت: 1:08