کنتراست در طراحی وب چیست؟
تفاوتها چشمان ما را جذب میکند و تضاد به ما توانایی تشدید تفاوتها را میدهد.
وقتی صحبت از طراحی وب میشود، مفهوم کنتراست اغلب از نظر زیبایی شناسی و جذابیت بصری مورد بحث قرار میگیرد.
کنتراست نقش مهمی در برجسته کردن عناصر طراحی در وب سایت دارد و به راحتی توسط بیننده مورد توجه قرار میگیرد و طراحی را از نظر زیبایی شناختی بهتر و کاربر پسندتر میکند. کنتراست در طراحی وب به رابطه بین دو یا چند عنصر طراحی، مانند متن و پس زمینه که نسبت به یکدیگر برجسته هستند، اشاره دارد.
انواع مختلفی از کنتراست وجود دارد که میتواند در طراحی وب برای افزایش جذابیت بصری و تجربه کاربری وب سایت استفاده شود.
رنگ
کنتراست رنگ، تفاوت نور بین فونت (یا هر چیزی در پیش زمینه) و پس زمینه آن است. این نوع کنتراست برای اطمینان از اینکه متن به راحتی خوانا است و سایر عناصر طراحی برجسته هستند ضروری است.
اندازه
کنتراست اندازه به تعداد زیادی از اندازههای مختلف در یک رابط گرافیکی مربوط میشود. با استفاده از آن، میتوانید بر عناصر خاصی تأکید کنید و همچنین عمق بصری و حس سلسله مراتب را ایجاد کنید.
فضا
تضاد فضا که به عنوان فضای منفی نیز شناخته میشود، خلاء اطراف یک عنصر است، چه توسط فضای سفید یا هر نوع فاصله بصری دیگری ایجاد شود. این نوع کنتراست، کنتراست بین پسزمینه عنصر و جزئیات طراحی اطراف آن را برجسته میکند.
پیش زمینه و پس زمینه
کنتراست پیش زمینه و پس زمینه به رابطه بصری بین یک عنصر در پیش زمینه تصویر و پس زمینه پشت آن اشاره دارد. در طراحی وب، این نوع کنتراست از این نظر منحصر به فرد است که پس زمینه میتواند به صورت پویا با تعامل بازدیدکننده سایت با آن تغییر کند.
شکل
تضاد شکل با مشخص کردن چیزها با تفاوت شکل فیزیکی آنها در مقایسه با سایر موارد موجود در صفحه حاصل میشود. از این نوع کنتراست میتوان برای ایجاد علاقه و هدایت چشم بیننده استفاده کرد.
عناصر
کنتراست عناصر به انواع مختلفی از رسانهها اشاره دارد که میتوانند در طراحی وب استفاده شوند، مانند عکسها، تصاویر، یا طرحهای طراحی شده با دست. انتخاب رسانه میتواند تاثیر قابل توجهی بر ظاهر و احساس کلی وب سایت داشته باشد و باید بر اساس اهداف وب سایت و نوع محتوای ارائه شده انتخاب شود.
بافتها و الگوها
بافتها به طرحها شخصیت میدهند و میتوانند به شما در ایجاد طرحهایی با کنتراست بالا کمک کنند، زمانی که ویژگیهای آنها به طور قابل توجهی با یکدیگر متفاوت است. برای مثال، جفت کردن یک پسزمینه بافتدار خشن با متن پیشزمینه صاف، کنتراست را به طرح اضافه میکند.
برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #کنتراست
#UI
@Dexign فلسفه دیزاین
______
Post #1162
2.36K