حالت انتخاب متن یکی از ویژگی هایی است که طراحان وب به آن توجه نمی کنند. شخصی سازی این قسمت می تواند تاثیر زیادی در تجربه کاربر داشته باشد.
همانطور که گفته شد اکثر طراحان به شخصی سازی حالت انتخاب متن توجه زیادی نمی کنند. شما می توانید با استفاده از چند خط کد ساده CSS تجربه کاربری بهتری را به مخاطبان سایت خود القا کنید. پیشتر در مطلب «انتخاب رنگ مناسب در طراحی یکبار برای همیشه» درباره تاثیر رنگ در طراحی رابط کاربری صحبت کردیم. با استفاده از شخصی سازی حالت انتخاب متن وبسایت می توانید و ایجاد یک تغییر کوچک می توانید تاثیر بالایی را روی کاربران خود داشته باشید.
حالت انتخاب متن وبسایت چیست
وقتی کاربر قسمتی از متن سایت شما را به هر دلیلی انتخاب می کند، این قسمت توسط مرورگر با رنگ زمینه آبی مشخص می شود. در واقع مرورگر با این کار قصد دارد تا تاکید بیشتری بر روی قسمت انتخاب شده داشته باشد تا کاربر دید بهتری نسبت به آن داشته باشد. رنگ زمینه آبی و متن سفید به عنوان یک استاندارد در تمام مرورگر ها استفاده می شود. اما شما می توانید این رنگ را بر اساس برند و سلیقه خود تغییر دهید.
تاثیر یک تغییر کوچک!
همانطور که در ویدیو گفته شد، برای پیاده سازی این تغییر باید از sudo element ها استفاده کنیم. با نوشتن استایل در selection می توان این تغییر ساده را ایجاد کرد. این تغییر اگر چه در نگاه اول کوچک و ساده است اما تاثیر آن بیش از حد تصور شما است. تغییر رنگ انتخاب می تواند رنگ سازمانی و برندینگ شما را بیشتر به کاربر منتقل کند. علاوه بر آن، یکپارچگی ایجاد شده در وبسایت طراحی شده حس خوش آیندی را به کاربر منتقل خواهد کرد. این حس به دلیل ایجاد هماهنگی در تمام رنگ ها و قسمت های سایت به وجود می آید.
خوشبختانه مرورگر ها در اعمال این تغییرات بسیار هوشمندانه عمل می کنند. فرض کنید به اشتباه رنگ های یکسانی برای زمینه و متن در سایت استفاده کنید. در این شرایط مرورگر ها به صورت هوشمند و خودکار از رنگ مخالف برای زمینه استفاده می کند. پیشنهاد می کنم برای پیاده سازی این تغییر ویدیو این مطلب را از دست ندهید.
خیلی عالی بود ، واقعا لذت بردم
ممنون از انرژی خوبتون.