Mohamad
11-11-2011, 10:48 PM
نگاه اول میتواند باعث شود که بازدید کنند این سایت را انتخاب کند یا بدون توجه از ان گذر کند.دقت داشته باشید همین نکته های در ظاهر بی اهمیت میتواند سایتی حرفه ای با قابلیت بالا را برای شما به ارمغان بیاورد
از قابلیت شفافیت در عکس ها بهره بگیرید
استفاده از تصاویر ترنس پرنت و شفاف قابلیت های زیادی را در طراحی زیبا و چشم نواز به شما خواهد داد و از طرفی در نظر داشته باشید در هنگام پیاده سازی اینترنت اکسپلورر ۷ تصاویر با پسوند .png را پشتیبانی نخواهد کرد.
از تکنیک همپوشانی در تصاویر استفاده کنید
این تکنیک به این صورت است که شما چندین تصویر کوچک را در یک تصویر قرار می دهید و همان تصویر را می توانید در چندین جای صفحه قرار دهید
از تعداد زیادی تصویر در وب سایت خود استفاده نکنید
از تصاویر به اندازه ای استفاده کنید که موجب بالا رفتن حجم سایت نشود
وب سایت هایی که در بارگذاری تاخیر دارند کاربران خود را از دست خواهند داد
تصاویر اصلی و خام خود را برای استفاده های بعدی نگه دارید
معمولا در وب سایت با شرایطی مواجه خواهید شد که به یکی از عکس های قبلی خود نیازمند می شوید لذا پس از طراحی هر تصویر یک نسخه از فایل اصلی را با لایه های باز ذخیره داشته باشید
تصاویر بزرگ را قطعه بندی کنید
در جاهایی که تصاویر بزرگ را مجبورید بارگذاری کنید در نظر داشته باشید با قطعه قطعه کردن تصاویر می توانید سرعت بارگذاری را بالا ببرید
این تکنیک قطعه کردن تصاویر در وب سایت برای تصاویر بزرگ رایج شده است و نباید برای بولت ها و عکس های کوچک استفاده گردد
تصاویر png. محدود است لذا ممکن است مجبور شوید از تصاویر .png استفاده نکنید
این نکته خیلی مهم هست اونم تو ایران که اکثرا از اینترنت اکسپلورر استفاده میکنند .در مرورگر اینترنت اکسپلورر نمی توانید از تصاویر .png استفاده کنید لذا اگر اکثر کاربران شما از این مرورگر استفاده می کنند بایستی استفاده از این نوع تصاویر را از کار خود حذف کنید
از ترکیبی از تصاویر و رنگ ها در پس رمینه های المان ها استفاده کنید
از آنجایی که تصاویر زمان بیشتری را برای لود شدن نیاز دارند لذا برای بخش هایی پس زمینه دارند رنگی را مشخص کنید تا هنگام لود شدن تصاویر کاربر بتواند متن را بدون زحمت بخواند
برای انتخاب رنگ ها از پالت رنگی استاندارد با مروگر ها استفاده کنید
در انتخاب رنگ دقت کنید که حتما رنگ ها جزء پالت استاندارد مرورگر باشند چرا که در صورت عدم توجه رنگ ها در مانیتور های قدیمی متزلزل خواهد بود
از تعداد زیادی رنگ استفاده نکنید
سایت شما رنگین کمان نیست و یا یک دلقک سیرک ،در محیط وب شما به ۱۶ میلیون رنگ دسترسی دارید . سعی کنید همواره چند رنگ را مشخص کنید و این یکپارچگی را در تمام صفحات پیاده سازی کنید
استفاده از تعداد زیادی رنگ باعث از بین رفتن تمرکز کاربر می شود
در تغییر رنگ متن ها دقت داشته باشید
خب این کار رو انجام ندهید خیلی بهتره ولی اگر خواستید انجام بدهید حتما به این نکته توجه داشته باشید.اگر قصد دارید در وب سایت به کاربر این اختیار را بدهید که بتواند رنگ ها را تغییر دهید توجه داشته باشید که رنگ ها را به دقت تغییر دهید مثلا : با تغییر دادن رنگ متن صفحه به سفید پشت زمینه صفحه را نیز تغییر دهید که کاربر در مشاهده سایت دچار مشکل نشود.
از قابلیت شفافیت در عکس ها بهره بگیرید
استفاده از تصاویر ترنس پرنت و شفاف قابلیت های زیادی را در طراحی زیبا و چشم نواز به شما خواهد داد و از طرفی در نظر داشته باشید در هنگام پیاده سازی اینترنت اکسپلورر ۷ تصاویر با پسوند .png را پشتیبانی نخواهد کرد.
از تکنیک همپوشانی در تصاویر استفاده کنید
این تکنیک به این صورت است که شما چندین تصویر کوچک را در یک تصویر قرار می دهید و همان تصویر را می توانید در چندین جای صفحه قرار دهید
از تعداد زیادی تصویر در وب سایت خود استفاده نکنید
از تصاویر به اندازه ای استفاده کنید که موجب بالا رفتن حجم سایت نشود
وب سایت هایی که در بارگذاری تاخیر دارند کاربران خود را از دست خواهند داد
تصاویر اصلی و خام خود را برای استفاده های بعدی نگه دارید
معمولا در وب سایت با شرایطی مواجه خواهید شد که به یکی از عکس های قبلی خود نیازمند می شوید لذا پس از طراحی هر تصویر یک نسخه از فایل اصلی را با لایه های باز ذخیره داشته باشید
تصاویر بزرگ را قطعه بندی کنید
در جاهایی که تصاویر بزرگ را مجبورید بارگذاری کنید در نظر داشته باشید با قطعه قطعه کردن تصاویر می توانید سرعت بارگذاری را بالا ببرید
این تکنیک قطعه کردن تصاویر در وب سایت برای تصاویر بزرگ رایج شده است و نباید برای بولت ها و عکس های کوچک استفاده گردد
تصاویر png. محدود است لذا ممکن است مجبور شوید از تصاویر .png استفاده نکنید
این نکته خیلی مهم هست اونم تو ایران که اکثرا از اینترنت اکسپلورر استفاده میکنند .در مرورگر اینترنت اکسپلورر نمی توانید از تصاویر .png استفاده کنید لذا اگر اکثر کاربران شما از این مرورگر استفاده می کنند بایستی استفاده از این نوع تصاویر را از کار خود حذف کنید
از ترکیبی از تصاویر و رنگ ها در پس رمینه های المان ها استفاده کنید
از آنجایی که تصاویر زمان بیشتری را برای لود شدن نیاز دارند لذا برای بخش هایی پس زمینه دارند رنگی را مشخص کنید تا هنگام لود شدن تصاویر کاربر بتواند متن را بدون زحمت بخواند
برای انتخاب رنگ ها از پالت رنگی استاندارد با مروگر ها استفاده کنید
در انتخاب رنگ دقت کنید که حتما رنگ ها جزء پالت استاندارد مرورگر باشند چرا که در صورت عدم توجه رنگ ها در مانیتور های قدیمی متزلزل خواهد بود
از تعداد زیادی رنگ استفاده نکنید
سایت شما رنگین کمان نیست و یا یک دلقک سیرک ،در محیط وب شما به ۱۶ میلیون رنگ دسترسی دارید . سعی کنید همواره چند رنگ را مشخص کنید و این یکپارچگی را در تمام صفحات پیاده سازی کنید
استفاده از تعداد زیادی رنگ باعث از بین رفتن تمرکز کاربر می شود
در تغییر رنگ متن ها دقت داشته باشید
خب این کار رو انجام ندهید خیلی بهتره ولی اگر خواستید انجام بدهید حتما به این نکته توجه داشته باشید.اگر قصد دارید در وب سایت به کاربر این اختیار را بدهید که بتواند رنگ ها را تغییر دهید توجه داشته باشید که رنگ ها را به دقت تغییر دهید مثلا : با تغییر دادن رنگ متن صفحه به سفید پشت زمینه صفحه را نیز تغییر دهید که کاربر در مشاهده سایت دچار مشکل نشود.