или   
 
Почему вы отправляете жалобу?

Нежелательная реклама или спам
Материалы откровенно сексуального характера
Дискриминационные высказывания или проявление ненависти
Домогательство или издевательство
Материал, защищенный авторскими правами
Возможно, аккаунт был взломан

Мы получили вашу жалобу и рассмотрим ее в ближайшее время. Если выяснится, что эта запись нарушает Правила в отношении поведения пользователей и размещаемого ими контента, мы удалим ее. Спасибо за сотрудничество.
БЛОГИ | Рецепты
Арес Виктор   ares   28.06.2018 | 20:28  

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

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

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


/media/uploads/userapi/img_recipe/733/p_r93hek26r9i5akhrktnkz71fn.jpeg


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

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

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

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


/media/uploads/userapi/img_recipe/733/p_yr441kdsat6dktekhb147ks5f.jpeg


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


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

/media/uploads/userapi/img_recipe/733/p_dr9dt23tke31iriyeny93ik4s.jpeg



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

/media/uploads/userapi/img_recipe/733/p_2br41aidikd82b4asst96t8fn.jpeg


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

/media/uploads/userapi/img_recipe/733/p_d571f3en72ryf26i2428bh124.jpeg


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

/media/uploads/userapi/img_recipe/733/p_a6b1ts242h2a43nfhzrnr4h9z.jpeg

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


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


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




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


https://logobaker.ru/media/uploads/userapi/img_recipe/733/p_z92ytd751sid72hd939t7e419.png


Behance  /  VK  /  Instagram 

Комментарии: 12
Рассказать:
 +2
 
 
 
Андрей [SHIP] 29.06.2018 | 11:40  
+!!!
 +2
 
 
прикольно, молодец. Спасибо
 +1
 
 
Отличный урок! Мне точно пригодится!
 +1
 
 
 
Дарья Микита [Danaya] 29.06.2018 | 20:22  
Спасибо! Полезно!
 +1
 
 
Прекрасный урок и хорошие примеры. Спасибо всем!
 +1
 
 
 
Сергей [sergeyyark] 02.07.2018 | 16:00   [изменено] 02.07.2018 | 16:01
Есть у меня такой знак, так вот он валится вправо вниз.
Верхняя и нижняя линии абсолютно горизонтальны и параллельны,
знак-перевёртыш (при 180° получаем ту же картинку).
Дело не в цвете (чб https://dribbble.com/shots/3817197-69-grid )
Пытался прокрутить на пару градусов против часовой стрелки - выходит лажа.
Так и не смог побороть этот обман зрения, смирился.

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


 
Вход




Запомнить