سه شنبه ۰۵ خرداد ۰۵

چطور تصاویر رو به صدق به کار گیری کنیم؟

۲۳۴ بازديد

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

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

تصاویر با صرفه‌سازی گردیده برای اینترنت
تصاویر با وسعت بالا ممکنه سرعت بار گذاری وبسایت رو نادر کنن. از فرمت‌های مطلوب مثل WebP، JPEG یا این که PNG به کارگیری فرمائید و پیش از لود، تصاویر رو فشرده فرمائید تا وسعت کمتری داشته باشن البته کیفیتشون نگهداری بشه.

به کار گیری از تصاویر منحصر
اگه امکانش رو دارید، به مکان به کار گیری از تصاویر دست دوم مهیا، تصاویر منحصر تنظیم فرمائید. این فعالیت تارنما شما رو خاص‌خیس و ماهر‌خیس می‌کنه.

دکوراسیون مطلوب تصاویر
تصاویر بایستی به‌شکل منظم و هماهنگ در برگه قرار بگیرن. از دکوراسیون‌های نامرتب یا این که نا مرتب دوری کنید. تصاویر رو طوری قرار بدید که دیده مخاطب به‌راحتی تکان کنه و مبتلا سردرگمی نشه.

افزودن متن جایگزین (Alt Text)
به طبعً برای هر تصویر، متن جایگزین یا این که Alt Text بنویسید. این متن به موتورهای کاوش امداد می‌کنه تصاویر رو خوب فهم کنن، همینطور برای یوزرها با نقص‌ بصیرت هم مفیده.

تناسب رنگ تصاویر با پیاده سازی کلی تارنما
رنگ‌های تصاویر بایستی با پالت رنگی کلی تارنما هماهنگ باشه. اگه سایتتون یه تم خاص داره (به عنوان مثالً رنگ‌های مینیمال یا این که گرم)، تصاویر هم می بایست این احساس رو تقویت کنن.

از Design System‌ها استفاه نمائید
اگه می‌خواید پیاده سازی سایتتون حرفه ای‌خیس، منظم‌خیس و کاربرپسندتر بشه، به کارگیری از Design System یه راه حل عالیه. به کار گیری از Design System یا این که همون سیستم پیاده سازی، یکی‌از اون مواردیه که می‌تونه ساخت وب سایت رو ماهر‌خیس، منظم‌خیس و کارآمدتر کنه. هم اکنون بیاید ببینیم Design System دقیقاً چیه، چرا مهمه و چطوری بایستی ازش به کارگیری فرمایید تا بتونید یه وب سایت عالی بسازید.

Design System چیه؟
سیستم‌هایی می باشند که به طور فراهم برای طراحی وب سایت ساخته شدن و شما می‌تونید از اون‌ها برای پیاده سازی ماهر‌خیس وب سایت‌ها استعمال فرمائید. این سیستم منجر می‌شه هم وقتتون کمتر تلف بشه، هم سایتتون ظاهری شیک و استاندارد داشته باشه.

یادتون باشه که غرض اساسی Design System اینه که کلیه‌چیز بی آلایش‌خیس، سریع‌خیس و منظم‌خیس بشه. دقیقاً مثل این که مدام یه باکس ابزار مهیا کنار دستتون داشته باشید. این باکس ابزار می‌تونه وسایلی مثل فونت‌ها، رنگ‌ها، دکمه‌ها، هیبت‌ها، آیکون‌ها و حتی طرز دکوراسیون قسمت‌ها رو توی خودش داشته باشه.

چرا Design System مهمه؟
تجربیات کاربری خوب: زیرا تمامی‌چیز از گذشته استاندارد گردیده، یوزرها ریلکس‌خیس می‌تونن با وبسایت شما عمل کنن و سردرگم نمی‌شن.
صرفه‌جویی در حین: به‌به جای‌اینکه هر توشه برای یه دکمه، هیبت یا این که نصیب تازه تصور کنید و پیاده سازی فرمائید، از کامپوننت‌های فراهم توی Design System به کار گیری میکنید. این یعنی پیاده سازی سریع‌خیس و شل‌خیس.
یکپارچگی در پیاده سازی: همت کن یه هماهنگی و سازش میان نصیب‌های گوناگون صفحت باشه. توی دکمه‌ها، هیبت‌ها، سایه‌ها، گردی که نصیب‌های متفاوت ورقه و … همشون یه نظم و هماهنگی خاصی قرار بده که استفاده کننده با دیدن اون‌ها لذت ببره. طراحی صفحه سیستم‌ها کارتو برای جابجایی یه احساس دارای انسجام به استفاده کننده شل خیس می‌کنن و دیگه خبری از دکمه‌های متعدد با رنگ‌های مختلف توی قسمت‌های متفاوت وب سایت وجود ندارد.
چطور از Design System به کار گیری کنیم؟
برای دریافت کردن این کیت‌های مهیا کافیه که توی گوگل کاوش کنی UI design kit، یه عالمه وب سایت و پوشه فراهم‌ی فیگما، AdobeXD و… هستن که می‌تونید به بدون‌پول اون‌ها رو دانلود نمائید و توی نرم افزار مرتبط با خودشون استعمال فرمایید.

اگه از لاراول به کارگیری میکنی، می تونی از کتابخانه تیلویند(Tailwind) یاری بگیری. اگه با CSS و Html عمل میکنی، میتونی از بوت‌استرپ به کار گیری کنی. یا این که اگه از وردپرس به کار گیری میکنی، میتونی از قالبی مثل پوسته وردپرسی اهورا به کار گیری کنی که هماهنگی و سازش خیر و خوبی دربین نصیب‌های مختلفش وجود داشته باشه.
تا كنون نظري ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در فارسی بلاگ ثبت نام کرده اید می توانید ابتدا وارد شوید.