تکنیک سینماگراف در طراحی سایت

by | ژانویه 10, 2021 | طراحی سایت, کتابخانه تابان شهر | 0 comments

[vc_row][vc_column][vc_column_text]سینماگراف در طراحی سایت[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” el_class=”firstRowBackground”][vc_column width=”1/12″][/vc_column][vc_column width=”5/12″][vc_empty_space height=”64px”][vc_custom_heading text=”تکنیک سینماگراف در طراحی سایت” font_container=”tag:h2|font_size:3rem|text_align:left|color:%23ffffff|line_height:4.5rem” use_theme_fonts=”yes” font_weight=”600″][vc_column_text]


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

[/vc_column_text][porto_info_box icon_type=”custom” img_width=”70″ icon_border_radius=”500″ title=”آنا یوسف زاده” subtitle=”21 دی 99″ title_font_color=”#ffffff” subtitle_font_color=”#f2f2f2″ desc_font_color=”#ffffff”]زمان مطالعه : 9 دقیقه[/porto_info_box][vc_btn title=”دانلود PDF” style=”custom” custom_background=”#e5e5e5″ custom_text=”#000000″ shape=”round” size=”xl” link=”url:https%3A%2F%2Ftabaneshahr.com%2Fwp-content%2Fuploads%2F2021%2F01%2F%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-%D8%B3%DB%8C%D9%86%D9%85%D8%A7%DA%AF%D8%B1%D8%A7%D9%81-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C1.pdf||target:%20_blank|”][/vc_column][vc_column width=”5/12″][vc_empty_space][vc_single_image image=”29022″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][vc_custom_heading text=”سینما گراف چیست؟” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJmbHgtZW1iZWQlMjIlM0UlM0NkaXYlMjBzdHlsZSUzRCUyMnBvc2l0aW9uJTNBcmVsYXRpdmUlM0IlMjBoZWlnaHQlM0EwJTNCJTIwcGFkZGluZy1ib3R0b20lM0E1Ni4yNSUyNSUzQiUyMHdpZHRoJTNBMTAwJTI1JTIyJTNFJTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQWFic29sdXRlJTNCJTIwdG9wJTNBMCUzQiUyMGxlZnQlM0EwJTNCJTIwd2lkdGglM0ExMDAlMjUlM0IlMjBoZWlnaHQlM0ExMDAlMjUlM0IlMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRm1lZGlhLmZsaXhlbC5jb20lMkZjaW5lbWFncmFwaCUyRnd0Y2l6eGpza3gxNzdycGVpaDI5JTNGaGQlM0R0cnVlJTIyJTIwZnJhbWVib3JkZXIlM0QlMjIwJTIyJTIwYWxsb3dmdWxsc2NyZWVuJTIwYWxsb3clM0QlMjdhdXRvcGxheSUyNyUzRSUzQyUyRmlmcmFtZSUzRSUzQyUyRmRpdiUzRSUzQyUyRmRpdiUzRQ==[/vc_raw_html][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][vc_column_text]

شاید در لحظه ی اول کاربر متوجه آن نشود ولی حرکت های ملایم سینماگراف باعث جلب توجه و ماندگاری کاربر می شود. از آنجایی که ویدیو و یا گیف ها حجم بالایی دارند، استفاده از سینماگراف با حجم کم بسیار مفید خواهد بود.
سینماگراف در طراحی سایت باعث می شود تا توجه را به تصاویر متحرک نسبت به تصاویر ثابت تا 10 درصد افزایش دهد. سینماگراف علاوه بر استفاده در طراحی سایت ، در تبلیغات شبکه های اجتماعی نیز بسیار مورد استفاده قرار می گیرد. سینماگراف می تواند در صفحه اصلی (home page) سایت و یا در صفحات نمونه کار استفاده شود که بسیار جذاب خواهد بود. اما به طور دقیق در کدام قسمت های سایت از سینماگراف استفاده کنیم؟

[/vc_column_text][vc_custom_heading text=”3 روش استفاده از سینماگراف در طراحی سایت” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_custom_heading text=”صفحات محصولات جذاب بسازید” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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


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

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJmbHgtZW1iZWQlMjIlM0UlM0NkaXYlMjBzdHlsZSUzRCUyMnBvc2l0aW9uJTNBcmVsYXRpdmUlM0IlMjBoZWlnaHQlM0EwJTNCJTIwcGFkZGluZy1ib3R0b20lM0E1Ni4yNiUyNSUzQiUyMHdpZHRoJTNBMTAwJTI1JTIyJTNFJTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQWFic29sdXRlJTNCJTIwdG9wJTNBMCUzQiUyMGxlZnQlM0EwJTNCJTIwd2lkdGglM0ExMDAlMjUlM0IlMjBoZWlnaHQlM0ExMDAlMjUlM0IlMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRm1lZGlhLmZsaXhlbC5jb20lMkZjaW5lbWFncmFwaCUyRmdrNGdxc3lrMTRub2RlZWw5bzd2JTNGaGQlM0RmYWxzZSUyMiUyMGZyYW1lYm9yZGVyJTNEJTIyMCUyMiUyMGFsbG93ZnVsbHNjcmVlbiUyMGFsbG93JTNEJTI3YXV0b3BsYXklMjclM0UlM0MlMkZpZnJhbWUlM0UlM0MlMkZkaXYlM0UlM0MlMkZkaXYlM0U=[/vc_raw_html][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][vc_custom_heading text=”لندینگ پیج ها را زیبا کنید” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

 

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJmbHgtZW1iZWQlMjIlM0UlM0NkaXYlMjBzdHlsZSUzRCUyMnBvc2l0aW9uJTNBcmVsYXRpdmUlM0IlMjBoZWlnaHQlM0EwJTNCJTIwcGFkZGluZy1ib3R0b20lM0E1Ni4yNSUyNSUzQiUyMHdpZHRoJTNBMTAwJTI1JTIyJTNFJTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQWFic29sdXRlJTNCJTIwdG9wJTNBMCUzQiUyMGxlZnQlM0EwJTNCJTIwd2lkdGglM0ExMDAlMjUlM0IlMjBoZWlnaHQlM0ExMDAlMjUlM0IlMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRm1lZGlhLmZsaXhlbC5jb20lMkZjaW5lbWFncmFwaCUyRmYxeTllNmRzdW5kMWl4ZG5vYWxtJTNGaGQlM0RmYWxzZSUyMiUyMGZyYW1lYm9yZGVyJTNEJTIyMCUyMiUyMGFsbG93ZnVsbHNjcmVlbiUyMGFsbG93JTNEJTI3YXV0b3BsYXklMjclM0UlM0MlMkZpZnJhbWUlM0UlM0MlMkZkaXYlM0UlM0MlMkZkaXYlM0U=[/vc_raw_html][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][vc_custom_heading text=”ساخت صفحه درباره ما” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJmbHgtZW1iZWQlMjIlM0UlM0NkaXYlMjBzdHlsZSUzRCUyMnBvc2l0aW9uJTNBcmVsYXRpdmUlM0IlMjBoZWlnaHQlM0EwJTNCJTIwcGFkZGluZy1ib3R0b20lM0E1Ni4yNCUyNSUzQiUyMHdpZHRoJTNBMTAwJTI1JTIyJTNFJTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJwb3NpdGlvbiUzQWFic29sdXRlJTNCJTIwdG9wJTNBMCUzQiUyMGxlZnQlM0EwJTNCJTIwd2lkdGglM0ExMDAlMjUlM0IlMjBoZWlnaHQlM0ExMDAlMjUlM0IlMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRm1lZGlhLmZsaXhlbC5jb20lMkZjaW5lbWFncmFwaCUyRmtsaTdwa290aGQxcGMxZjZ4MXh2JTNGaGQlM0RmYWxzZSUyMiUyMGZyYW1lYm9yZGVyJTNEJTIyMCUyMiUyMGFsbG93ZnVsbHNjcmVlbiUyMGFsbG93JTNEJTI3YXV0b3BsYXklMjclM0UlM0MlMkZpZnJhbWUlM0UlM0MlMkZkaXYlM0UlM0MlMkZkaXYlM0U=[/vc_raw_html][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][vc_custom_heading text=”چگونه سینماگراف تهیه کنیم؟” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][vc_custom_heading text=”سخن پایانی” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

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

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”80px”][/vc_column][/vc_row][vc_row full_width=”stretch_row”][vc_column width=”1/2″][vc_custom_heading text=”همین حالا برای طراحی سایت و ساخت اپلیکیشن اقدام کنید!” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” font_weight=”700″][vc_column_text]

شرکت طراحی سایت و اپلیکیشن تابان شهر در تمام زمینه های طراحی سایت و اپلیکیشن و ارائه خدمات مربوط به آنها در خدمت شماست

[/vc_column_text][vc_btn title=”مشاوره رایگان” style=”custom” custom_background=”#ffffff” custom_text=”#ffffff” shape=”round” size=”xl” align=”center” skin=”primary” link=”url:https%3A%2F%2Ftabaneshahr.com%2Fcontact-us1%2F|||”][/vc_column][vc_column width=”1/2″][vc_single_image image=”24739″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”آخرین مقالات” font_container=”tag:h2|text_align:center” use_theme_fonts=”yes” font_weight=”700″][porto_blog post_layout=”slider” post_style=”grid” columns=”2″ nav_pos2=”nav-pos-inside” nav_type=”nav-style-4″][/vc_column][/vc_row]

امروز شروع کن

تیم کارشناسان تابان شهر آماده ارائه مشاوره رایگان به شما هستند

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

By امیر رضا غفاری

دیگر مقالات تابان شهر

طراحی سایت با وردپرس یا  php

طراحی سایت با وردپرس یا php

طراحی سایت با وردپرس یا php ؟ سایت به یک نیاز همگانی برای کسب و کارهای امروزی تبدیل شده است و هر کدام هم می خواهند سایتی بهتر با قابلیت های پیشرفته برای ارائه خدمات و یا فروش محصولات داشته باشند. اما به راستی چه سایتی مناسب شغل ما است؟ برای داشتن سایتی هدفمند و توسعه...

read more
راه های کسب درآمد آنلاین در سال 1400

راه های کسب درآمد آنلاین در سال 1400

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

read more
صفر تا100 آشنایی با استاندارد های طراحی اپلیکیشن

صفر تا100 آشنایی با استاندارد های طراحی اپلیکیشن

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

read more

0 نظر از شما عزیزان

0 Comments

Submit a Comment

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *