Лучшие цвета для веб-дизайна

Есть много учебных программ для веб-дизайна, которые охватывают веб-цвета в детальных научных терминах. Однако для наших целей коротко обсуждайте веб-цвет и то, как оно будет использоваться в веб-портфолио. Вам нужно будет разработать цветовую схему для веб-страниц портфолио. Это означает, что вы будете разрабатывать цвета для фона страницы, типа, используемый на странице, и любых других статических элементов, которые исключаются на странице. Есть два типа цветов, которые можно использовать в веб-графике. Цвета могут быть эт & # 39; связанные с веб-графическими форматами файлов, о которых мы только что упомянули: GIF и JPG. GIF

файлы GIF используют цвет индекса. Цвет индекса состоит из 216 общих цветов, находящихся на всех мониторах компьютера & # 39; Компьютеры и во всех браузерах. Эти общие цвета находятся на веб-палитре. Палитра цветов Web доступна в Macromedia Fireworks и Adobe Photoshop, чтобы они могли использоваться при разработке веб-экранов без разницы цвета, когда страницы находятся в Интернете. Кроме того, веб-палитра является стандартной цветовой палитрой в Macromedia Dreamweaver и Macromedia Flash. Это позволяет нам достичь последовательного цвета в веб-приложениях и веб-браузерах.

Мы используем веб-цвета для

o Текст веб-текста / HTML-текст

o Фоны веб-страницы

o Цвета веб-страниц, используемые для фоновых столов или слоев

o Веб ссылки

o GIF-файлы JPG

Для графического цвета файлы JPG используют красный, зеленый и синий (RGB). Цвет RGB также известный как полный цвет. Полноцветные элементы включают растровую графику или фотографии. Мы хотим использовать фотографии столько, сколько мы можем в веб-портфолио, чтобы добавить к визуальной риторики и нарратива, которую мы пытаемся представить. Широкое использование фотографий, особенно их манипулирования в программах, таких как Adobe Photoshop, требует краткого описания цветной модели RGB. Цвет RGB известный как аддитивный цвет, поскольку все цвета, красный зеленый и синий, были добавлены вместе в полной интенсивности, создает чистый белый цвет. Смесь относительной силы этих цветов, "создать миллионы цветов, комп & # 39; Компьютерные мониторы могут показать" (Kimball, 2003, стр. 95). Прочность этих цветов устанавливается от нуля до 255, причем ноль является самой интенсивностью, а 255 — наибольшей интенсивностью. Когда красный, зеленый и синий о & # 39; объединяют при нулевой интенсивности, результат черным. При полной силе, высокой интенсивности, где значения устанавливаются на 255, 255, 255, результат чистым белым. Чтобы это запомнить & # 39; закладку, вот простая метафора. Подумайте о красный, зеленый и синий как световые выключатели. Каждый переключатель света с помощью слайдера имеет диапазон от нуля до 255 Когда все белые выключатели установлены на ноль, комната темная. Которые все световые выключатели установлены на 255, комната светится при полной интенсивности. Когда вы начнете использовать программы для редактирования изображений, такие как флэш-игры с Adobe Photoshop и Macromedia, вы начинаете изучать цвет комп & # 39; ютера в графике и фотографиях. Обсуждая цветовое использования, полноцветная или RGB-цвет присутствует в фотографических JPG-файлах и других создания произведения искусства. Полноцветные изображения не должны храниться как файлы GIF-за ограниченного количества цветов. Имея ограниченные цвета, полноцветное изображение будет представлять настоящие цвета с помощью существующей веб-палитры из 216 цветов.

Это создает бедное, скрытое и уродливое изображение. Вот почему очень важно использовать правильный формат файлов для каждого конкретного графики. Во время преобразования печатных изображений в Интернет важно, чтобы вы не использовали цветную модель CMYK для чего-либо, включая графику. Модель CMYK не является цветовым прозрачным монитором. Графика CMYK не отображается в интерфейсе CMYK. Они могут быть представлены только цветовой моделью RGB или веб-безопасной (индексированной) цветной моделью. Вот правила для веб-цвета:

o Полноцветные изображения (палитра RGB) и фотографии сохраняются как JPG.

o Плоская графика (Палитра веб-216) с ограниченным цветом сохраняются как файлы GIF.

o Для фоновых страниц используйте палитру веб-безопасности (Палитра веб-216) во всех программах комп & # 39; графика, мультимедиа и веб-разработки. Теперь давайте обсуждать веб-страницу и графический размер. Размер

Веб-страницы измеряются в пикселях. Пиксели является единицей измерения для экрана. Веб-страница может быть любым размером. Стандартные веб-страницы обычно вписываются в несколько размеров:

oW x H

o 600 x 800

o 640 x 480 (Dreamweaver default)

o 1024 x 768

o 550 x 400 (Flash по умолчанию)

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

Последовательность в размере страницы r должна быть использована на каждом уровне структурной схемы дизайна веб-портфолио. Вам нужно будет понять размер программы для редактирования изображений, когда вы создаете экраны и веб-графику. Мы должны сохранять нашу графику в пределах правил размера страницы, иначе они будут расширять веб-браузер, и пользователю придется прокручивать их, чтобы увидеть их. Это не очень хорошо и обязанности & # 39; обязательно выключите пользователя. Когда вы смотрите на веб-экраны и графика в программе для редактирования изображений, например, Fireworks Macromedia или Adobe Photoshop, вы можете увидеть точный размер изображения, который будет занимать на мониторе, когда для экрана установлено 100 процентов.

Это означает, что вы можете точно указать, как будет выглядеть страница, прежде чем пройти процесс создания веб-страницы HTML. Это помогает в дизайне и производстве. Это помогает устранить предположение при разработке страниц. Размер также зависит от разрешения. Давайте обсудим решения следующего.

Releated Post

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *