فضای منفی در طراحی UI

  این مقاله را میتوانید در مدت زمان 3 دقیقه مطالعه کنید

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

 

فضای منفی چیست؟

قبل از شروع ، ابتدا بیایید دقیقاً تعریف کنیم که فضای منفی چیست. فضای منفی یا فضای سفید به معنای هر فضای استفاده نشده در صفحه وب است. هر چیزی که توجه کاربر را در صفحه جلب نکند فضای منفی است. البته به این معنا نیست که فضا باید لزوماً سفید باشد بلکه می تواند هر رنگ ، تصویر یا پس زمینه دیگری باشد.

“فضای سفید باید به عنوان یک عنصر فعال در نظر گرفته شود ، نه یک زمینه منفعل.” – یان تسچیولد

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

APPLE 

 APPLE همیشه توجه زیادی به طراحی داشته است و وب سایت شخصی آنها نیز از این قاعده مستثنی نیست. فقط ببینید چقدر استادانه از فضای منفی خرد و کلان استفاده می کنند. وب سایت دارای یک طرح تمیز و یک فراخوان کاملاً واضح (CTA) است.

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

 

Google 

Google احتمالاًپدربزرگ فضای منفی وب است. غول جستجو از فضای منفی زیادی و یک طراحی تمیز برای جلب توجه ما به خود نوار جستجو استفاده می کند.

Google به سادگی کاربر را به مکانهای فعال صفحه، یعنی Gmail، تصاویر و نوار جستجو راهنمایی می کند. این طرح برای جلوگیری از سردرگمی روشن و ساده نگه داشته می شود.

 

Dropbox 

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

 

Shopify (شاپی فای)

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

نحوه درست استفاده از فضای منفی

1. از فضای منفی برای شکستن صفحه استفاده کنید

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

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

 

فضای منفی

2. روی درک مطلب کار کنید

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

 

فاصله بین هر خط یا به سادگی فاصله خط، خوانایی کلی متن بدنه را افزایش می دهد.

 

3. سلسله مراتب بصری ایجاد کنید

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

 

4- روابط را روشن کنید

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

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

 

فضای منفی

 

 

جمع بندی

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

 

منبع:در نگارش این مقاله از سایت speckyboy استفاده شده است.

 

آیا این مطلب برای شما مفید بود؟

امتیازشو ثبت کنید

میانگین / 5. تعداد رای

اولین نفر شما امتیاز دهید

شاید به این مطالب نیز علاقه مند باشید.

الگوهای طراحی رابط کاربر (UI)

الگوهای طراحی رابط کاربر (UI)

تا به حال توجه کرده اید که اکثر محصولات نسبتاً مشابهی دارند؟ این سایتها دارای یک نوار بالای ناوبری هستند. برنامه ها از نوارهای زبانه ای استفاده می کنند. اکثر…

طراحی رابط کاربریdark mode

چطور از Dark Mode در طراحی رابط کاربری استفاده کنم؟ + (مزایا و معایب رابط کاربری دارک)

نورها را کم کنید، چشمان خود را استراحت دهید و مصرف انرژی دستگاه خود را کاهش دهید. Dark mode یا حالت تاریک امروزه به عنوان یک ترند جدید و جذاب…

ابزار طراحی ui

۱۰ ابزار طراحی UI که همیشه به آن نیاز دارید!

User interface (رابط کاربری) که ما آن را به ui  میشناسیم در واقع رابط میان کاربران و محصولات سیستم است. در کل ظاهر سایت شما که کاربران با آن رابطه…

0 0 رای
امتیازدهی به مقاله
دنبال کردن
با خبر کردن از
guest
0 دیدگاه
بازخورد داخلی
دیدن همه نظرات
آکادمی آمانج
مهارت آموزی جهت ورود به بازار کار

تاییدیه ها

تهران - امیرآباد، دانشکده فنی دانشگاه تهران، ساختمان مکانیک جدید واحد ۱۱۴

آیا این مطلب برای شما مفید بود؟

امتیازشو ثبت کنید

میانگین / 5. تعداد رای

اولین نفر شما امتیاز دهید






 

                                          
بستن