Главная » Бизнес в Интернете

Вебдизайн и палитра RGB

вебдизайнБизнес в Интернете — творческий процесс. Результат этой творческой работы — нужная и полезная информация. Но информацию недостаточно просто выложить, ее нужно оформить так, чтобы она выделилась среди общей массы. И обеспечит нам профессиональное и грамотное оформление знание правил и основ вебдизайна.

Если Вы зарабатываете в Интернете, знание вебдизайна Вам понадобится практически везде. И неважно, видите ли Вы себя профессиональным вебдизайнером в будущем, или просто хотите научиться оформлять красиво одностраничные сайты и блоги — Вам все равно вебдизайн необходим.

Цель вебдизайнера — грамотное и профессиональное оформление сайта. От оформления очень многое зависит, недаром профессия вебдизайнера — одна из самых престижных и высокооплачиваемых.

инструменты вебдизайнера

Каким образом сайт создается?

  1. Сначала Вы формируете графический образ сайта.
  2. Затем Вы воплощаете замысел в реальность с помощью различных программ.
  3. Размещаете графику на сайте, наполняете сайт содержанием, и отправляете в Интернет.

работа вебдизайнераВебдизайнер должен уметь создавать графику и анимацию: картинки, трехмерные изображения, движущиеся картинки и ролики, баннеры, должен уметь организовывать наилучшим образом пространство, цвет и структуру сайта.

Для начала поговорим о том, что такое цвет. Если белый цвет падает на белый предмет, от него отражаются все лучи, и мы видим, что предмет белого цвета. Если белый цвет падает на зеленый предмет, все лучи поглощаются кроме зеленых. Зеленые лучи не поглощаются, а отражаются, и мы видим, что предмет — зеленый. Точно так же мы видим все остальные цвета: красный, синий, желтый — это лучи тех цветов, которые отразились. Черные предметы поглощают все лучи, и мы наблюдаем отсутствие цвета — черный цвет.

В мониторах компьютера используется палитра RGB. Именно с помощью этой палитры создается все многообразие цветов, которое мы видим на экране.

палитра rgbПалитра RGB использует три цвета:

  • R (red) красный
  • G (green) зеленый
  • B (blue) синий

Это цвета излучающие. Смешение этих цветов дает новые цвета:

  • Y — yellow (желтый)
  • C — cyan (голубой)
  • M — magenta (пурпурный)

профессия вебдизайнерВ палитре RGB каждый из этих трех компонентов может принимать значения от 0 до 255 (всего 256 цветов).

RGB(255;255;255) — белый цвет, интенсивность излучения всех трех цветов максимальная


RGB(0;0;0) — черный цвет.

Таким образом, мы в этой системе можем получить абсолютно любой цвет.

Кроме десятеричной системы, в палитре RGB применяется еще и 16-ричная система исчисления. Интенсивность каждого цвета измеряется в 16-ричной системе цифрами от 00 до FF. При этом применяется 16 цифр: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.

вебдизайн

Число 10 в десятеричной системе записывается как A в шестнадцатеричной системе, 11 — как B, а 16 — как 10. Двумя цифрами в 16-ричной системе можно записать при этом гораздо большее число, чем в 10-ричной системе. Если в 10-ричной системе 99 — это 10 раз по 10 (включая 0), то в 16-ричной системе максимальное двухзначное число: FF — это 16 раз по 16 (то есть 256).

палитра rgbЦвет в шестнадцатеричной системе записывается тремя двухзначными числами:

  • 1-е двухзначное число — интенсивность красного цвета
  • 2-е двухзначное число — интенсивность зеленого цвета
  • 3-е двухзначное число — интенсивность синего цвета

Например:

  • палитра rgbFF0000 — красный цвет;
  • 00FF00 — зеленый цвет;
  • 0000FF — синий цвет;
  • FFFFFF — белый цвет;
  • 000000 — черный цвет;
  • FFFF00 — желтый цвет.

Давайте теперь научимся определять цвета. В этом нам поможет программа FSCapture. Запускаете ее, и выбираете пипетку. Кликаете пипеткой по тому месту экрана, цвет которого хотите определить. Смотрите результаты, причем они будут Вам показаны и в десятеричной, и в 16-ричной системе.


Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

4 комментария »

  • Олег пишет:

    Тоже для определения цвета пользуюсь FSCapture. Очень удобно. А вообще прикольно, три цвета дают столько оттенков и цветов.

  • inetedu.ru пишет:

    Большое спасибо за полезные сведения! Доступно и понятно. Скопирую, пожалуй, себе в закладки.

  • Марина Гай пишет:

    Как-то никогда раньше не задумывалась о применении теории цвета в веб-дизайне.Хотя это и ясно по определению. Благодарю за подробную, подкрепленную цифрами очень полезную информацию!

  • Светлана пишет:

    Как всегда, очень полезная информация

Оставьте свой комментарий и ответный визит Вам обеспечен