تو که خوبی باشی، منم حالم خوب
احترام به فضای سفید در طراحی رابط کاربری UI
در طراحی صفحه فرود ، فضای سفید - که گاهی اوقات فضای منفی نامیده می شود - فضای خالی بین عناصر طراحی است. در واقع فضای سفید کمک می کند، بهتر تشخیص بدهیم.
با وجود نام ، فضای سفید لازم نیست سفید یا خالی باشد. این می تواند رنگ یا حتی تصویر پس زمینه داشته باشد. آن را به عنوان مناطق بین نقاط تمرکز خود در نظر بگیرید. البته تصاویر پس زمینه نباید خود مشغول کننده باشند. بلکه باید برای نمایش بهتر باشد.
فضای سفید نوعی مجال است ، برای تمرکز بیشتر و دیدن و به خاطر سپردن المانهای دیگر .
یک صفحه فرود دارای فضای سفید میکرو و کلان است:
میکرو سفید فضای بین عناصر کوچک است - فضای بین نمادها یا فاصله بین خطوط متن.
فضای سفید کلان فضای بین عناصر بزرگ مانند گرافیک و ستون های متن است.
بنابراین ، همانطور که می بینید ، می توانید از فضای سفید خرد و کلان در طراحی صفحه فرود برای جدا کردن و برجسته کردن عناصر استفاده کنید.
فضای سفید خوانایی را افزایش می دهد
فضای سفید در هنگام کار به خوانایی کمک می کند ،فضای سفید همانند مکث های بین جملات است. یک نفس نمی توان یک پاراگراف را خواند. بدون فضاهای سفید نیز نمی تواند بین عناصر یک صفحه تشخیص و تشخص قائل شد.
زمان برای هدر دادن نیست .
خوانایی به صورت آنلاین اهمیت بیشتری پیدا می کند ، جایی که خوانندگان به سرعت مطالعه می کنند.
مطالعه بر روی هزاران کاربر اینترنت نشان داد که مشتریان تنها به طور متوسط 18 درصد از محتوای صفحه وب را می خوانند. شما می خواهید به آنها کمک کنید تا 18٪ را قبل از شروع سریع پیدا کنند.
فضای سفید نیز از ویژگی های بارز طراحی وب مدرن است.
صفحات با فضای سفید بیشتر، معمولاً کمتر شلوغ ، تمیز و با کیفیت تر به نظر می رسند. در حالی که می توانید احساس کنید در حال "هدر دادن" فضای منفی هستید ، اما به اندازه سایر عناصر طراحی اهمیت دارند.
از بهترین شیوه های امروزی برای فضای سفید پیروی کنید و این در طراحی صفحه فرود بسیار مدرن تر به نظر می رسد.
صفحات فرود خود را با فضای سفید خوشحال کنید
فضای سفید برای صفحات فرود چند منظور است. هنگامی که همه راه های مختلف را برای عملی کردن آن درک کردید ، می توانید از فضای سفید بهتر به نفع خود استفاده کنید.
هر صفحه فرود دارای سلسله مراتب بصری است که بیننده را از طریق عناصر طراحی خود راهنمایی می کند. با قرار دادن استراتژیک فضای سفید می توانید آن جریان را کنترل کنید. وقتی در اطراف عناصر از فضای سفید استفاده کنید ، امکان بهتر دیدن را به عناصر هدیه می دهید .
ساختار ساختمان. شما می توانید با دادن فضای بیشتر به مهمترین جزئیات نسبت به موارد کم اهمیت ، یک سلسله مراتب اطلاعات ایجاد کنید.
فضای سفید نوعی احترام به فنگشوئی در طراحی صفحات می باشد.
حافظه بازدید کننده اندازه و گنجایش محدودی دارد. نباید انتظار داشته باشیم، کاربر اینترنت که همیشه در عجله است، عناصر فراوانی را به خاطر بسپارد و متاثر شود. تنها باید به چند عنصر مهم اکتفا کنیم و به آنها مجال بهتر دیده شدن بدهید. فضای سفید همین مجال است.
عناصر را طراحی می کنید، فضای سفید را هم باید طراحی کنید.
هارمون ، تقارن و اندازه های آنها باید با دقت انتخاب شود.
اندازه های یکسان ، نظم را ایجاد می کند و آن آهنگ آرام بخش است
تقارن ، هارمونی و توجه بیشتر با رنگ قالب .
لینک تصویر : خدمات وردپرس
فضا سفید را در آغوش بگیرید
قدرت فضای سفید را دست کم نگیرید. وقتی به عناصر طراحی خود فضای تنفس می دهید.
آنها به طور موثر تری به هدف مورد نظر خود می رسند. (که در به دست آوردن تبدیل نیز به شما کمک می کند.)
در انتخاب قلم :
ما در انتخاب قلم و فونت ، علاوه برای تایپ به اندازه، فاصله سطور ، نازکی متن، خوانایی نیز توجه می کنیم. پاراگراف ها باید از هم فاصله مناسب داشته باشد. عناوین به تناسب و درشتی باید به همان اندازه از سطور بالائی فاصله مناسب داشته باشد و همین تناسب با سطور زیرین نیز اهمیت دارد.
رابط کاربری تنها انتخاب قالب وردپرس نیست ، دقت ، ضرورت ، زیبایی ، سلیقه و خلق است
شاید امروز UI تنها به انتخاب قالب وردپرس محدود می شود ، حاصل آن می شود ، زیبایی را حس می کنید، اما آنرا درک نمی کنید، انگار چیزی لنگ می زند، انگار والدین مشق فرزند را نوشته اند. منطق در طراحی حذف شده است .
توجه فرمائید :
ما مطالب را برای شما نگارش و انتشار می دهید،
- اگر این پست را آموزنده یافتید، ما را تشویق کنید ( پست را لایک کنید)
- اگر به نحوه نگارش و نشر این مطلب انتقادی دارید ، حتما مطرح کنید( در قسمت نظرات ، انتقاد کنید)
- اگر پروژه شخصی دارید و نیاز به راهنمایی دارید، در قسمت نظرات مطرح کنید و پاسخ دریافت کنید.
از اینکه وقت عزیزتان را به خواند این مطلب اختصاص دادید، از شما تشکر می کنم ، انشاءالله که این مطلب برای شما مفید بوده باشد. من قصد تکمیل تمامی اصطلاحات تخصصی سئو سایت در این مجموعه را دارم.
وب برتر - شهریور 1400
مطلبی دیگر از این انتشارات
سرعت کم باعث می شود که بازدیدکنندگان سایت تان را از دست بدهید!
مطلبی دیگر در همین موضوع
قوانین مهم طراحی رابط کاربری برای وب مسترها بخش دوم
بر اساس علایق شما
اَگه آلو هستی آلو بمون🌱