در این مقاله می خواهیم به بررسی ساختار و تاثیر انیمیشن ها در طراحی سایت حرفه ای و المان ها و بخش هایی که در آن بکار گرفته می شود که منجر به جذب یا دفع بازدید کنندگان سایت می شود، بپردازیم .این المان ها شامل موارد زیر می باشد :
انیمیشن ها در طراحی سایت
عموما انیمیشن ها برای جذاب کردن ظاهر و محتوای سایت شما ایجاد می شوند. هر چقدر تجربه ی شما در طراحی سایت حرفه ای زیاد تر شود انیمیشن های جذاب و گیراتری برای باز دید کنندگان خود می توانید ایجاد نمایید . برای ایجاد یک انیمیشن خوب در طراحی سایت حرفه ای باید به نکات زیر توجه نمایید ؛
انیمیشن ها در مقیاس بزرگ Large scale animations :
این سبک از انیمیشن ها که عموما در نخستین بخش های سایت در هنگام بازدید کاربر می گیرد تاثیر خیلی زیادی را بر روی آنان خواهد گذاشت .
انیمیشن ها در مقیاس کوچک Small scale animations :
این دسته انیمیشن ها شامل مواردی از جمله هاور ، نحوه ی لود شدن منوها بکار می رود.
که در این قسمت از مقاله قصد داریم تا به ارائه ی نکاتی در این باره بپردازیم .
Loading animations
از این گونه انیمیشن برای سرگرمی و لذت بردن بازدید کنندگان از طراحی سایت حرفه ای شما بکار می رود نوع انیمیشن بکار رفته در سایت بستگی به نوع طراحی سایت حرفه ای دارد که طراحی سایت فلت باشد یا متریال ، انیمیشن های خود را تاجای ممکن ساده نمایید و از قراردادن صدا با آنها پرهیز کنید.
Navigation and menus (nonscrolling)
نویگیشن مخفی بصورت شگفت انگیزی محبوب شده است. مخفی شدن منوها و نویگیشن می تواند در فضای طراحی سایت حرفه ای ماند طراحی سایت با وردپرس صرفه جویی نماید . زمانی که شما بر روی منو کلیک می کنید انیمیشن فعال شده و منو باز می گردد.
Hover animations
هاور افکت یک حس بسیار خوب را هنگامی که بازدید کننده با موس روی محتوایی می رود ، می تواتند ایجاد نماید .
هنگامی که کاربران از عملکرد المانی در سایت مطمئن نباشند هاور کمک می نماید تا ماهیت محتوا برای یوزر مشخص گردد.
Galleries and slideshows
هنوز جایگزین بهتری برای اسلایدرها که نمایش چندین عکس در طراحی سایت حرفه ای که نمونه ای از آن را می توان در طراحی سایت با وردپرس معرفی کرد را به عهده دارند معرفی نشده است. طراحی اسلایدار ها بسیار مهم و متناسب با نوع طراحی سایت حرفه ای می باشد .
Motion animation
چشمان ما بصورت نا خود اگاه به سمت اجسام متحرک جذب می شوند. بنابراین یکی از ابزار های جلب توجه مشتریان به محصولات وجود انیمیشن ها می باشد که علاوه بر جلب توجه امکان نمایش تصاویرم به شکل سه بعدی دارا می باشند.
Scrolling
اسکرول شدن محتوا بصورت ساده که با انیمیشن همراه باشد باعث کنترل بیشتر کاربر بر مطالب و محتویات طراحی سایت حرفه ای می باشد.
Background animations
طراحی و ایجاد یک انیمیشن ساده پیش زمینه ایست که باعت می شود یک میدان دید زیبا و جذاب برای کاربران شود. البته رعایت اعتدال در این انیمیشن بسیار حائز اهمیت می باشد زیرا همین می تواند عامل مخرب و منحرف کننده ای برای کاربر سایت باشد.
رعایت این نکات در طراحی سایت حرفه ای می تواند رابط کاربری زیبایی را در سایت شما ایجاد نماید .
تفاوت وب اپلیکیشن و وبسایت در طراحی سایت حرفه ای
قطعا در دنیای IT و برنامه نویسی وب واژگان زیادی به گوش شما خورده است که شاید از دید و نظر شما دارای معانی یکسانی بوده اند . دراینجا ما قصد داریم در مورد تفاوت ها و شباهت های وبسایت و وب اپلیکیشن در طراحی سایت با شما صحبت می کنیم.
عموما وب سایت به یک برنامه کاربردی اطلاق می گردد که در اینترنت ارائه می شود و به ارائه ی اخبار یا توضیحاتی پیرامون یک خدمت و ارائه محصولات می پردازد.
اما ، وب اپلیکیشن ها (برنامه نویسی وب) نرم افزارهای کاربردی است که پس از بررسی ، یک مجموعه و مشخص کردن آیتم ها، عملکردها، عمل گرها و جریان ها برای آن مجموعه برنامه نویسی می شود و در دنیای اینترنت منتشر می شود.
می توان به طور خلاصه بیان نمود که تاکید وب سایت بر محتوا می باشد ولی وب اپلیکیشن بر اجرا و عملیات مبتنی می باشد.
بنابراین باتوجه به نیاز وب اپلیکیشن به شناخت مجموعه و تجزیه تحلیل، طراحی و پیاده سازی آن مدت زمان بیشتری نیاز دارد و قطعا هزینه بیشتری را هم صرف می نماید . هنگامی که قرار است در ویژیوال استادیو پروژه ای را طراحی سایت حرفه ای آغاز نمایید، دو انتخاب دارید.
- web application project
2. web site project
که برای باز کردن و ایجاد هر یک از انها می توانید از منوی فایل آنها را ایجاد نمایید.
ولی نکته جالب اینکه کدام یک را باید انتخاب کنید؟ نکته ای که در اینجا ورود دارد مربوط به زمان آینده می یاشد زیرا ماکروسایت در آینده قصد دارد تنها از web application project حمایت نماید یعنی ابزار هایی که ماکروسافت قرار است در نرم افزار خود در نسخه های بعدی ایجاد نماید تنها برای web application project کاربرد دارد.
در اینجا می خواهیم به ویژگی های این دو پروژه بپردازیم :
شما در Web Site Project از امکانات زیر می توانید بهره مند شوید :
هنگامی که سایت خود را در ویژوال استادیو اجرا می نمایید پس از ثبت تغییرات هاست شما نیز بروز رسانی می شود که این اتفاق توسط FTP انجام می گردد .
همچنین امکان استفاده از دو زبان دات نت ویژال بیسیک و سی شارپ در یک پروژه وجود دارد.
و لزومی ندارد پس از تغییرات کوچکی در فایل ها تمام پروژه را آپلود نمایید بلکه تنها فایل مورد نظر کافی می باشد.
با استفاده از precompile شما می توانید تنها بخش مورد نظر سایت خود را کامپیل کنید .
شما در Web Application Project از امکانات زیر می توانید بهره مند شوید :
اگر قرار باشد شما سایت و یا پرتالی به چند سازمان گوناگون ارائه دهید آنها ممکن است ازشما بخواهند که رمز عبور هاست را داشته باشند که در این صورت آنها به آسانی به تمامی سورس کد های شما دسترسی خواهند داشت. در صورتی که از web application استفاده می نمایید فقط کافیست فایل های aspx را آپلود نمایید و نیازی به فایل های CS نمی باشد و به جای سورس شما می توانید یک فایل DLL را قرار دهید.
امیدوارم از این مقاله نهایت استفاده را برده باشید.