روز سوم طراحی وب سایت ریسپانسیو

مجله:

در این بخش، قرار است مجموعه ای از نشانگرهای رنگی ایجاد کنم.

پروژه:

درس امروز بیشتر در مورد تئوری رنگ بود و اینکه چقدر می توانیم رنگ را متفاوت وارد کنیم. من کمی از عملکرد چرخ رنگ یاد گرفتم. ما میتوانیم استفاده کنیم rgba برای انتخاب رنگ ها R برای قرمز، G برای سبز و B برای آبی است، مقداری از 0 تا 255 را برای انتخاب رنگ انتخاب می کنیم. A آلفا است که به عنوان کدورت رنگ عمل می کند.

RGB در دستگاه های الکترونیکی استفاده می شود، اما چاپ از CMYK استفاده می کند که مخفف Cyan، Magneta، Yellow، Key (Black) است.

مثلا،
rgb(255، 0، 0) برای RED است
rgb(0، 255، 0) برای سبز است
rgb(0، 0، 255) برای BLUE است
rgb(0، 0، 0) برای BLACK است
rgb(255، 255، 255) برای WHITE است

مانند RGB روش های دیگری برای تعیین رنگ وجود دارد. به عنوان مثال HEX (کد هگزادسیمال)، HSL (رنگ، ​​اشباع، و روشنایی)، HWB (رنگ، ​​سفیدی، سیاهی).

ما می توانیم انتخابگرهای رنگ را در وب سایت های مختلف پیدا کنیم. RGB، HEX، HSL، HWB، CMYK.

گرادیان رنگ:
linear-gradient برای ایجاد گرادیان رنگ برای صفحات وب است.

نحو:

background-image: linear-gradient(direction, color-stop-1, color-stop-2,...);

جهت برای زاویه خط گرادیان است. 0 درجه مقدار به بالا است، مقادیر افزایشی از 0 درجه در جهت عقربه های ساعت می چرخند.
color-stop برای مقدار رنگ و توقف از 0% تا 100% (یا length) در امتداد محور گرادیان.
CSS Gradient یک ابزار عالی برای ایجاد گرادینت و کپی مستقیم کدهای css دارد.

سایه جعبه:
box shadow ایجاد سایه به محتوا است.

نحو:

box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit

h-offset برای افست افقی سایه است، v-offset برای افست عمودی سایه است، blur برای شعاع تاری است، spread برای شعاع گسترش است، color برای رنگ سایه است، inset برای تغییر سایه از بیرون به درونی.

به طور کلی، بیشتر کارهای امروزی روی رنگ، شیب و استایل سایه متمرکز بود.

من همچنین یادداشت هایی را در Github خود منتشر کرده ام.

بهره وری:

امتیاز بهره وری: 8
امتیاز لذت: 7

ماژول را در کمتر از زمانی که مسدود کردم تکمیل کردم، اگرچه از استایل و تئوری رنگ خوشم آمد اما احساس کردم ماژول واقعا کوتاه است. همچنین، من باید در مورد تئوری رنگ بیشتر مطالعه کنم.

پیوندهای خارجی:

تصویر زمینه در کامپیوتر من: مارکو
امتیاز بهره وری: روبی گرنجر

کمی موسیقی در حالی که درس می خواندم.