Свет и Тень

Почему

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

Как

Так, как мы будем использовать эти элементы, чтобы заставить наш дизайн выглядеть более естественно?

Совет 1: Во-первых, мы должны выбрать один, или нескольк, источников освещения. Как эмпирическое правило, начало при использовании только одного источника освещения в главном центре Вашего холста. Этот шаг должен быть сделан в самом начале процесса проектирования. Этим путем, Вы можете легко проектировать все элементы в своем проекте, ссылаясь на источник освещения.

Совет 2: Использование СТ подразумевает то, что Вы использовали это, будучи утончённым. Резкий, контрастирующий источник освещения выглядит дёшево и отвернёт внимание пользователя от фактического информационного наполнения.

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

Совет 3: Используйте противоположное правило: если у Вас будет свет, исходящий из левой стороны, то тени будут повёрнуты вправо. И ещё кое-что: чем ближе к предмету Ваш источник освещения, тем меньше и острее становится тени. И если Вы только начинаете работать в этом направлении, Вы можете проверить, как свет и тень взаимодействуют с объектами реального мира, играя вокруг с настольной лампой. Кажется глупым, но это работает.

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

Другое

Aран Даун использует центральный источник освещения очень интересным способом: тени, в этом случае, визуальнуо выглядят глубокими. Поскольку у лучших трех частей есть большая тень, они, кажется, немного подняты, в противоположность скользящей панели ниже этого, у которой есть очень тонкие, короткие тени. Есть также другие уровни глубины в дизайне, в меньшем масштабе, как скользящие групповые навигационные стрелки или изображение Лого.

Фольксваген использует горизонт и тени, чтобы передать идею глубины. Эти два автомобиля в обратной стороне, кажется, еще дальше, потому что они оставляют меньшую тень. Несомненно, изменение масштаба помогает также, но мы только говорим о ТС здесь. Несомненно, Фольксваген, возможно, занял дополнительное время, чтобы смешать тени лучше (они немного обрублены), но это - все еще довольно хороший пример того, как простые СТ могут заставить дизайн выглядеть более естественным и интересным.

Без его центрального источника освещения вебсайт FLIPP был бы плоским и неприятным. Превосходный пример того, как немного света изменяет все.

Это - небольшие примеры, которые делают работу дизайна более успешной, так что помните: Вы должны проектировать с тонкостью и бороться за это.