کاربرد های احتمالی رنگ در 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