DaRiOuShJh
10-09-2010, 17:49
دوستان خسته نباشید
یکی از اساسی ترین و همینطور base در طراحی گرافیکی وب اشنایی با سیستم های رنگ و همینطور انتخاب رنگ های مناسب برای طرح ها هست که رابطه مستقیمی با حجم و کیفیت تصویر نهایی شما داره
در طراحی و برنامه نویسی وب در کنار استفاده از نام رنگ ها از کدهای آنها به مراتب بیشتر استفاده میشه
رنگ ها در تمامی سیستم ها بر اساس RGB هستند
که این عبارت مخفف red یا قرمز، green یا سبز و blue یا آبی هستند
در اصل ما با ترکیب میزان مختلفی از این 3 رنگ اصلی طیف وسیعی از رنگ های دیگر از سفید گرفته تا سیاه را ایجاد میکنیم
برای مثال برای رنگ سیاه داریم:
سیستم hex: شماره ی رنگ 00 00 00
سیستم decimal: شماره رنگ 000 000 000
همانطور که مشاهده میکنید سیستم hex برای هر رنگ دو کاراکتر گنجایش دارد ولی سیستم dec برای هر رنگ 3 کاراکتر گنجایش دارد
همینطور در سیستم hex عبارات مجاز اعداد 0 تا 9 و حروف a تا f هستند
و در سیستم dec تنها اعداد 000 تا 255 کجاز هستند
برای مشاهده رنگ ها در کد این لینک را مشاهده کنید:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
*************************************
موضوع حیاتی بعد: Web-safe colors
بله! احیانا با این موضوع کم وبیش آشنایی دارید ولی نه به این اسم
اگر با color picker نرم افزار های گرافیکی نظیز فوتوشاپ کار کرده باشید ممکن هست وقتی که رنگ های خیلی روشن مثله قرمز یا کد ff0000 یا .... را انتخاب کنید یک آیکون خطر! به شکل علامت تعجب در وسط یک مثلث در بالای رنگ نشان داده میشود
این به این معناست که اگر از این رنگ یا رنگ های مشابه استفاده شود در هنگام ذخیره ی آن با حجم های مناسب وب مخصوصا فرمت jpg شکست رنگ خواهید داشت! یعنی رنگ شما آنطور که در طرح اصلی اسن نشان داده نمیشود
برای اینکه این شکست رنگ را نداشته باشیم ( که مخصوصا در مچ کردن بک گراند با تصویر در طراحی وب خیلی مشکل ساز میشود) باید از رنگ های مشابه ولی با کدهای دیگر استفاده کنیم
این موضوع نیاز به تجربه شخصی دارد تا رنگ هایی که کمتر مشکل یازند را در طرح هایمان به کار ببریم
این آموزش در صورت استقبال دوستان ادمه خواهد یافت
لطفا مطالب و سوالات مرتبط را در همین تاپیک مطرح کنید
موفق و موید باشید
داریــــــــــوش
یکی از اساسی ترین و همینطور base در طراحی گرافیکی وب اشنایی با سیستم های رنگ و همینطور انتخاب رنگ های مناسب برای طرح ها هست که رابطه مستقیمی با حجم و کیفیت تصویر نهایی شما داره
در طراحی و برنامه نویسی وب در کنار استفاده از نام رنگ ها از کدهای آنها به مراتب بیشتر استفاده میشه
رنگ ها در تمامی سیستم ها بر اساس RGB هستند
که این عبارت مخفف red یا قرمز، green یا سبز و blue یا آبی هستند
در اصل ما با ترکیب میزان مختلفی از این 3 رنگ اصلی طیف وسیعی از رنگ های دیگر از سفید گرفته تا سیاه را ایجاد میکنیم
برای مثال برای رنگ سیاه داریم:
سیستم hex: شماره ی رنگ 00 00 00
سیستم decimal: شماره رنگ 000 000 000
همانطور که مشاهده میکنید سیستم hex برای هر رنگ دو کاراکتر گنجایش دارد ولی سیستم dec برای هر رنگ 3 کاراکتر گنجایش دارد
همینطور در سیستم hex عبارات مجاز اعداد 0 تا 9 و حروف a تا f هستند
و در سیستم dec تنها اعداد 000 تا 255 کجاز هستند
برای مشاهده رنگ ها در کد این لینک را مشاهده کنید:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
*************************************
موضوع حیاتی بعد: Web-safe colors
بله! احیانا با این موضوع کم وبیش آشنایی دارید ولی نه به این اسم
اگر با color picker نرم افزار های گرافیکی نظیز فوتوشاپ کار کرده باشید ممکن هست وقتی که رنگ های خیلی روشن مثله قرمز یا کد ff0000 یا .... را انتخاب کنید یک آیکون خطر! به شکل علامت تعجب در وسط یک مثلث در بالای رنگ نشان داده میشود
این به این معناست که اگر از این رنگ یا رنگ های مشابه استفاده شود در هنگام ذخیره ی آن با حجم های مناسب وب مخصوصا فرمت jpg شکست رنگ خواهید داشت! یعنی رنگ شما آنطور که در طرح اصلی اسن نشان داده نمیشود
برای اینکه این شکست رنگ را نداشته باشیم ( که مخصوصا در مچ کردن بک گراند با تصویر در طراحی وب خیلی مشکل ساز میشود) باید از رنگ های مشابه ولی با کدهای دیگر استفاده کنیم
این موضوع نیاز به تجربه شخصی دارد تا رنگ هایی که کمتر مشکل یازند را در طرح هایمان به کار ببریم
این آموزش در صورت استقبال دوستان ادمه خواهد یافت
لطفا مطالب و سوالات مرتبط را در همین تاپیک مطرح کنید
موفق و موید باشید
داریــــــــــوش