کاربرد های احتمالی رنگ در CSS3

March 28, 2005 at 01:15 am

در مطالعه کتاب جناب توماس به نکته ی جالبی برخورد کردم ، نویسنده در این باره می گوید: با وجودی که هنوز مطمئن نیستیم مرورگرها در خصوصیات CSS3 آینده چه چیزی را پشتیبانی می کنند ، اما برخی از جنبه های پشتیبانی رنگ برای اشاره به موارد ممکن آینده به طور خلاصه آمده است .

اول اینکه CSS3 امکان هماهنگ شدن با اجزا را به نقاط تیره می دهد. این کار می تواند از طریق هماهنگ کردن خصوصیات یک رنگ اصلاح شده که با rgba نشان داده می شود و آلفا را به عنوان مقدار چهارم اضافه می کند باشد. در ضمن این آلفا می تواند بین 0.0 تا 1.0 تغییر کند .

یک نوع پیشرفت دیگر که درآن معرفی شده است، توانایی مرتب کردن رنگ در قالب HSL است. این رنگ ها به صورت سه تایی مشخص می شوند ( سایه، اشباع، روشنی ). سایه به صورت گوشه ای از چرخه رنگ، جایی که قرمز 0 یا 360، سبز 120، آبی 240 و دیگر رنگ ها بین این ارقام هستند ظاهر می شود. اشباع به صورت درصد بیان می شود. بنابراین 0 درصد اشباع ندارد یا سایه ایی از رنگ خاکستری است، در حالی که 100 کاملا اشباع شده از سایه می باشد. روشنی هم به صورت مقدار درصدی نشان داده می شود، که روشنی 100 درصد به رنگ سفید و روشنی 0 به رنگ سیاه ظاهر می شود .

با وجوی که به نظر می رسد راه دیگری برای تعیین رنگ وجود دارد، اما تعیین رنگ HSL در جهت تنظیم رنگ ها شهودی تر است و به طور کلی خلق تنوعی از رنگ ها با ثابت نگه داشتن سایه و تنظیم کردن درجه اشباع و ته رنگ با این روش آسان تر به نظر می آید. رنگ های HSL، شبیه خصوصیات رنگ RGB، به موجب سیستم CSS3 مقدار آلفا را پشتیبانی می کنند و به وسیله HSLA اندازه گیری می شوند.

در نهایت CSS3 خصوصیاتی شبیه به نمای رنگی معرفی می کند، که خصوصیات نمای رنگی یک ICC ( International Color Consortium ) را جایز می شمرد. توانایی بهبود در نمایش مجدد رنگ در مرورگرها مدت هاست که در شرف وقوع است. چالش واقعی که با رنگ در وب می بینیم این است که با چنین تنوع وسیعی از دیدگاه های در حال وقوع، اگر دقت نکنیم، تفاوت بین اینکه چه رنگ هایی را تعیین می کنیم و چه رنگ هایی واقعا نمایش داده می شوند بسیار بزرگ است .

یا مقلب القلوب و الابصار

March 20, 2005 at 10:21 am
فرا رسیدن بهار طبیعت بر همگان مبارک باد

برگه های سال 1383 خورشیدی ورق خورد و هم اکنون در آستانه فرارسیدن بهار سال جدید هستیم آرزومندیم که تبریکات صمیمانه ی ما به مناسبت آغاز سال نو مورد قبول شما عزیزان واقع گردد و میمنت سال جدید طلیعه ی موفقیت های بزرگ برای شما باشد . در لحظه حلول سال نو با زمزمه کردن دعای عرفانی , یا مقلب القلوب و الابصار , دعا گوی ما هم باشید . عید بر همگان مبارک باد .

‌چرا طراحان وب ، این گونه باید طراحی كنند ؟

March 15, 2005 at 03:29 pm

من خودم رو طراح نمی دونم چون معتقدم طراحی وب تركیبی از هنر و علم ، الهام و اجرا و در نهایت ناكامی و سربلندی است . و واقعا نیاز به یه هنرمند داره اما در صنعتی به جوانی طراحی وب ، تجربه بهترین معلمه . از زمانی كه كتاب آقای توماس پاول رو در مورد استاندارد های طراحی وب مطالعه كردم كاملا دیدگاه و نظرم در مورد مقوله طراحی متفاوت شده . تا حدی كه در برخورد با بسیاری از وب سایت های رسمی و همچنین سایت های ژورنال شخصی فعال فارسی ( وبلاگ ها ) آن ها رو از لحاظ اصول استاندارد طراحی چك می كنم .

متاسفانه در اكثر موارد به جز موارد انگشت شماری اصول طراحی رعایت نمی شوند و جالب اینجا است كه اگر به سایت های انگلیسی زبان مراجعه شود نتایج برعكسی به دست می آید . باید در این میان سراغ طراح وب مربوطه را گرفت . متاسفانه در اكثر موارد خود فرد با دانش اندكی كه در این مورد دارد به كمك نرم افزارهای غیر استاندارد طراحی ، اقدام به طراحی وب سایت شخصی می كند و بدتر از آن گاهی افرادی با عنوان طراح وب با دریافت هزینه های گزاف این كار را انجام می دهند .

برای مثال كمتر صفحه ایی است كه بر چسپ <!DOCTYPE> را داشته باشد و این در حالی است كه در حالت استاندارد تمام صفحات وب باید با این برچسپ را داشته باشند كه برای نشان دادن نگارش بخصوصی از زبان به كار گرفته شده در صفحه استفاده می شود . موارد مشابه این بسیارند كه در این مجال نمی گنجد .

به نظر شما چه اقدامی در جهت بهبود طراحی هایمان باید اتخاذ كنیم ؟ آیا نباید خود را با استانداردها و مهم تر از آن معماری های امروزی تجهیز كنیم ؟ برای مثال : حركت به سوی XHTML را در نظر می گیریم . نگارش جدید HTML به نام XHTML در ژانویه 2000 توسط W3C پیشنهاد شد . XHTML یك HTML تغییر شكل داده شده با استفاده از XML است و سعی دارد تا جهت و كاربرد HTML را به سمتی كه باید باشد تغییر بدهد .

این به چه معناست ؟ خلاصه این كه قانون ها اكنون مهم هستند . در گذشته می توانستید مرورگرتان را تقریبا با هر چیزی پر كنید و مرورگر نیز آن را نشان بدهد ، اما امروزه چی ؟ فایرفاكس را به عنوان یك مرورگر استاندارد گرا امتحان كنید . XHTML به تمام این ها خاتمه می دهد اكنون ، اگر اشتباهی مرتكب شوید ، به وضوح مهم می شود . مشابه این قوانین زیاد هستند و فراگیری آن ها ساده اما كجاست فراگیر ؟

هماهنگی ( هارمونی ) رنگ در وب

March 14, 2005 at 08:21 pm

مبحث كاربرد رنگ در طراحی وب بسیار گسترده است كه در این مجال نمی گنجد . بحث هایی هم چون رنگ های عملی در وب ، رنگ های مطمئن در مرورگر ، تصحیح گاما جز این مقوله به شمار می رود كه تنها در این پست به بررسی هارمونی رنگ ها در طراحی وب بسنده می كنیم .

همان طور كه می دانید رنگ ها بر روی وب نه تنها به منظور جالب تر كردن بیشتر سایت ها استفاده می شود بلكه برای تحریك كردن ، سرگرم كردن و یا حتی بر انگیختن احساسات كاربر به كار می روند . جدای از آن عوامل دیگری نیز وجود دارند كه بر قابلیت استفاده از رنگ ها برروی وب تاثیر می گذارند . برای مثال ، یك برداشت نادرست از اهمیت فرهنگی بعضی از رنگ ها ی خاص ممكن است تاثیری منفی در كاربر داشته باشد و یا برعكس .

وقتی از رنگ استفاده می شود ، طراحان سعی دارند تا اشیا را در یك حالت تعادل قرار دهند . استفاده زیاد از رنگ تحریك كنندگی و بی نظمی را به دنبال دارد ، در حالی كه استفاده كم از رنگ ها خسته كننده است . وقتی كه از رنگ استفاده می كنیم ، برای به وجود آوردن هماهنگی تقلا می كنیم . به عبارت دیگر از رنگ ها به روش خوشایندی استفاده می كنیم . البته ، با وجودی كه به نظر می رسد این كار یك مسئله كاملا سلیقه ای است ، تئوری رنگ مدت هاست كه نشان می دهد چگونه تركیبات به خصوصی از رنگ ها با یكدیگر خوب كار می كنند .

چند راهنمایی اساسی در مورد استفاده خوب از رنگ ها : 1) فقط از چند رنگ متفاوت بر روی یك صفحه استفاده كنید . 2) از مقدار زیادی از رنگ ها استفاده نكنید. 3) رنگ های سرد و گرم را با یكدیگر استفاده كنید .

می توانیم با چرخه رنگی كه در اینجا ارائه شده است با چند طرح رایج برای پیدا كردن تركیبات رنگی خوشایند مواجه شویم . آسانترین راه برای انجام این كار انتخاب رنگ های نزدیك به هم در چرخه است . كه با عنوان همتراز یا analogous خوانده می شود . رنگ هایی كه بر روی چرخه به طور مستقیم به صورت متضاد قرار گرفته اند نیز با یكدیگر خوب كار می كنند و به نظر مكمل هم می آیند . ادامه مطلب …

Page: 1 | 2