Визуализировать html чтобы просмотреть сообщение. Как правильно сделать визуализацию желаний методом для достижения своих целей. Области применения визуализации желаний

26 мая 2014 в 20:08

Рендеринг WEB-страницы: что об этом должен знать front-end разработчик

  • Разработка веб-сайтов ,
  • JavaScript

Данное направление можно и нужно оптимизировать на этапе вёрстки/frontend-разработки, поскольку, очевидно, что разметка, стили и скрипты принимают в рендеринге непосредственное участие. Для этого соответствующие специалисты должны знать некоторые тонкости.

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

Процесс обработки WEB-страницы браузером

Для начала, рассмотрим последовательность работы браузера при отображении документа:
  1. Из полученного от сервера HTML-документа формируется DOM (Document Object Model).
  2. Загружаются и распознаются стили, формируется CSSOM (CSS Object Model).
  3. На основе DOM и CSSOM формируется дерево рендеринга, или render tree - набор объектов рендеринга (Webkit использует термин «renderer», или «render object», а Gecko - «frame»). Render tree дублирует структуру DOM, но сюда не попадают невидимые элементы (например - , или элементы со стилем display:none;). Также, каждая строка текста представлена в дереве рендеринга как отдельный renderer. Каждый объект рендеринга содержит соответствующий ему объект DOM (или блок текста), и рассчитанный для этого объекта стиль. Проще говоря, render tree описывает визуальное представление DOM.
  4. Для каждого элемента render tree рассчитывается положение на странице - происходит layout. Браузеры используют поточный метод (flow), при котором в большинстве случаев достаточно одного прохода для размещения всех элементов (для таблиц проходов требуется больше).
  5. Наконец, происходит отрисовка всего этого добра в браузере - painting.
В процессе взаимодействия пользователя со страницей, а также выполнения скриптов, она меняется, что требует повторного выполнения некоторых из вышеперечисленных операций.

Repaint

В случае изменения стилей элемента, не влияющих на его размеры и положение на странице (например, background-color , border-color , visibility), браузер просто отрисовывает его заново, с учётом нового стиля - происходит repaint (или restyle).

Reflow

Если же изменения затрагивают содержимое, структуру документа, положение элементов - происходит reflow (или relayout). Причинами таких изменений обычно являются:
  • Манипуляции с DOM (добавление, удаление, изменение, перестановка элементов);
  • Изменение содержимого, в т.ч. текста в полях форм;
  • Расчёт или изменение CSS-свойств;
  • Добавление, удаление таблиц стилей;
  • Манипуляции с атрибутом « class »;
  • Манипуляции с окном браузера - изменения размеров, прокрутка;
  • Активация псевдо-классов (например, :hover).

Оптимизация со стороны браузера

Браузеры по возможности локализуют repaint и reflow в пределах элементов, подвергнувшимися изменению. Например, изменение размеров абсолютно или фиксировано спозиционированного элемента затронет только сам элемент и его потомков, в то время как изменение статично спозиционированного - повлечет reflow всех элементов, следующих за ним.

Ещё одна особенность - во время выполнения JavaScript браузеры кэшируют вносимые изменения, и применяют их в один проход по завершению работы блока кода. Например, в ходе выполнения данного кода произойдет только один reflow и repaint:

Var $body = $("body"); $body.css("padding", "1px"); // reflow, repaint $body.css("color", "red"); // repaint $body.css("margin", "2px"); // reflow, repaint // На самом деле произойдет только 1 reflow и repaint
Однако, как описано выше, обращение к свойствам элементов вызовет принудительный reflow. То есть, если мы в приведённый блок кода добавим обращение к свойству элемента, это вызовет лишний reflow:

Var $body = $("body"); $body.css("padding", "1px"); $body.css("padding"); // обращение к свойству, принудительный reflow $body.css("color", "red"); $body.css("margin", "2px");
В итоге мы получим 2 reflow вместо одного. Поэтому, обращения к свойствам элементов по возможности нужно группировать в одном месте, дабы оптимизировать производительность (см. ).

Но, на практике встречаются ситуации, когда без принудительного reflow не обойтись. Допустим, у нас есть задача: к элементу нужно применить одно и то же свойство (возьмём « margin-left ») сначала без анимации (установить в 100px), а затем - анимировать посредством transition в значение 50px . Можете сразу посмотреть этот пример на JSBin , но я распишу его и тут.
Для начала заведём класс с transition:

Has-transition { -webkit-transition: margin-left 1s ease-out; -moz-transition: margin-left 1s ease-out; -o-transition: margin-left 1s ease-out; transition: margin-left 1s ease-out; }
Затем, попробуем реализовать задуманное следующим образом:

Var $targetElem = $("#targetElemId"); // наш элемент, по умолчанию у него присутствует класс "has-transition" // убираем класс с transition $targetElem.removeClass("has-transition"); // меняем свойство, ожидая, что transition отключён, ведь мы убрали класс $targetElem.css("margin-left", 100); // ставим класс с transition на место $targetElem.addClass("has-transition"); // меняем свойство $targetElem.css("margin-left", 50);
Данное решение не будет работать, как ожидается, т.к. изменения кэшируются и применяются только в конце блока кода. Нас выручит принудительный reflow, в результате код приобретёт следующий вид, и будет в точности выполнять поставленную задачу:

// убираем класс с transition $(this).removeClass("has-transition"); // меняем свойство $(this).css("margin-left", 100); // принудительно вызываем reflow, изменения в классе и свойстве будут применены сразу $(this).offsetHeight; // как пример, можно использовать любое обращение к свойствам // ставим класс с transition на место $(this).addClass("has-transition"); // меняем свойство $(this).css("margin-left", 50);

На основе данной статьи, а также других статей на Харбе, где освещается вопрос оптимизации клиентской части, можно вывести следующие советы, которые пригодятся при создании эффективного фронтенда:
  • Пишите валидный HTML и CSS, с указанием кодировки. Стили лучше включать в , а скрипты - в конце .
  • Стремитесь упрощать и оптимизировать селекторы CSS (этим часто пренебрегают разработчики, использующие препроцессоры). Чем меньше вложенность - тем лучше. По эффективности обработки селекторы можно расположить в следующем порядке (начиная с наиболее быстрого):
    1. Идентификатор: #id
    2. Класс: .class
    3. Тэг: div
    4. Соседний селектор: a + i
    5. Дочерний селектор: ul > li
    6. Универсальный селектор: *
    7. Селектор атрибутов: input
    8. Всевдоэлементы и псевдоклассы: a:hover
    Следует помнить, что браузер обрабатывает селекторы справа налево, поэтому в качестве ключевого (крайнего правого) селектора лучше использовать наиболее эффективные - идентификатор и класс.
    div * {...} // плохо.list li {...} // плохо.list-item {...} // хорошо #list .list-item {...} // хорошо
  • В скриптах минимизируйте любую работу с DOM. Кэшируйте всё: свойства, объекты, если подразумевается повторное их использование. При сложных манипуляциях разумно работать с «offline» элементом (т.е. который находится не в DOM, а в памяти), с последующим помещением его в DOM.
  • При использовании jQuery для выборки элементов придерживайтесь

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

Существует множество способов, направленных на осуществление желания. Хотя кажется, что они разработаны недавно, на самом деле человечество пользуется ими на протяжении веков. Чаще всего интуитивно.

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

Они страстно желали чего-либо и направляли весь огонь своей души на это. И жизнь исполняла их желания.

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

Среди различных техник выделяется симорон. Эта методика исполнения желаний появилась еще в 1988 г, а получила широкое распространение в новом веке. Метод Cиморон исполнение желаний и визуализация их вырос из психотехник. Смысл техники – в игре, в которой через шутливое отношение к жизни достигается осуществление целей. Для притягивания удачи, исполнения мечты используются сочиняемые несерьезные стихи, написание веселых инструкций, выполнение различных ритуальных действий и ритуальных изделий, которые исполняют желание.

Правила техник

По сути человек всегда пытается применить визуализацию. Когда он мечтает о чем-то, то в процесс включается воображение и он начинает представлять себе свою мечту воочию. Но почему тогда большинство так и остается пустыми мечтателями? Почему жизнь не меняется, нужные вещи не появляются, нужные люди не встречаются? Ответ прост – потому что нужно не просто мечтать, а мечтать правильно, следуя строгому определенному алгоритму. Итак, как правильно визуализировать желание – основные правила

Правило1: Надо научиться концентрировать внимание на цели. Многие сталкиваются с такой проблемой: начинают представлять себе желание, но начинают перепрыгивать с мысли на мысль, отвлекаться. Это вызывает неуверенность и рассеивает энергию, которая должна быть направлена на исполнение желания.

Чтобы облегчить себе задачу, надо применять техники аутотренинга или медитации.

Благодаря им можно очистить голову от посторонних мыслей и концентрироваться на представляемой картинке.

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

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

Правило 4: Надо ощущать представляемую реальность. Здесь придется напрячь все свое воображение. Но надо постараться задействовать чувства – почувствовать запах, ощутить желаемый предмет (если это предмет) на ощупь, представить вкус, услышать звуки. На первых порах это очень трудно, но постепенными тренировками можно развить воображение и тогда будет нетрудно визуализировать желаемую действительность. Развить воображение помогают методики М. Норбекова.

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

Правило 6: самое трудная часть, но и самая краеугольная.

Желание надо представить, ощутить, прочувствовать, порадоваться обладанию им и отпустить.

Как правило, именно на этом этапе случаются трудности, ведущие к неудачам. Отпустить желание – не означает перестать о нем думать и представлять. Это значит перестать о нем беспокоиться, думать о том сбудется оно или нет.

Правило 7: надо предпринимать шаги навстречу мечте. Если речь идет о работе, то просматривать соответствующие сайты, газеты. Если речь идет о новой машине, то даже покупка брелока для ключей будет считаться действием на приближение исполнения желания. Если ничего не предпринимать, а только мечтать, то ничего не сбудется. К шагам навстречу относится открытость жизни.

Особое замечание

Самое важное – после осуществления визуализации должно оставаться радостное чувство. На первых порах надо создавать его искусственно. Положительные эмоции усиливают энергию визуализации.

Здесь тоже могут помочь практики, предложенные М. Норбековым. Хотя они направлены на , в их основе тоже лежит все та же визуализация – только здоровья. Норбеков советовал представлять свое желание на фоне сильной радости. Радость на первых порах вызывается искусственно, она представляется. Это усиливает эффект и помогает достичь осуществления желания.

Желания надо визуализировать, как уже сбывшиеся события, как уже имеющиеся вещи.

Если хочется свадьбы, надо представлять идущую свадьбу в режиме он лайн. Если работу – то себя на рабочем месте. Если машину – то себя за ее рулем.

Считается, что жизнь готова исполнять желания, если они загаданы с чистыми помыслами. Это означает, что от исполнения желания не должно быть вреда другим людям. Нельзя желать вреда кому-то.

Доска желаний

Многие волнуются, как сделать карту визуальных желаний. Не потребует ли это каких-либо особых умений и знаний? На самом деле сделать ее очень просто. С этой задачей справиться любой, ведь для каждого дока будет своей.

Вообще доску можно сделать разными способами. Она может быть вполне реальной или компьютерной.

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

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

Важно правильно выбирать фотографии и картинки — они должны вызывать приятные радостные чувства.

На своей фотографии человек должен себе нравиться. Неудачные фото себя не стоит размещать на доске. Это снижает эффект.

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

Методы симорона

Очень неожиданными и интересными кажутся методы визуализации желаний симорона. В этой системе можно сочетать образ вожделенного события или вещи и ритуальное действие.

Особенно эффективно действуют волшебные спички. Чтобы их сделать, надо взять коробок спичек и наклеить на них этикетку с надписью «волшебные спички». Далее спички надо зарядить на исполнение желаний. Делается это просто – зажигается спичка и загадывается простоте желание, которое просто осуществить. Это может быть покупка шоколадного мороженого или поход на улицу. Желание сбывается со стопроцентной гарантией. Это действие повторяется несколько раз и спички считаются волшебными. После этого можно зажигать спичку и визуализировать свое желание. Оно гарантировано сбудется.

Симорон интересен тем, что можно создавать свои собственные способы визуализации – главное проявлять фантазию и не бояться ограничений. Здесь чем веселее, тем лучше.

Ошибки

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

  • Нельзя работать с ними в плохом настроении. Нельзя отвлекаться на посторонние мысли и нельзя сомневаться в результате. Сомнения ослабляют энергию и желание не сбывается.
  • Другая причина – на самом деле желание человеку не нужно. Звучит парадоксально, но это частая ситуация. Поэтому перед тем, как загадывать желание надо разобраться – нужно ли оно или что-то другое.

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

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

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

Желать – необходимо для полноценной, интересной жизни. Желать надо правильно, изучив методы и способы, которые помогут это сделать. Первый и наиглавнейший способ – визуализация желаний. Во многих книгах и статьях описано как правильно визуализировать. Главное, что надо помнить, нельзя ограничиваться только желаниями, необходимо еще и совершать реальные действия для их реализации.

Что такое визуализация желаний

Визуализация желаний – это способ достижения своих целей путем их представления.
Визуализация предполагает умение представлять в своем сознании образы предметов, людей и явлений.

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

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

Упражнение 1. Визуализация цветов.
Выберите какой-нибудь цвет и поиграйте с ним. Представьте себе все его оттенки и степень яркости. Голубой, бледно-голубой, насыщенный голубой, голубой цвета неба, голубой яркий, голубой неоднородный.
Не торопитесь! Ваша задача не пройти тест как можно быстрее, а научиться прочувствовать и «увидеть» каждый вариант.

Упражнение 2. Визуализация геометрических фигур.
Представляйте себе поочередно знакомые из школьной программы геометрические фигуры: круг, квадрат, прямоугольник, ромб, трапецию.
И снова: не торопитесь. Попробуйте, рассматривая квадрат, прочувствовать его школьное определение: «Квадратом называется прямоугольник, у которого все стороны равны».
Представив его в своем воображении, убедитесь, что углы у него прямые, закругления отсутствуют, все стороны равны.
Вас можно поздравить: вы научились визуализировать в двухмерном пространстве.

Упражнение 3. Визуализация трехмерных объектов.
Сначала выберите какой-нибудь предмет, находящий в поле вашего зрения, и внимательно рассмотрите его. Постарайтесь запомнить как можно больше деталей, включая форму, цвет, размеры отдельных частей.
Закрыв глаза, попробуйте представить этот предмет в своем воображении. Откройте глаза и убедитесь, что ваше воображение и действительность несколько отличаются друг от друга.

Правила визуализации мыслей и желаний — в фильме «Секрет»

Этот документальный фильм является знаковым в психологии, его можно включить в список произведений, изменивших мышление многих людей.
Секрет счастливой жизни заключается в «законе притяжения». События, происходящие в жизни человека, зависят от того, насколько негативны или позитивны его мысли. Загадывая позитивные желания и визуализируя их, человек притягивает к себе благоприятные события.

Посмотрев этот фильм, вы почувствуете, как появляется воодушевление, уверенность в своих возможностях.

Составление плана желаний

Желание, с которым вы решили поработать, должно быть одно. Не вводите свой мозг в ступор, забрасывая его огромным количеством своих пожеланий от «хочу мороженного» до «желаю стать женой олигарха».
Для этого составьте план решения своих проблем по признакам срочности и важности. Крупные проблемы также следует разбить на небольшие части и решать их поэтапно.

Основные правила визуализации

  1. Цели надо обозначать в настоящем времени. Представляйте, что все происходит прямо сейчас.
  2. Цели должны быть четко сформулированы. Разночтений не допускается. Фразы следует формулировать коротко, не употребляя сложносочиненные обороты.
  3. Желания должны касаться только вас самих. Конечно, велик соблазн задумать «Хочу, чтобы мой ребенок стал отличником», но все-таки добиваться этого придется другими путями.
  4. Не употребляйте частицу «не». Наше подсознание ее не воспринимает. Вместо «Не хочу быть толстой» должно быть «Я стройная и привлекательная».
  5. Желание должно быть позитивным. Не надо представлять себе уволившего вас начальника в инвалидном кресле. Гораздо полезнее будет «Я нашла новую, интересную работу, где меня ценят и хорошо платят».
  6. Начинайте с реально достижимых целей, не рисуйте перед собой уж слишком идеальных картинок.
  7. Визуализация желаний должна проходить, когда вы находитесь в хорошем настроении. Всплеск положительных эмоций может значительно способствовать решению поставленной задачи.
  8. Сопровождение своих мысленных картинок аффирмациями. Визуализация желаний скорее даст желаемый результат, если будет сопровождаться специальными формулировками.
  9. Одно из важных условий - находиться внутри. Необходимо не смотреть со стороны, а находиться внутри визуализируемой картинки. Подключать все органы чувств. Слышать аплодисменты, предназначенные вам, чувствовать прикосновения любимого человека. Прочувствовать все ощущения, стараясь ничего не упускать. Если же вы будете вести наблюдения со стороны, как зритель в кино, то и увидите, как желания сбываются у других.

Как часто визуализировать

Как правильно визуализировать, чтобы материализовать мысли становится понятно, но как часто? Одно единственное упражнение не решит проблему. Надо делать это регулярно, несколько раз в день, при любой возможности.

А возможностей масса. Одно дело, когда пассажир, едущий в метро, и вдруг встает и начинает энергично делать физические упражнения, размахивая руками и ногами. Недоумение и протест остальных пассажиров обеспечены. Совсем другое – если вы, откинувшись на сидении, закроете глаза и о чем-то задумаетесь.

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

Как правильно сделать доску желаний

Осознав, что вам принесет пользу визуализация желаний, как правильно сделать так, чтобы ваши усилия не пропали даром, это применить довольно действенный способ – сделать доску желаний. Иногда ее еще называют «картой сокровищ».

Доска – это несколько условное название. Проще, если это будет лист ватмана или картона. Для эстетов с тонким вкусом это, к примеру, будет кусок красивой материи, холста или другой интересный вариант. К этой основе будут прикреплены рисунки или снимки на тему вашего будущего, которого вы хотите.

Прикрепите доску желаний на стену таким образом, чтобы утром, проснувшись, первое, что вы увидели бы, это ее.

Доска желаний будет работать, если при ее создании были соблюдены определенные правила.

  1. Желание должно быть сформулировано четко и кратко. Один рисунок или снимок – одно желание.
  2. Под каждым рисунком или фотографией надо сделать подпись, в которой будет изложено, что именно должно произойти в вашей жизни. Это сделает действие доски желаний более эффективным.
  3. Чтобы быстрее осуществлялась визуализация желаний, надо четко понимать, как правильно располагать рисунки и снимки на доске. В центр надо поместить изображение самого человека. Он должен выглядеть уверенным, здоровым, привлекательным. Ведь это изображение хозяина карты. Сейчас важны только его желания, решение его проблем. Весь остальной мир должен подождать.
  4. Вокруг хозяина надо размещать изображения его желаний. Имеет значение их место на доске. В непосредственной близости от центрального рисунка помещаются самые срочные и важные желания, а те, которые могут еще подождать – немного дальше. Таким образом, доска желаний становится своеобразным планом действий. По мере выполнения одного желания, надо заменять его следующим и делать соответствующие перестановки.
  5. Визуализация желаний станет эффективнее, если внимательнее отнестись к содержанию каждого рисунка. Если вы рисуете сами, то займитесь творчеством. В центр рисунка поместите себя. В зависимости от цели вы можете быть в кресле начальника, купающимся в океане, получающим премию за лучший проект.
  6. Если вы сами не рисуете, то можно сделать коллаж. Используйте для этого вырезки из глянцевых журналов. В центр поместите свою фотографию.

Визуализация желаний с применением доски желаний становится гораздо более эффективной.

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

Условия визуализации

Как правильно начать визуализировать?

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

Пример: визуализация постройки дома

Как правильно визуализировать постройку дома?

Мысленно представьте себе дом. Внешний вид, количество этажей, сколько должно быть комнат на каждом этаже.
Нарисуйте план дома и мысленно пройдитесь по нему. Прислушайтесь к своим ощущениям. Может быть лестница слишком крутая, а крыльцо лучше смотрелось бы с другой стороны?
Скорректируйте свой план. Попробует пристроить к нему террасу. А где хранить собранный урожай? Нужен погреб.
Мысленно посмотрите на него издалека. Желтый цвет не так привлекателен, как вблизи.
Какие ощущения у вас возникают, когда вы начинаете проживать в нем.
Сделайте перерыв. Несколько недель не думайте об этом. Затем прежняя картинка будет увидена как-бы новыми глазами.

Области применения визуализации желаний

В настоящее время этот способ находит применение в разных областях жизни.

  • Очень давно его применяют в профессиональном спорте. Многие спортсмены перед соревнованием представляют себе все подробности своей победы. Лучше представлять желаемое в реальности визуализацией. Перед мысленным взором футболиста должен возникнуть мяч, удар, его размах, траектория полета. Гол, восторженный рев трибун. У шахматиста, естественно, будет какая-то другая картинка. При единоборствах упор должен быть сделан на тактильных ощущениях.
  • Используют эту методику также и медики. Проводились исследования, показывающие влияние мысленных образов на многие показатели здоровья: давление, ритм сердца. Известны случаи, когда усилием воли излечивались болезни, считавшиеся неизлечимыми.
  • Многие политики достигли успеха, применяя практику визуализации. Наверняка будущие президенты не раз представляли себе процесс инаугурации.
  • Искусством визуализации владеют многие выдающиеся личности в истории. К нему прибегали такие гиганты, как Тесла, Галилей, Эйнштейн.
  • Используют этот метод и обычные люди перед каким-то испытанием: студенты перед экзаменом, исследователи перед докладом, влюбленные перед решительным объяснением.

Почему в визуализации фильм дает больше результата, чем фотографии

Вы хотите приобрести автомашину. Рассмотрим два варианта.

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

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

Можно создать «якорь», с помощью которого всегда можно запустить созданный вами фильм. Как правильно визуализировать с помощью якоря: для этого надо запомнить какой-нибудь стоп-кадр или запоминающуюся фразу. Этот кадр или слово помогут вам в любой момент запустить ролик. Вспомнили якорь – начался фильм. Настроение поднялось, мечта приблизилась.

Если визуализация не дает результата

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

  • Вполне возможно, что ваша цель потеряла свою актуальность. Мир изменчив. Если вы поняли, что некоторые из ваших желаний, потеряли свою важность – откажитесь от них.
  • Может быть, вы недостаточно верите в эту практику.
  • Слишком сосредоточены на получении успеха. Иногда излишняя серьезность может только повредить.
  • Неумение ждать спокойно. До исполнения желания могут пройти недели, а то и месяцы. Будьте терпеливы.

Не жалейте о потерянном времени: приобретенные навыки еще не раз вам пригодятся.

Симорон

Школа, о которой не все слышали. Это игровая психотехника в игровой форме. Она может оказать вполне существенную помощь в исполнении желаний.
Добиваться исполнения желаний можно, применяя смешные ритуалы.
Эти шуточные ритуалы помогут исполнить почти любое желание.

  1. Намыв денег. Принимая ванну, человек представляет, что она наполнена не водой, а крупными купюрами.
  2. Любовь. На чайнике надо сделать надпись «Любовь». Поставить его на плиту и, когда вода в нем закипит, начать визуализировать, что этот пар – это горячие отношения влюбленных.
  3. Гашение кредитов. Набрать в ложку небольшое количество соды. Погасить ее уксусом. Представить, что также происходит гашение ваших кредитов.
  4. Здоровье. Сделать самолетик из бумаги. Написать на нем название своей болезни. Выпустить в окошко со словами «Улетай навсегда».
  5. Сесть на диету. Взять лист бумаги и написать на нем крупными буквами слово «Диета». Каждый раз, собираясь присесть, подкладывайте под себя этот лист.

Необходимо верить в то, что вы собираетесь сделать. Если вы не будете доверять визуализации, то и она так же отнесется к вам.

Бывают ситуации, когда необходимо показать интервьюеру или респонденту вопрос в каком-то необычном виде. Например, чтобы к каждому варианту ответа прилагалась картинка, или чтобы можно было перетаскивать картинки в разные стороны с названиями (Нравится/Не нравится) или воплотить в вопросе любые визуальные эффекты, на которые способно ваше воображение.

Чтобы это можно было сделать, мы разработали инструмент при создании вопросов в конструкторе шаблона.


Как настроить


Мобильное устройство умеет показывать html и даёт выполнять ему заданный Javascript, а также может показывать те файлы (картинки), на который заранее объявлены ссылки. Сложность написания таких визуализаций минимальна - можно использовать уроки HTML из интернета.

Визуализации при заполнении на сайте нет.

Чтобы настроить пользовательскую визуализацию, необходимо:

1. В редактировании вопроса нажать на иконку html5

2. Откроется конструктор визуализации, в котором есть три редактора: CSS | HTML | JAVASCRIPT, описание JSON объекта, который будет передан на старт визуализации, загрузчик файлов и выбор подключаемых расширений Javascript.

Общий принцип работы

Окно Html. По умолчанию содержит div с id="htmlview-maincontainer". Рекомендуется помещать всю визуализацию в него. При написании html можно руководствоваться всей фантазией, но нужно иметь в виду два момента:
1) Мы не проверяем валидность вашего HTML. Ошибки, неточности в вёрстке, целенаправленная вставка вредоносного кода скорее всего приведут к одному результату - ваши интервьюеры не смогут пройти анкету на мобильном устройстве.
2) Любые ссылки, как так и адреса картинок будут игнорироваться мобильным приложением, используйте код загруженного вами файла (например {{img0}}), при отправке на мобильное устройство, он будет заменён на ссылку на этот файл и добавлен в список разрешенных ссылок для мобильного устройства.

Окно CSS. Напишите сюда таблицу стилей CSS, она будет помещена в тег head при отправке на устройство. Руководствуйтесь теми же правилами, что и для HTML.

Окно JavaScript. Поместите сюда исполняемый код, который поможет вам реализовать любую анимацию или логику. В Javascript есть несколько ключевых моментов.
1) function StartQuestionHtmlView(field) - функция, которая будет вызвана нашей системой, когда страница полностью загрузится. Входной параметр field - это данные о вопросе, для каждого типа вопроса данные свои. Например для уточняющего вопроса туда будут переданы варианты ответа, которые выделил или не выделил пользователь при прохождении родительского вопроса.
2) SetAnswer(result) - системная функция, которая сообщает мобильному устройству какой ответ был дан на данный вопрос. Если этот ответ удовлетворяет всем правилам валидации, то функция вернёт 0.
3) NextQuestion() - системная функция вызывающая переход на следующий вопрос
4) function SetOldAnswer(oldAnswer) - система вызовет эту функцию, если данный вопрос был открыт повторно, в качестве параметра будет передан такой же объект, как тот что вы отправляете в SetAnswer.

Объекты ответов, которые ожидает увидеть система

1. Текст/Дата/Шкала - строка, которая содержит ответ
2. Число - { native: string, exact: string }, где native - это ID варианта ответа (вы задаёте его при добавлении диапазонов, а так же вам выдаст его система при StartQuestionHtmlView), а exact должен содержать строку точного значения.
3. Выбор вариантов/Уточняющий - [{native: string, other: string},{}...], массив ответов, где каждый ответ - это объект, где native - это ID варианта ответа (вы задаёте его при добавлении вариантов, а также вам выдаст его система при StartQuestionHtmlView); other должен содержать строку ответа на ответ типа "Другое".
4. Сетка - [{row:string,column:string, other: string },{}...] массив из объектов с ID колонки, ID строки и ответом "Другое" если таковой имеется (ID колонки можно посмотреть в примере JSON который передаётся на вход визуализации).

Дополнительные возможности

1. Вкладка JSON - пример объекта, который будет передан вам на вход визуализации
2. Файлы - прикреплённые к визуализации файлы. На данный момент поддерживаются только картинки.
3. Расширения - большинство людей используют разнообразные js фреймворки для работы с Javascript, мы позволяем добавлять их в визуализацию. Доступные расширения:

1) Jquery - в представлении не нуждается
2) Jquery-ui 1.10.4 - набор стандартных контролов
3) jQuery Mobile 1.4 - обёртка для создания интерфейсов приближённых к мобильным приложениям
4) jQuery UI Touch Punch - помогает устройству передать именно тач управления в контролы jquery

Предпросмотр созданного вопроса

Мы предлагаем инструмент ручной проверки - при нажатии кнопки "Просмотр" в новом модальном окне откроется страница в том виде, в котором вы её запрограммировали. Мы не можем гарантировать, что на мобильном устройстве всё будет выглядеть именно так, потому что существует бесчисленное множество устройств с разными разрешениями экрана и количеством точек на дюйм - имейте это ввиду при разработке визуализации вопроса.

Форматирование кода

При нажатии кнопки "Формат" система отформатирует ваш код в соответствии с общепринятыми правилами (открывающаяся и закрывающаяся скобки в отдельных строках друг под другом и т.д.)



Вверх