در حال اتصال به هلدینگ کد ایران ...

CodeIRANsupport

پشتیبانی ۲۴ ساعته :

٢٦٤٧٠٤٢٣−۰۲۱

تلفن تماس :

×
"

فضای خالی در طراحی وب سایت – هلدینگ کد ایران

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
فضای خالی در طراحی وب سایت

اگر طراح وب یا گرافیک باشید، باید در مورد فضای خالی در طراحی وب سایت (White Space)  مطالبی شنیده و یا آن را بکار بسته باشید. حتماً می‌دانید فضای خالی به معنی یک فضای سفید نیست! بلکه یک ساختاربندی اصولی برای استفاده از فضای در اختیار برای عدم استفاده از عناصر مورد استفاده در سایر بخش‌های طراحی شماست! از این تعریف گیج نشوید! اساساً فضای استفاده نشده برای طراحی را فضای خالی می‌گوییم. اما همین فضای خالی می‌تواند بسیار هدفمند و مورد استفاده باشد. به نحوی که خود طراح باید فضایی از کار را به فضای خالی اختصاص دهد! فضای خالی بمثابه شش‌های طرح شماست که وظیفه رساندن اکسیژن را به کل طرح داشته و باعث تعادل در طراحی می‌شود. مثلاً در صورت عدم وجود فضای خالی در طراحی وب سایت چطور می‌توان یک بلاک را تعریف کرد؟!

فضای خالی در طراحی وب سایت چیست؟

فضای خالی که در هنرهای بصری از آن به عنوان فضای منفی یاد می‌شود، به معنای فضایی در تصویر است که ما آن را در نظر نمی‌گیریم. در یک تصویر فضای منفی به فضای بین عناصر آن تصویر اشاره دارد و به ذهن انسان کمک می‌کند تا تصویر پس زمینه را از تصویر اصلی تشخیص دهد. به تصویر زیر نگاه کنید، در این تصویر اگر قسمت سیاه را فضای منفی در نظر بگیریم دور نمای یک شهر را می‌بینیم و اگر قسمت سفید را فضای منفی نظر بگیریم یک کلید را مشاهده می‌کنیم.

فضای خُرد (Micro)

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

فضای خالی کلان (Macro)

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

 

 

 

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

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

چرا باید به فضای خالی در طراحی وب سایت اهمیت دهیم؟

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

وقتی به فکر ساختار بندی و چیدمان عناصر در وب سایت خود هستید، وجود فضای خالی باید در خط مقدم ذهن شما باشد. اجازه دهید هر کدام از عناصر در طرح شما جایگاه ویژه و قابل نمایشی به خود اختصاص دهد. بخصوص عناصر و متونی که از اهمیت زیادی برای شما برخوردار است را با دادن فضای خالی بیشتر (و مناسب تر) برای کاربر نیز دارای اهمیت ویژه سازید. با این روش کاربر با راحتی بیشتر و زمان کمتری به مطلب مورد نظر طراح و خودش می‌رسد. هدایت کردن سریع کاربر به مطلب مورد نیاز وی باعث برانگیختن حس اعتماد و راحتی و تجربه کاربری لذت بخش در مرور وب سایت شما خواهد شد.

 

 

چگونه از فضای خالی در طرح خود استفاده کنیم؟

درک اهمیت وجود فضای خالی برای یک طراح قدمی خوبی است اما باید نحوه استفاده صحیح از آن را نیز بدانیم.

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

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

اکنون که سبک طراحی تخت یا مسطح در بین طراحان رواج یافته مبحث فضای خالی نیز اهمیت دو چندانی یافته است. اگر می‌خواهید در مورد فضای خالی و نحوه استفاده از آن بطور عملی در طراحی وب سایت‌ها آشنا شوید پیشنهادم مراجعه به وب سایت هایی است که با این سبک طراحی شده اند. نمونه ای از این وب سایت‌ها را می‌توانید در سایت fltdsgn.com ببینید.

 

مطالبی که ممکن است علاقه داشته باشید

طراحی سایت فروش بیمه آنلاین – طراحی وب سایت شبیه بیمه بازار

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

۰ comments
شرکت طراحی سایت

شرکت طراحی سایت – شرکت طراحی سایت معتبر – هلدینگ کد ایران

شرکت طراحی سایت ; در مطلب پیش رو سعی داریم به مهمترین سوالاتی که در ذهن شما عزیزان و در هنگام پیدا کردن یک شرکت طراحی سایت خوب به وجود می آید بپرداریم و در نهایت نتیجه گیری کنیم شرکت طراحی سایت خوب چه معیارهایی رو دارد .   بسیار خوب اول خوبه چند سوال […]

۰ comments
ساخت سایت انتشارات

ساخت سایت انتشارات – طراحی وب سایت برای انتشارات – کد ایران

ساخت سایت انتشارات شاید بیشتر از خیلی از کسب و کارها ضرورتش مشهوده. یعنی طراحی وب سایت برای انتشارات امروزه از ضروریات اصلی هر انتشاراتی محسوب می شود.   اهمیت فوق العاده ساخت سایت انتشارات   ساخت سایت انتشارات با همه گیر شدن دنیای مجازی، فن آوری اطلاعات و گوشی های هوشمند، امروزه شاهد نسل […]

۰ comments

 

مارا در شبکه های اجتماعی دنبال کنید

فیسبوک توییتر تلگرام اینستاگرام

شما میتوانید برای استفاده از ۱۷ دقیقه مشاوره حرفه ای رایگان از طریق زیر با ما شرکت طراحی سایت کدایران باما در ارتباط باشید :

تماس با ما >

نویسنده : تحریریه کدایران

شرکت کد ایران با بیش از ۷ سال سابقه درخشان و بیش از ۱۵۰۰ رزومه در امر طراحی سایت – سئو سایت – دیجیتال مارکتینگ و تبلیغات حرفه ای

بدون دیدگاه

لطفاً دیدگاه خود را بیان کنید

نظر شما