گروه وب مک | تجارت الکترونیک

گروه وب مک | طراحی وب سایت، سئو و بهینه سازی سایت، تجارت الکترونیک

گروه وب مک | تجارت الکترونیک

گروه وب مک | طراحی وب سایت، سئو و بهینه سازی سایت، تجارت الکترونیک

تاثیر فضای خالی در طراحی سایت

دوشنبه, ۲۷ آذر ۱۳۹۶، ۱۱:۴۴ ق.ظ



امروزه در سایت های مدرن و جدید, وجود فضاهای خالی امر نه تنها غیرمفید و هدر دادن فضا محسوب نمیشود بلکه بسیار مفید نیز می باشد. کاربران امروزی بلافاصله وقتی  وارد یک صفحه وب سایت می شوند ابتدا با کمک اسکرول صفحه تا انتهای مقاله و مطلب را بررسی میکنند. طبیعی ست برای بررسی یک مطلب, چیدمان مطالب,رعایت فاصله بین خطوط و رعایت فاصله بین متن ها و المانها بسیار تاثیر گذار خواهد بود.
یکی از راه حل های جلب توجه کاربران استفاده از سادگی و البته فضای خالی در اطراف المان های مهم صفحه است.
در این مقاله ابتدا سعی خواهیم کرد تعریف مناسبی از فضای خالی یعنی Whitespace در طراحی سایت را بیان نماییم.
فضای خالی در طراحی سایت چیست؟
فضای خالی فقط به معنای بکگراند سفید در صفحه نمی باشد بلکه میتواند هر طرح و رنگی باشد.  تعریف دقیق ما از فضای خالی این می باشد که می بایست: 1- بین خطوط فاصله مناسب وجود داشته باشد. 2- بین متن و المانها فاصله مناسب وجود داشته باشد 3- اطلاعات تماس با ما مخصوصا شماره های تماس باید به صورت فاصله دار باشد و از تو در تو نوشتن شماره های تماس خود داری شود. و به طور کلی مرز بندی بین محتوا رعایت شده باشد.
تحقیقات بسیاری در این زمینه انجام شده است که همگی آنها بر یک نتیجه تاکید دارند؛ نبود فضای خالی و فاصله میان المان های صفحات وب موجب تشویش ذهن و سردرگمی کاربر میشود. مغز انسان به طور ناخودآگاه حس منفی جذب کرده و نمیتواند به درستی محتوا را آنالیز میکند. در این شرایط عموما کاربران تصمیم به ترک صفحه یا سایت میگیرند.

برای مطالعه ادامه مطلب کلیک کنید.

"وب مک مشهد، مشاور و طراح حرفه ای ترین وب سایتها"

با ما تماس بگیرید:تلفن : 36040001- 051 (10 خط)





جهت مشاهده مقالات سئو روی لینک زیر کلیک کنید : 
جهت مشاهده مقالات طراحی سایت روی لینک زیر کلیک کنید : 
جهت مشاهده مقالات کسب و کار روی لینک زیر کلیک کنید : 
  • وب مک

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی