تبلیغـــــات
    پکیج جامع قالب ها و تمپلیت ها
حــمــایــــت
Donate Us
لینک به ما
Tags
عضویت در خبر نامه

برای اطلاع از آخرین بروزرسانی سایت, ایمیل خود را در کادر زیر وارد نمایید

ارشیـــو موضـــوعی
.::امـــار ســـایـــــت::.
  • بازديد امروز : 2491
  • بازديد ديروز : 22366
  • بازديد كل : 802993
  • كاربران آنلاين : 13 نفر
  • بيشترين مرورگر : Firefox
  • مرورگر شما :
  • OS شما :
  • IP شما : 38.107.179.223
کلـــمات کلـــیدی
کلمات کلیدی این صفحه هنوز بدست نیامده!
تبلیغـــــات
    تبلیغات
امـــکـــانـــات
عضویت ویژه
اخـــریـــن بــروز رســـانی NOD32
اخرین یوزر نیم و پسورد ها
اپدیت های افلاین

NOD 32
به صورت  لحظه ای - صبح و عصر 
اپدیت لحظه ای یوزر و پسورد نود 32
تبلیغـــــات متـــنی

رپیدلیچ فارسی در الکسا

پکیج ویژه برنامه نویسی-برنامه نویسی و طراحی وب (PHP-HTML-CSS-FLASH-JQUERY-AJAX-JAVA....)




چند نکته برای تصاویر و رنگ‌ها در طراحی سایت
تاریخ ارسال : سه شنبه ۱۷ آبان ۱۳۹۰
بدون دیدگاه
بازدید: 322

 design-is-a-behaviour

استفاده از تصاویر و عکس‌ها و رنگ‌ها در طراحی سایت از اهمیت ویژه ای برخوردار است بخصوص در نگاه اول میتواند باعث شود که بازدید کنند این سایت را انتخاب کند یا بدون توجه از ان گذر کند.

دقت داشته باشید همین نکته‌های در ظاهر بی اهمیت میتواند سایتی حرفه ای با قابلیت بالا را برای شما به ارمغان بیاورد

  • از قابلیت شفافیت در عکس‌ها بهره بگیرید
    استفاده از تصاویر ترنس پرنت و شفاف قابلیت‌های زیادی را در طراحی زیبا و چشم نواز به شما خواهد داد و از طرفی در نظر داشته باشید در هنگام پیاده سازی اینترنت اکسپلورر ۷ تصاویر با پسوند .png را پشتیبانی نخواهد کرد.
  • از تکنیک همپوشانی در تصاویر استفاده کنید
    این تکنیک به این صورت است که شما چندین تصویر کوچک را در یک تصویر قرار می‌دهید و همان تصویر را می‌توانید در چندین جای صفحه قرار دهید
  • از تعداد زیادی تصویر در وب سایت خود استفاده نکنید
    از تصاویر به اندازه ای استفاده کنید که موجب بالا رفتن حجم سایت نشود
    وب سایت‌هایی که در بارگذاری تاخیر دارند کاربران خود را از دست خواهند داد
  • تصاویر اصلی و خام خود را برای استفاده‌های بعدی نگه دارید
    معمولا در وب سایت با شرایطی مواجه خواهید شد که به یکی از عکس‌های قبلی خود نیازمند می‌شوید لذا پس از طراحی هر تصویر یک نسخه از فایل اصلی را با لایه‌های باز ذخیره داشته باشید
  • تصاویر بزرگ را قطعه بندی کنید
    در جاهایی که تصاویر بزرگ را مجبورید بارگذاری کنید در نظر داشته باشید با قطعه قطعه کردن تصاویر می‌توانید سرعت بارگذاری را بالا ببرید
    این تکنیک قطعه کردن تصاویر در وب سایت برای تصاویر بزرگ رایج شده است و نباید برای بولت‌ها و عکس‌های کوچک استفاده گردد
  • تصاویر png. محدود است لذا ممکن است مجبور شوید از تصاویر .png استفاده نکنید
    این نکته خیلی مهم هست اونم تو ایران که اکثرا از اینترنت اکسپلورر استفاده میکنند .در مرورگر اینترنت اکسپلورر نمی‌توانید از تصاویر .png استفاده کنید لذا اگر اکثر کاربران شما از این مرورگر استفاده می‌کنند بایستی استفاده از این نوع تصاویر را از کار خود حذف کنید
  • از ترکیبی از تصاویر و رنگ‌ها در پس زمینه‌های المان‌ها استفاده کنید
    از آنجایی که تصاویر زمان بیشتری را برای لود شدن نیاز دارند لذا برای بخش‌هایی پس زمینه دارند رنگی را مشخص کنید تا هنگام لود شدن تصاویر کاربر بتواند متن را بدون زحمت بخواند
  • برای انتخاب رنگ‌ها از پالت رنگی استاندارد با مروگر‌ها استفاده کنید
    در انتخاب رنگ دقت کنید که حتما رنگ‌ها جزء پالت استاندارد مرورگر باشند چرا که در صورت عدم توجه رنگ‌ها در مانیتور‌های قدیمی‌متزلزل خواهد بود
  • از تعداد زیادی رنگ استفاده نکنید
    سایت شما رنگین کمان نیست و یا یک دلقک سیرک ،در محیط وب شما به ۱۶ میلیون رنگ دسترسی دارید . سعی کنید همواره چند رنگ را مشخص کنید و این یکپارچگی را در تمام صفحات پیاده سازی کنید
    استفاده از تعداد زیادی رنگ باعث از بین رفتن تمرکز کاربر می‌شود
  • در تغییر رنگ متن‌ها دقت داشته باشید
    خب این کار رو انجام ندهید خیلی بهتره ولی اگر خواستید انجام بدهید حتما به این نکته توجه داشته باشید.اگر قصد دارید در وب سایت به کاربر این اختیار را بدهید که بتواند رنگ‌ها را تغییر دهید توجه داشته باشید که رنگ‌ها را به دقت تغییر دهید مثلا : با تغییر دادن رنگ متن صفحه به سفید پشت زمینه صفحه را نیز تغییر دهید که کاربر در مشاهده سایت دچار مشکل نشود.

 

  • منبع : معرفی در تالار توسط kinglove0111

مطالب مرتبط





در صورتی که سوالی در رابطه با چگونگی نصب رپید لیچ, رفع اشکال ها و آموزش های مرتبط دارید لطفا در تالار گفتمان  مطرح نمایید
در صورتی که تا کنون در تالار گفتگو عضو نشده اید اینجا کلیک کنید

ارسال یک دیدگاه

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)