Мини-урок #2 - Обманы зрения
28.06.2018
2.0K
14
Для визуальной компенсации обманывать взгляд приходится довольно часто. Если знать как работает визуальное восприятие, можно использовать это для улучшения качества работ. Предлагаю разобрать пару интересных примеров.
Начну с двух работ где взгляд обманывается самым наглым образом. По иронии судьбы, в них присутствует глаз. Вот они:
возможны вы уже что-то увидели. Но вне контекста это заметить довольно сложно.
Дело в том, что тут нужно было добиться симметрии, но в обоих случаях для этого нет идеальных условий.
Пришлось обманывать взгляд, чтобы они выглядели симметрично, хотя на деле таковыми не являются.
В полной мере это можно увидеть через зеркало:
Основные моменты когда нужно отойти от сеток и делать "на глаз", чтобы все выглядело ровно:
1) Горизонтали смотрятся толще вертикалей, поэтому горизонтальные элементы нужно делать тоньше.
2) В местах соединения можно немного изменить угол, чтобы убрать темные места:
3) округлые и угловые элементы должны выходить за пределы базовой линии сверху и снизу:
4) Вертикали без перекладин - чаще всего это буквы "I,T" можно делать чуть-чуть толще, так они будут смотреться гармоничнее в общей связке:
5) Про темное на светлом и светлое на темном я уже писал в уроке Инверсия
П.С, Что-то еще было, сейчас не помню, если вспомню, добавлю.
Если у вас есть интересные примеры с обманом зрения в работах, прикрепите в коменты.
Начну с двух работ где взгляд обманывается самым наглым образом. По иронии судьбы, в них присутствует глаз. Вот они:
возможны вы уже что-то увидели. Но вне контекста это заметить довольно сложно.
Дело в том, что тут нужно было добиться симметрии, но в обоих случаях для этого нет идеальных условий.
Пришлось обманывать взгляд, чтобы они выглядели симметрично, хотя на деле таковыми не являются.
В полной мере это можно увидеть через зеркало:
Основные моменты когда нужно отойти от сеток и делать "на глаз", чтобы все выглядело ровно:
1) Горизонтали смотрятся толще вертикалей, поэтому горизонтальные элементы нужно делать тоньше.
2) В местах соединения можно немного изменить угол, чтобы убрать темные места:
3) округлые и угловые элементы должны выходить за пределы базовой линии сверху и снизу:
4) Вертикали без перекладин - чаще всего это буквы "I,T" можно делать чуть-чуть толще, так они будут смотреться гармоничнее в общей связке:
5) Про темное на светлом и светлое на темном я уже писал в уроке Инверсия
П.С, Что-то еще было, сейчас не помню, если вспомню, добавлю.
Если у вас есть интересные примеры с обманом зрения в работах, прикрепите в коменты.
Надеюсь это был интересный урок
спасибо за внимание
Behance / VK / Instagram
Comments:
Open For all
Андрей Саяпинchef7y
+!!!
Филипп Пономаревchef7y
прикольно, молодец. Спасибо
Алексей Рудаковchef7y
Отличный урок! Мне точно пригодится!
Дарья Микитаchef7y
Спасибо! Полезно!
Ильнур Насретдинов7y
Прекрасный урок и хорошие примеры. Спасибо всем!
Сергей Яковенкоchef7y
Есть у меня такой знак, так вот он валится вправо вниз.
Верхняя и нижняя линии абсолютно горизонтальны и параллельны,
знак-перевёртыш (при 180° получаем ту же картинку).
Дело не в цвете (чб https://dribbble.com/shots/3817197-69-grid )
Пытался прокрутить на пару градусов против часовой стрелки - выходит лажа.
Так и не смог побороть этот обман зрения, смирился.

Ilya Gorchaniukchef7y
@sergeyyakovenkoЧто-то мне ничего не валится ))
Сергей Яковенкоchef7y
@tickstyleМожет это объективно, но я вижу явную оптическую неровность.
Возможно, это лучше видно в контексте.
http://piccy.info/view3/12460743/bbb3b459d38333d72b40ec518a5f8ee1/
Дмитрий Ивановchef7y
@sergeyyakovenkoА так, как ниже?
Сергей Яковенкоchef7y
@11designДмитрий, спасибо, пробовал – не понравилось.
Я думаю, не всегда с оптическим обманом удается справиться,
вот тут, к примеру, у меня было то же самое - вертикаль заваливалась вправо.
https://dribbble.com/shots/3220065-iProjector-logo
(линия, которая граничит красный и темно-синий, она абсолютно вертикальна,
но визуально кажется, что валится вправо - то ли из-за разной тяжести объектов, хз,
я пока это не совсем понимаю.)
Дмитрий Ивановchef7y
@sergeyyakovenkoМожно менять угол поворота на 1–2 градуса, то есть повернуть всю фигуру против часовой. И «завал» произошёл по всей вероятности из-за того, что у голубой фигуры скошена верхняя грань.
Дмитрий Ивановchef7y
+

Magzhan Altaiulychef1y
Очень познавательно!
Amantur Askarbekovchef1y
Очень полезно)
+1