ares
Виктор Арес

Мини-урок #2 - Обманы зрения

  • 28.06.2018
  • 2.1K
  • 14
Для визуальной компенсации обманывать взгляд приходится довольно часто. Если знать как работает визуальное восприятие, можно использовать это для улучшения качества работ. Предлагаю разобрать пару интересных примеров.

Начну с двух работ где взгляд обманывается самым наглым образом. По иронии судьбы, в них присутствует глаз. Вот они:





возможны вы уже что-то увидели. Но вне контекста это заметить довольно сложно.

Дело в том, что тут нужно было добиться симметрии, но в обоих случаях для этого нет идеальных условий.

Пришлось обманывать взгляд, чтобы они выглядели симметрично, хотя на деле таковыми не являются. 

В полной мере это можно увидеть через зеркало:





Основные моменты когда нужно отойти от сеток и делать "на глаз", чтобы все выглядело ровно:


1) Горизонтали смотрятся толще вертикалей, поэтому горизонтальные элементы нужно делать тоньше.





2) В местах соединения можно немного изменить угол, чтобы убрать темные места:




3) округлые и угловые элементы должны выходить за пределы базовой линии сверху и снизу:




4) Вертикали без перекладин - чаще всего это буквы "I,T" можно делать чуть-чуть толще, так они будут смотреться гармоничнее в общей связке: 



5) Про темное на светлом и светлое на темном я уже писал в уроке Инверсия 


П.С, Что-то еще было, сейчас не помню, если вспомню, добавлю.


Если у вас есть интересные примеры с обманом зрения в работах, прикрепите в коменты.




Надеюсь это был интересный урок
спасибо за внимание





Behance  /  VK  /  Instagram 

Comments:

Open For all

Philipp
прикольно, молодец. Спасибо
smithy-style
Отличный урок! Мне точно пригодится!
Logomika
Спасибо! Полезно!
nifritus
Прекрасный урок и хорошие примеры. Спасибо всем!
sergeyyakovenko
Есть у меня такой знак, так вот он валится вправо вниз. Верхняя и нижняя линии абсолютно горизонтальны и параллельны, знак-перевёртыш (при 180° получаем ту же картинку). Дело не в цвете (чб https://dribbble.com/shots/3817197-69-grid ) Пытался прокрутить на пару градусов против часовой стрелки - выходит лажа. Так и не смог побороть этот обман зрения, смирился.
tickstyle
@sergeyyakovenkoЧто-то мне ничего не валится ))
sergeyyakovenko
@tickstyleМожет это объективно, но я вижу явную оптическую неровность. Возможно, это лучше видно в контексте. http://piccy.info/view3/12460743/bbb3b459d38333d72b40ec518a5f8ee1/
11design
@sergeyyakovenkoА так, как ниже?
sergeyyakovenko
@11designДмитрий, спасибо, пробовал – не понравилось. Я думаю, не всегда с оптическим обманом удается справиться, вот тут, к примеру, у меня было то же самое - вертикаль заваливалась вправо. https://dribbble.com/shots/3220065-iProjector-logo (линия, которая граничит красный и темно-синий, она абсолютно вертикальна, но визуально кажется, что валится вправо - то ли из-за разной тяжести объектов, хз, я пока это не совсем понимаю.)
11design
@sergeyyakovenkoМожно менять угол поворота на 1–2 градуса, то есть повернуть всю фигуру против часовой. И «завал» произошёл по всей вероятности из-за того, что у голубой фигуры скошена верхняя грань.
alt.magzhan
Очень познавательно!
amanturlogo
Очень полезно)
+1