ایجاد نمودارها، نقشه ها، نمودارها و سایر اینفوگرافیک ها می تواند زمان بر باشد. اما اگر از ابزارهای ویژه تجسم داده ها استفاده کنید، که همه چیز لازم برای ایجاد سریع و بدون زحمت تصاویر زیبا و آموزنده را دارند، می توان روند را تسریع کرد. امروزه می توان اینفوگرافیک های باکیفیت را تنها در چند دقیقه ایجاد کرد و نیازی به مهارت خاصی ندارد. تنها چیزی که نیاز دارید این است که به سادگی داده ها را جمع آوری و ساختار دهید و آن ها را در برنامه بارگذاری کنید. U سازهای مدرنبرای تجسم داده ها، یک رابط بسیار ساده و بصری اغلب با کشیدن عناصر لازم با ماوس ساخته می شود، بنابراین حتی یک مبتدی می تواند گرافیک های جالبی ایجاد کند.

بیشتر خدمات وب و ابزارهای تجسم در همه مرورگرهای اصلی کار می کنند و طیف گسترده ای از ویژگی های مفید را ارائه می دهند. از آنها می توان برای ایجاد تجسم های تعاملی با انیمیشن، داستان سرایی و همچنین برای ایجاد اسلایدهای اضافی برای ارائه استفاده کرد. FreelanceToday 20 ابزار برای تجسم داده ها را مورد توجه شما قرار می دهد.

DataHero یک ابزار تجسم داده بسیار مفید است که می تواند برای ایجاد نمودارها و نمودارهای شگفت انگیز استفاده شود. این ابزار بسیار قدرتمند است و در نگاه اول ممکن است استفاده از آن کمی دشوار به نظر برسد. نکته این است که در ابتدا دارای قابلیت های بسیار زیادی برای پردازش حجم عظیمی از داده ها است. برای ایجاد یک نمودار ساده، می توانید ابزار راحت تری پیدا کنید، اما اگر نیاز به پردازش دارید تعداد زیادیانواع اطلاعات و سپس ارائه آن در قالب گرافیک رنگارنگ، سپس DataHero هیچ رقابتی ندارد.

سرویس وب Tableau به شما امکان می دهد تا به سرعت و کارآمد با داده های باز کار کنید. نمودارهای باکیفیت بسیار آسان ایجاد می شوند: اگر اعداد لازم را داشته باشید، خود برنامه تصاویر بصری ایجاد می کند که پس از آن باید مرتب شوند. به ترتیب درست. اینفوگرافیک ایجاد شده را می توان در وبلاگ ها، در وب سایت های مختلف و همچنین در داخل پست کرد شبکه های اجتماعی. لازم نیست فایل های ایجاد شده را در رایانه خود ذخیره کنید - Tableau برای هر کاربر حداکثر 10 گیگابایت فضای ابری فراهم می کند تا در هر زمان و از هر دستگاهی بتوان به داده های لازم دسترسی داشت.

ابزار Dygraphs به شما امکان می دهد نمودارهای تعاملی ایجاد کنید که به زیبایی در انواع دستگاه ها نمایش داده شوند. این یک مولد نمودار نسبتاً قدرتمند است که می تواند برای پردازش مقادیر زیادی از اطلاعات استفاده شود. عملکرد اصلی این برنامه به طور پیش فرض شامل عملکردهایی مانند بزرگنمایی و پاننگ می شود. برای کاربر معمولی، استفاده از Dygraphs ممکن است کمی دشوار به نظر برسد، زیرا کار با این ابزار نیاز به دانش اصول اولیه HTML و جاوا اسکریپت دارد. با این حال، درک اینکه چگونه همه چیز کار می کند بسیار آسان است، پس از آن ایجاد نمودارهای منحصر به فرد زمان زیادی نمی برد.

InstantAtlas در ابتدا به عنوان یک ابزار ایجاد ایجاد شد نقشه های تعاملیبرای نمایش آمارهای مختلف این نرم افزار می تواند به عنوان یک وب سرویس معمولی استفاده شود، یا می توان آن را بر روی کامپیوتر محلی خود نصب کرد. علاوه بر این، می‌توانید ادغام نقشه‌ها و گزارش‌ها را با یک سرویس از راه دور پیکربندی کنید، که به شما امکان می‌دهد نقشه خود را ایجاد کنید. سیستم اطلاعاتی. قابلیت های بزرگ IstantAtlas به این ابزار تجسم داده ها اجازه می دهد تا در زمینه هایی مانند ایمنی عمومی، مراقبت های بهداشتی، جمعیت شناسی، آموزش و تجارت استفاده شود. اگر نیاز به ارتباط آمار با جغرافیا دارید، بهتر است از ابزار InstantAtlas برای ایجاد نقشه های رنگارنگ و آموزنده استفاده کنید.

Exhibit تمام ابزارهایی را که برای ایجاد سریع صفحات وب با تجسم داده ها نیاز دارید، ارائه می دهد. نمودارها، نمودارها و سایر عناصر گرافیکی با استفاده از فیلترها، نقشه ها و سایر قابلیت های مختلف ایجاد می شوند. این برنامه به شما اجازه می دهد تا اینفوگرافیک های معمولی و تعاملی ایجاد کنید. مزیت اصلی Exhibit ادغام خوب آن با نقشه های گوگل است. برای ایجاد یک صفحه وب تعاملی، باید یک منطقه خاص را انتخاب کنید، داده های لازم را جمع آوری کنید و سپس تمام اطلاعات را به قابل فهم ترین شکل ارائه دهید.

Leaflet یکی از بهترین کتابخانه های جاوا اسکریپت منبع باز برای ایجاد نقشه های تعاملی تلفن همراه است. این ابزار با وزن تنها 38 کیلوبایت، تقریباً هر چیزی را که یک توسعه‌دهنده وب می‌تواند نیاز داشته باشد، فراهم می‌کند. هنگام ایجاد Leaflet، تاکید بر عملکرد، سادگی و راحتی بود. لازم به ذکر است که برای کاربرانی که تازه وارد HTML شده اند، استفاده از این ابزار تا حدودی دشوار خواهد بود. مزایای برنامه عبارتند از کار موثردر پلتفرم های اصلی دسکتاپ و موبایل، و همچنین تعداد زیادی افزونه که به شما امکان می دهد اینفوگرافیک های زیبا مبتنی بر نقشه ایجاد کنید.

JqPlot پلاگینی برای ساختن نمودارها و نمودارها است که به شما امکان می دهد طیف گسترده ای از اطلاعات را تجسم کنید. با استفاده از افزونه، می توانید نمودارها، نمودارهای مختلف با محورهای متعدد ایجاد کنید، آنها را مرتب کنید در مکان های مناسبنکات ابزار، و به طور خودکار محاسبه خطوط روند.

ابزار تجسم داده های جاوا اسکریپت InfoVis Toolkit به شما امکان می دهد اینفوگرافیک های وب خیره کننده ایجاد کنید. با این حال، کار با این ابزار نیاز به مهارت های کدنویسی دارد، شما باید بتوانید با استایل ها کار کنید و باید درک کنید که موشن گرافیک چگونه ایجاد می شود. اگر مهارت های لازم در دسترس باشد، قابلیت های توسعه دهنده عملا نامحدود است. JavaScript InfoVis Toolkit به شما امکان می دهد هر گونه تصویر بصری را بر اساس داده های آماری جمع آوری شده ایجاد کنید.

با استفاده از Plotly، می توانید اینفوگرافیک های تعاملی شگفت انگیز ایجاد کنید. این ابزار به شما امکان می دهد نمودارها، نمودارها، خلاصه ها و حتی کل ارائه های رنگارنگ ایجاد کنید. Plotly به طور موثر در زمینه هایی مانند مالی، بیمه، داروسازی، تجزیه و تحلیل تجاری و همچنین در صنایعی مانند هوافضا و خودرو استفاده می شود. در جایی که باید با حجم زیادی از داده ها کار کنید، به ابزاری قدرتمند برای کار با آمار نیاز دارید و ساده ترین راه برای ارائه داده ها به صورت نمودار، استفاده از ابزار Plotly است.

Chart.js یک ابزار ساده اما بسیار منعطف برای ایجاد نمودار و نمودار است. این به شما امکان می دهد تا انواع مختلف نمودارها را ترکیب کنید و در عین حال تمایز بصری واضحی بین آنها ایجاد کنید انواع مختلفداده ها این ابزار همچنین به شما امکان می دهد تا اینفوگرافیک های تعاملی با عناصر انیمیشن ایجاد کنید. همه گرافیک ها پاسخگو هستند - هر تصویری بسته به نوع دستگاه فوراً مقیاس می شود. در مجموع 8 نوع نمودار در دسترس کاربر است. این زیاد نیست، اما برای ایجاد یک تجسم ساده کافی است.

توسعه دهندگان ابزار RawGraphs ادعا می کنند که این ابزار حلقه مفقوده بین صفحات گسترده و تجسم داده ها است. استفاده از این برنامه بسیار آسان است و از انتقال داده ها از انواع مختلف جداول پشتیبانی می کند. نیازی به نگرانی نیست که داده های محرمانه در دسترس عموم قرار می گیرند - تمام اطلاعات در سمت مرورگر پردازش می شود، عملیات و ذخیره سازی روی سرور استفاده نمی شود. داده های جدولی توسط برنامه پردازش شده و در فرم نمایش داده می شود تصاویر گرافیکی. اگر از نتیجه راضی نیستید، می توانید نوع دیگری از تجسم را انتخاب کنید. همه تغییرات فورا، در زمان واقعی رخ می دهد.

ابزار ZingChart به شما اجازه می دهد تا نمودارهای جاوا اسکریپت را با استفاده از نحو اعلانی ساده بسازید. این یک کمک بسیار قدرتمند برای توسعه دهندگانی است که باید با حجم زیادی از داده کار کنند. ZingChart انتخابی از بیش از صد نوع نمودار را ارائه می دهد که با آن می توانید هر آماری را تجسم کنید. با استفاده از ZingChart، کاربر می تواند گرافیک های تعاملی را به: انیمیشن، سه بعدی، بزرگنمایی، نمودارهای ترکیبی و نشانگرها اضافه کند.

با استفاده از ویجت Timeline می توانید گرافیک های زیبا و آموزنده ای را در قالب یک جدول زمانی ایجاد کنید. این یک نوع نسبتاً نادر اما بسیار جالب تجسم داده است که به تدریج در بین کاربران محبوبیت پیدا می کند. هر رویدادی اعم از تاریخی و مدرن را می توان به مراحل تقسیم کرد و هر تغییر را می توان با تفسیر جداگانه ای همراه کرد. انتقال بین بخش های گرافیکی با استفاده از ماوس انجام می شود - کاربر چرخ را می چرخاند و کل داستان را از ابتدا تا انتها مشاهده می کند. تایم لاین به شما امکان می دهد داستان سرایی افقی ایجاد کنید - یک نوع بسیار غیر معمول از ارائه گرافیکی داده ها.

WolframAlfa به شما امکان می دهد نمودارهای زیبایی را بر اساس داده های خود یا بر اساس اطلاعات ارائه شده توسط سرویس ایجاد کنید. کتابخانه WolframAlfa تقریباً تمام زمینه های زندگی را پوشش می دهد و رابط کاربر پسند به شما امکان می دهد انواع مختلفی از داده های آماری را در گرافیک خود بگنجانید.

سرویس Cloud Visualize Free به شما امکان می دهد آماده سازی داده ها و تجسم داده ها را ترکیب کنید. کاربر فقط باید اعداد و اطلاعات دیگر را آپلود کند و بلافاصله شروع به تجسم آن کند. Visualize Free در درجه اول یک ابزار تحلیلی است که داده ها را به اندازه کافی جستجو و تجزیه و تحلیل می کند سطح بالا. یک رابط کاربری ساده به شما امکان می دهد بدون مهارت های خاص با تجزیه و تحلیل کار کنید. با Visualize می توانید منظم ایجاد کنید نمودارهای خطی، نمودارهای میله ای و دایره ای، اینفوگرافیک های تعاملی، نقشه ها و موارد دیگر.

با FusionCharts، کاربر هرگز مجبور نیست از ابتدا شروع کند. گالری عظیمی از نمونه‌های فعلی، نمودارهای مختلف، نمودارها و نقشه‌ها به شما امکان می‌دهد تا به سرعت نوع تجسم مورد نیاز خود را پیدا کنید. کتابخانه FusionCharts بیش از 800 قالب برای نمایش داده ها دارد. FusionCharts با سایر خدمات مشابه در عملکرد پیشرفته خود متفاوت است: این ابزار به شما امکان می دهد نمودارهای بلادرنگ ایجاد کنید، برچسب های سفارشی و نمودارهای قابل ویرایش بصری را اضافه کنید. این ابزار همچنین پشتیبانی چند زبانه را برای همه اینفوگرافیک ها فراهم می کند.

D3.js یک کتابخانه جاوا اسکریپت برای کار با اسناد داده محور است. D3 به شما امکان می دهد داده ها را با استفاده از HTML، SVG و CSS تجسم کنید. این ابزار بر روی رعایت استانداردهای وب تمرکز دارد و به شما امکان می دهد از مرورگرهای مدرن بیشترین بهره را ببرید. اگرچه استفاده از آن کمی دشوار است، اما D3 به شما اجازه می دهد تا گرافیک های خیره کننده ای ایجاد کنید. با کمک آن می توانید تقریباً هر ایده ای را بدون توجه به نوع و پیچیدگی اطلاعات منبع تحقق بخشید.

ابزار JpGraph به شما این امکان را می دهد تا تصاویر بسیار جالبی را بدون تلاش زیاد ایجاد کنید. اکثر فرآیندها خودکار هستند، بنابراین یک نمودار یا نمودار ساده را می توان در عرض چند دقیقه ایجاد کرد

این لیست بدون ذکر ابزار مفیدی مانند نمودارهای گوگل کامل نخواهد بود. این ابزار تجسم داده ها از چندین انیمیشن و کنترل های تعاملی پشتیبانی می کند. ایجاد گرافیک با Google Charts به لطف رابط بصری آن زمان زیادی نمی برد.

وب سرویس Carto فقط یک ابزار تجسم داده ها نیست. این در درجه اول یک پلت فرم تشخیص و پیش بینی است ایده های کلیدی، که در داده های مکان موجود است. یعنی ابزاری برای تحلیل بر اساس داده های موقعیت جغرافیایی است. با پردازش و تجسم داده ها با استفاده از Carto، می توانید روندها و الگوهای جالب را در طیف گسترده ای از صنایع شناسایی کنید.

موقعیت‌هایی وجود دارد که لازم است به مصاحبه‌گر یا پاسخ‌دهنده سؤالی به شیوه‌ای غیرعادی نشان داده شود. به عنوان مثال، برای پیوستن یک عکس به هر گزینه پاسخ، یا اینکه بتوانید تصاویر را به جهات مختلف با نام (پسندیدن/نپسندیدن) بکشید یا هر گونه جلوه بصری را که تخیل شما قادر به انجام آن است در سؤال مجسم کنید.

برای ایجاد این امکان، ابزاری را در هنگام ایجاد سؤال در طراح قالب ایجاد کرده ایم.

نحوه راه اندازی

دستگاه تلفن همراه می تواند HTML را نمایش دهد و به آن اجازه می دهد تا جاوا اسکریپت مشخص شده را اجرا کند، و همچنین می تواند آن دسته از فایل ها (تصاویر) را که لینک های آنها از قبل اعلام شده است را نشان دهد. پیچیدگی نوشتن چنین تجسمی ها حداقل است - می توانید از درس های HTML از اینترنت استفاده کنید.

هنگام پر کردن در سایت هیچ تصویرسازی وجود ندارد.

برای تنظیم یک تجسم سفارشی، باید:

1. در ویرایش سوال بر روی آیکون html5 کلیک کنید

2. طراح تجسم باز می شود که دارای سه ویرایشگر است: CSS | HTML | JAVASCRIPT، توضیحات شی JSON، که برای شروع تجسم ارسال می شود،دانلود کننده فایلو انتخاب افزونه های جاوا اسکریپت.

اصل عملیات کلی

پنجره Html. به طور پیش فرض حاوی یک div با id="htmlview-maincontainer" است. توصیه می شود تمام تجسم ها را در آن قرار دهید. هنگام نوشتن html، می توانید با تمام تخیل خود هدایت شوید، اما باید دو نکته را در نظر داشته باشید:
1) ما اعتبار HTML شما را بررسی نمی کنیم. خطاها، عدم دقت در چیدمان و درج عمدی کدهای مخرب به احتمال زیاد منجر به یک نتیجه می شود - مصاحبه کنندگان شما نمی توانند پرسشنامه را در دستگاه تلفن همراه تکمیل کنند.
2) هر پیوندی مانند و آدرس تصاویر توسط برنامه تلفن همراه نادیده گرفته می شود، از کد فایلی که دانلود کرده اید استفاده کنید (مثلا ((img0)))، هنگام ارسال به دستگاه تلفن همراه، با پیوندی به این فایل جایگزین می شود و به لیست مجاز اضافه می شود. لینک برای دستگاه تلفن همراه

پنجره CSS شیوه نامه CSS خود را اینجا بنویسید، وقتی به دستگاه ارسال شد در تگ head قرار می گیرد. قوانین مشابهی را که برای HTML وجود دارد، دنبال کنید.

پنجره جاوا اسکریپت کدهای اجرایی را در اینجا قرار دهید که به شما در پیاده سازی هر انیمیشن یا منطقی کمک می کند. چندین نکته کلیدی در جاوا اسکریپت وجود دارد.
1) تابع StartQuestionHtmlView(فیلد) - تابعی که وقتی صفحه به طور کامل بارگذاری شد توسط سیستم ما فراخوانی می شود. قسمت پارامتر ورودی داده های مربوط به سوال است. به عنوان مثال، برای یک سوال شفاف کننده، گزینه های پاسخی که کاربر هنگام بررسی سوال والد انتخاب کرده یا انتخاب نکرده است، به آنجا ارسال می شود.
2) SetAnswer(نتیجه) - یک عملکرد سیستمی که به دستگاه تلفن همراه می گوید که چه پاسخی به این سوال داده شده است. اگر این پاسخ تمام قوانین اعتبارسنجی را برآورده کند، تابع 0 را برمی گرداند.
3) NextQuestion() - یک تابع سیستمی که باعث انتقال به سوال بعدی می شود
4) تابع SetOldAnswer(oldAnswer) - اگر این سوال دوباره باز شود، سیستم این تابع را فراخوانی می کند، همان شیئی که به SetAnswer ارسال می کنید به عنوان پارامتر ارسال می شود.

اشیاء پاسخی که سیستم انتظار دارد ببیند

1. متن/تاریخ/مقیاس- رشته ای که حاوی پاسخ است
2. شماره- (Native: string، exact: string)، که در آن Native شناسه گزینه پاسخ است (شما آن را هنگام اضافه کردن محدوده تنظیم می کنید، و سیستم همچنین آن را در هنگام StartQuestionHtmlView به شما می دهد)، و exact باید حاوی رشته دقیق باشد. ارزش
3. انتخاب گزینه ها / شفاف سازی- [(native: string, other: string),()...]، آرایه ای از پاسخ ها، که در آن هر پاسخ یک شی است، که در آن بومی شناسه گزینه پاسخ است (شما آن را هنگام اضافه کردن گزینه ها تنظیم می کنید، و سیستم همچنین آن را در StartQuestionHtmlView به شما می دهد). دیگری باید شامل یک رشته پاسخ برای پاسخی از نوع «سایر» باشد.
4. شبکه- [(row:string,column:string, other: string),()...] آرایه ای از اشیاء با شناسه ستون، شناسه ردیف و پاسخ «سایر» در صورت وجود (شناسه ستون را می توان در مثال JSON که به ورودی تجسم ارسال می شود).

ویژگی های اضافی

1. تب JSON- نمونه ای از یک شی که به عنوان ورودی تجسم به شما ارسال می شود
2. فایل ها- فایل های پیوست شده به تجسم. در حال حاضر فقط تصاویر پشتیبانی می شوند.
3. برنامه های افزودنی- اکثر مردم از انواع چارچوب های js برای کار با جاوا اسکریپت استفاده می کنند، ما به شما اجازه می دهیم آنها را به تجسم اضافه کنید. پسوندهای موجود:

1) جی کوئری - نیازی به معرفی ندارد
2) Jquery-ui 1.10.4 - مجموعه ای از کنترل های استاندارد
3) jQuery Mobile 1.4 - پوششی برای ایجاد رابط های نزدیک به برنامه های تلفن همراه
4) jQuery UI Touch Punch - به دستگاه کمک می کند تا کنترل لمسی را به کنترل های جی کوئری منتقل کند.

پیش نمایش سوال ایجاد شده

ما یک ابزار تأیید دستی را ارائه می دهیم - وقتی روی دکمه "مشاهده" کلیک می کنید، صفحه در یک پنجره مودال جدید به شکلی که آن را برنامه ریزی کرده اید باز می شود. ما نمی توانیم تضمین کنیم که همه چیز در یک دستگاه تلفن همراه دقیقاً یکسان به نظر می رسد زیرا دستگاه های بی شماری با وضوح صفحه نمایش و تعداد dpi مختلف وجود دارد - این را هنگام طراحی تجسم سؤال خود در نظر داشته باشید.

قالب بندی کد

هنگامی که روی دکمه "Format" کلیک می کنید، سیستم کد شما را مطابق با قوانین پذیرفته شده (باز و بسته کردن براکت ها در خطوط جداگانه زیر یکدیگر و غیره) قالب بندی می کند.

26 مه 2014 در 08:08 ب.ظ

رندر صفحه وب: آنچه که یک توسعه دهنده فرانت اند باید در مورد آن بداند

• توسعه وب سایت،
• جاوا اسکریپت

این جهت می‌تواند و باید در مرحله توسعه طرح‌بندی/طراحی بهینه‌سازی شود، زیرا بدیهی است که نشانه‌گذاری، سبک‌ها و اسکریپت‌ها مستقیماً در رندر نقش دارند. برای این کار متخصصان مربوطه باید نکات ظریفی را بدانند.

توجه داشته باشم که هدف این مقاله انتقال دقیق مکانیزم نحوه عملکرد مرورگرها نیست، بلکه هدف آن درک آن است. اصول کلی. علاوه بر این، موتورهای مرورگرهای مختلف در الگوریتم های عملیاتی خود بسیار متفاوت هستند، بنابراین نمی توان همه تفاوت های ظریف را در یک مقاله پوشش داد.

فرآیند پردازش یک صفحه وب توسط یک مرورگر

ابتدا بیایید به ترتیب عملکرد مرورگر هنگام نمایش یک سند نگاه کنیم:

1. DOM (مدل شیء سند) از سند HTML دریافتی از سرور تشکیل می شود.
2. سبک ها بارگیری و شناسایی می شوند و CSSOM (CSS Object Model) تولید می شود.
3. بر اساس DOM و CSSOM، یک درخت رندر تشکیل می شود، یا یک درخت رندر - مجموعه ای از اشیاء رندر (Webkit از اصطلاح "رندر" یا "شیء رندر" استفاده می کند، و Gecko از اصطلاح "قاب" استفاده می کند). درخت رندر ساختار DOM را کپی می کند، اما عناصر نامرئی در اینجا گنجانده نشده اند (به عنوان مثال - ، یا عناصر با نمایش سبک: هیچ؛). همچنین هر خط از متن در درخت رندر به عنوان یک رندر جداگانه نمایش داده می شود. هر شی رندر حاوی یک شی DOM مربوطه (یا بلوک متن) و یک سبک محاسبه شده برای این شی است. به زبان ساده، یک درخت رندر، نمایش بصری DOM را توصیف می کند.
4. برای هر عنصر درخت رندر، موقعیت در صفحه محاسبه می شود - طرح بندی رخ می دهد. مرورگرها از یک روش جریان استفاده می کنند که در آن در اکثر موارد یک پاس برای قرار دادن تمام عناصر کافی است (جدول های عبور نیاز به مقدار بیشتری دارند).
5. در نهایت، همه این موارد در مرورگر ترسیم می شود - نقاشی.

با تعامل کاربر با صفحه و همچنین اجرای اسکریپت ها، صفحه تغییر می کند که نیاز به تکرار برخی از عملیات فوق دارد.

رنگ آمیزی مجدد

اگر سبک‌های یک عنصر تغییر کند که بر اندازه و موقعیت آن در صفحه تأثیری نداشته باشد (به عنوان مثال، رنگ پس‌زمینه، رنگ حاشیه، نمایان)، مرورگر به سادگی آن را دوباره با در نظر گرفتن سبک جدید - رنگ‌آمیزی (Repaint) تغییر می‌دهد. یا سبک مجدد) رخ می دهد.

جریان مجدد

اگر تغییرات بر محتوا، ساختار سند، یا موقعیت عناصر تأثیر بگذارد، یک جریان مجدد (یا بازنمایی) رخ می دهد. دلایل چنین تغییراتی معمولاً عبارتند از:

• دستکاری DOM (افزودن، حذف، تغییر، تنظیم مجدد عناصر)؛
• تغییر محتوا، از جمله متن در فیلدهای فرم؛
• محاسبه یا تغییر خصوصیات CSS؛
• افزودن، حذف ورق های سبک؛
• دستکاری ویژگی "کلاس"؛
• دستکاری با پنجره مرورگر - تغییر اندازه، پیمایش؛
• فعال سازی شبه کلاس ها (مثلاً :hover).

بهینه سازی سمت مرورگر

مرورگرها رنگ آمیزی مجدد و جریان مجدد را به عناصری که در صورت امکان تغییر کرده اند بومی سازی می کنند. به عنوان مثال، تغییر اندازه یک عنصر با موقعیت مطلق یا ثابت تنها بر خود عنصر و فرزندان آن تأثیر می‌گذارد، در حالی که تغییر یک عنصر دارای موقعیت ثابت باعث جریان مجدد همه عناصر به دنبال آن می‌شود.

ویژگی دیگر این است که در حین اجرای جاوا اسکریپت، مرورگرها تغییرات ایجاد شده را در حافظه پنهان ذخیره می کنند و پس از تکمیل بلوک کد، آنها را در یک مرحله اعمال می کنند. به عنوان مثال، در طول اجرای این کد، تنها یک جریان مجدد و رنگ آمیزی مجدد رخ می دهد:

Var $body = $("body"); $body.css("padding", "1px"); // reflow, repaint $body.css("color", "red"); // repaint $body.css("margin", "2px"); // reflow, repaint // در واقع فقط 1 reflow و repaint اتفاق می افتد
با این حال، همانطور که در بالا توضیح داده شد، دسترسی به ویژگی های عنصر باعث جریان مجدد اجباری می شود. یعنی اگر یک فراخوانی به ویژگی عنصر به بلوک کد داده شده اضافه کنیم، باعث ایجاد جریان مجدد اضافی می شود:

Var $body = $("body"); $body.css("padding", "1px"); $body.css("padding"); // دسترسی به ویژگی، reflow اجباری $body.css("color", "red"); $body.css("حاشیه"، "2px");
در نتیجه به جای یک بار، 2 جریان مجدد دریافت خواهیم کرد. بنابراین، در صورت امکان، فراخوانی‌های ویژگی‌های عنصر باید در یک مکان گروه‌بندی شوند تا عملکرد بهینه شود (نگاه کنید به).

اما، در عمل، شرایطی وجود دارد که نمی توان از جریان مجدد اجباری اجتناب کرد. فرض کنید ما یک وظیفه داریم: باید همان ویژگی را به یک عنصر اعمال کنیم («margin-left» را بگیرید)، ابتدا بدون انیمیشن (تنظیم به 100 پیکسل)، و سپس آن را با استفاده از انتقال به مقدار 50 پیکسل متحرک کنید. شما می توانید بلافاصله به این مثال در JSBin نگاه کنید، اما من در اینجا نیز آن را توضیح خواهم داد.
ابتدا بیایید یک کلاس با انتقال ایجاد کنیم:

دارای انتقال (-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 -خارج)
سپس بیایید سعی کنیم طرح خود را به صورت زیر اجرا کنیم:

Var $targetElem = $("#targetElemId"); // عنصر ما، به طور پیش فرض دارای کلاس "has-transition" است // کلاس را با ترانزیشن حذف کنید $targetElem.removeClass("has-transition"); // ویژگی را تغییر دهید، انتظار می رود که انتقال غیرفعال شود، زیرا کلاس $targetElem.css را حذف کردیم("margin-left", 100); // کلاس با انتقال را در جای خود قرار دهید $targetElem.addClass("has-transition"); // تغییر ویژگی $targetElem.css("margin-left", 50);
این راه حل آن طور که انتظار می رود کار نخواهد کرد زیرا ... تغییرات در حافظه پنهان ذخیره می شوند و فقط در انتهای بلوک کد اعمال می شوند. جریان مجدد اجباری به ما کمک می کند در نتیجه کد به شکل زیر خواهد بود و دقیقاً کار را انجام می دهد:

// حذف کلاس با انتقال $(this).removeClass("has-transition"); // تغییر ویژگی $(this).css("margin-left", 100); // به اجبار reflow را فراخوانی کنید، تغییرات در کلاس و ویژگی بلافاصله اعمال خواهد شد $(this).offsetHeight; // به عنوان مثال، می توانید از هر گونه دسترسی به ویژگی ها استفاده کنید // کلاس با انتقال را در جای خود قرار دهید $(this).addClass("has-transition"); // تغییر ویژگی $(this).css("margin-left", 50);

بر اساس این مقاله، و همچنین مقالات دیگر در Harb، که موضوع بهینه سازی سمت مشتری را پوشش می دهند، می توانیم نکات زیر را استخراج کنیم که هنگام ایجاد یک فرانت اند مؤثر مفید خواهد بود:

• HTML و CSS معتبر بنویسید که کدگذاری را نشان می دهد. بهتر است سبک ها را در آن قرار دهید ، و فیلمنامه ها در پایان هستند .
• سعی کنید انتخابگرهای CSS را ساده و بهینه کنید (این اغلب توسط توسعه دهندگانی که از پیش پردازشگرها استفاده می کنند نادیده گرفته می شود). لانه سازی کمتر، بهتر است. بر اساس کارایی پردازش، انتخابگرها را می توان به ترتیب زیر مرتب کرد (با سریعترین شروع می شود):
  1. شناسه: #id
  2. کلاس: .class
  3. برچسب: div
  4. انتخابگر مجاور: a + i
  5. انتخابگر کودک: ul > li
  6. انتخابگر جهانی: *
  7. انتخابگر ویژگی: ورودی
  8. همه عناصر و شبه کلاس ها: a:hover
  لازم به یادآوری است که مرورگر انتخابگرها را از راست به چپ پردازش می کند، بنابراین بهتر است از کارآمدترین آنها - شناسه و کلاس - به عنوان انتخابگر کلید (راست ترین) استفاده کنید.
  div * (...) // bad.list li (...) // bad.list-item (...) // good #list .list-item (...) // خوب
• در اسکریپت ها، هر کاری را با DOM به حداقل برسانید. همه چیز را در حافظه پنهان ذخیره کنید: خصوصیات، اشیا، اگر قصد استفاده مجدد از آنها را دارید. برای دستکاری های پیچیده، منطقی است که با یک عنصر "آفلاین" (به عنوان مثال، عنصری که در DOM نیست، بلکه در حافظه است) کار کنید و سپس آن را در DOM قرار دهید.
• هنگام استفاده از jQuery برای انتخاب عناصر، به آن پایبند باشید

آرزو برای کامل شدن لازم است، زندگی جالب. شما باید به درستی آرزو کنید، با مطالعه روش ها و روش هایی که به شما در انجام آن کمک می کند. اولین و مهمترین راه تجسم امیال است. بسیاری از کتاب ها و مقالات نحوه تجسم صحیح را شرح می دهند. نکته اصلی که باید به خاطر بسپارید این است که نمی توانید خود را فقط به خواسته ها محدود کنید، همچنین باید اقدامات واقعی را انجام دهید تا آنها را تحقق بخشید.

تجسم خواسته چیست

تجسم خواسته ها راهی برای دستیابی به اهداف شما با تصور آنهاست.
تجسم شامل توانایی تصور تصاویر اشیا، افراد و پدیده ها در ذهن شماست.

همه افراد به درجات مختلف توانایی تجسم را دارند. اما حتی اگر صداها و احساسات لامسه در روش درک جهان در فرد غالب باشد، تمرینات ویژه به رشد توانایی تجسم مؤثر کمک می کند.

خواسته ها می توانند جهانی و کوچک و روزمره باشند. بله، در واقع، حتی خواسته های بزرگ نیز برای اجرای تدریجی آنها به قطعات تقسیم می شوند. بنابراین، تمرین نحوه تجسم صحیح با انتخاب خواسته های ساده برای این کار منطقی است.

تمرین 1.تجسم گلها.
یک رنگ را انتخاب کنید و با آن بازی کنید. تمام سایه ها و درجات روشنایی آن را تصور کنید. آبی، آبی کمرنگ، آبی پررنگ، آبی آسمانی، آبی روشن، آبی ناهمگن.
راحت باش! وظیفه شما این نیست که آزمون را در اسرع وقت قبول کنید، بلکه یاد بگیرید که هر گزینه را احساس کنید و "دیدن" کنید.

تمرین 2.تجسم اشکال هندسی
تصور کنید یکی یکی آشنایان از برنامه درسی مدرسه اشکال هندسی: دایره، مربع، مستطیل، لوزی، ذوزنقه.
و دوباره: وقت خود را صرف کنید. سعی کنید در حالی که به یک مربع نگاه می کنید، تعریف مدرسه آن را درک کنید: "مربع مستطیلی است که همه اضلاع آن برابر هستند."
پس از تصور آن در تصورات خود، مطمئن شوید که گوشه های آن درست است، هیچ گردی وجود ندارد و همه اضلاع برابر هستند.
تبریک: شما یاد گرفته اید که در فضای دو بعدی تجسم کنید.

تمرین 3.تجسم اجسام سه بعدی
ابتدا جسمی را انتخاب کنید که در میدان دید شما قرار دارد و با دقت به آن نگاه کنید. سعی کنید تا حد امکان جزئیات از جمله شکل، رنگ و اندازه تک تک قطعات را به خاطر بسپارید.
با بستن چشمان خود، سعی کنید این شی را در تخیل خود تصور کنید. چشمان خود را باز کنید و ببینید که تخیل و واقعیت شما تا حدودی با یکدیگر متفاوت هستند.

قوانین تجسم افکار و خواسته ها - در فیلم "راز"

این مستنددر روانشناسی نمادین است، می توان آن را در فهرست آثاری قرار داد که تفکر بسیاری از مردم را تغییر داد.
راز زندگی شاددر "قانون جذب" نهفته است. اتفاقاتی که در زندگی یک فرد می افتد بستگی به این دارد که افکار او چقدر منفی یا مثبت باشد. فرد با ایجاد آرزوهای مثبت و تجسم آنها، رویدادهای مطلوب را جذب می کند.

پس از تماشای این فیلم احساس الهام و اعتماد به توانایی های خود خواهید کرد.

ترسیم طرح آرزو

تمایلی که تصمیم می گیرید با آن کار کنید باید یکی باشد. مغزتان را با بمباران تعداد زیادی از آرزوهایتان، از «من بستنی می‌خواهم» تا «می‌خواهم همسر یک الیگارشی شوم»، در حالت گیجی قرار ندهید.
برای این کار بر اساس فوریت و اهمیت، برای حل مشکلات خود برنامه ریزی کنید. مشکلات بزرگ را نیز باید به قسمت های کوچک تقسیم کرد و مرحله به مرحله حل کرد.

قوانین اساسی تجسم

1. اهداف باید در زمان حال بیان شوند. تصور کنید همه چیز همین الان اتفاق می افتد.
2. اهداف باید به وضوح بیان شود. هیچ مغایرتی مجاز نیست. عبارات باید به طور خلاصه و بدون استفاده از عبارات پیچیده فرموله شوند.
3. آرزوها باید فقط به خودت مربوط باشند. البته، این وسوسه بزرگ وجود دارد که فکر کنید، "من می خواهم فرزندم دانش آموز ممتاز شود"، اما با این وجود، این باید از راه های دیگری محقق شود.
4. از ذره "نه" استفاده نکنید. ناخودآگاه ما آن را درک نمی کند. به جای «نمی‌خواهم چاق باشم»، باید «من لاغر و جذاب هستم» باشد.
5. میل باید مثبت باشد. لازم نیست رئیسی را تصور کنید که شما را با ویلچر اخراج کرده است. بسیار مفیدتر این است که "من یک شغل جدید و جالب پیدا کردم که در آن ارزش و دستمزد خوبی به من داده شود."
6. با اهداف واقع بینانه شروع کنید، تصاویر خیلی ایده آل را برای خود ترسیم نکنید.
7. تجسم خواسته ها باید زمانی اتفاق بیفتد که شما در آن هستید خلق و خوی خوب. موجی از احساسات مثبت می تواند به طور قابل توجهی به حل این کار کمک کند.
8. تصاویر ذهنی خود را با جملات تاکیدی همراه کنید. تجسم امیال اگر با فرمول‌بندی‌های خاص همراه باشد، به احتمال زیاد به نتیجه مطلوب می‌رسد.
9. یکی از شرایط مهم- داخل باش لازم است که از بیرون نگاه نکنیم، بلکه باید درون تصویر تجسم شده باشیم. همه حواس را به هم وصل کنید. تشویق های در نظر گرفته شده برای شما را بشنوید، لمس یک عزیز را احساس کنید. تمام احساسات را احساس کنید، سعی کنید چیزی را از دست ندهید. اگر از بیرون نگاه کنید، مانند یک تماشاگر در یک فیلم، خواهید دید که چگونه خواسته های دیگران برآورده می شود.

هر چند وقت یکبار تجسم کنیم

چگونه به درستی تجسم کنیم تا افکار واقعی شوند، اما هر چند وقت یکبار؟ یک تمرین تنها مشکل را حل نمی کند. شما باید این کار را به طور منظم، چندین بار در روز، در صورت امکان انجام دهید.

و فرصت های زیادی وجود دارد. وقتی مسافری که در مترو سفر می کند ناگهان بلند می شود و با انرژی شروع به انجام دادن می کند این یک چیز است ورزش بدنی، دست و پاهایش را تکان می دهد. سردرگمی و اعتراض مسافران باقیمانده تضمین شده است. اگر به پشتی صندلی خود تکیه دهید، چشمان خود را ببندید و به چیزی فکر کنید کاملاً متفاوت است.

توصیه: تا حد امکان تجسم کنید تا در نهایت یک عادت سالم به دست آورید. عارضه این کار این است که چون افکار شما مشغول می شود، فرصتی برای تجربیات منفی وجود نخواهد داشت.

نحوه درست ساخت تابلوی ویژن

با درک این موضوع که تجسم خواسته های شما به نفع شما خواهد بود، چگونه به درستی اطمینان حاصل کنید که تلاش های شما بیهوده نیست، استفاده از یک روش نسبتا موثر است - ساخت تابلوی چشم انداز. گاهی اوقات به آن "نقشه گنج" نیز می گویند.

تابلو تا حدودی نام متعارفی است. اگر یک ورق کاغذ واتمن یا مقوا باشد راحت تر است. برای زیبایی‌شناسان با ذائقه ظریف، به عنوان مثال، این یک قطعه از مواد زیبا، بوم، یا گزینه‌های جالب دیگری خواهد بود. طرح ها یا عکس ها با موضوع آینده ای که می خواهید به این پایه پیوست می شود.

تخته بینایی خود را به دیوار بچسبانید تا وقتی صبح از خواب بیدار می شوید اولین چیزی که می بینید آن باشد.

تابلوی چشم انداز در صورتی کار خواهد کرد که قوانین خاصی در هنگام ایجاد آن رعایت شود.

1. میل باید به طور واضح و مختصر فرموله شود. یک نقاشی یا عکس - یک آرزو.
2. در زیر هر نقاشی یا عکس باید امضایی بسازید که مشخص کند دقیقاً چه اتفاقی باید در زندگی شما بیفتد. این باعث می شود که عملکرد برد ویژن موثرتر باشد.
3. برای اینکه سریعتر خواسته های خود را تجسم کنید، باید به وضوح درک کنید که چگونه به درستی نقاشی ها و عکس ها را روی تخته قرار دهید. در مرکز باید تصویر خود شخص را قرار دهید. او باید مطمئن، سالم، جذاب به نظر برسد. بالاخره این تصویر صاحب کارت است. حالا فقط خواسته ها و راه حل مشکلاتش مهم است. بقیه دنیا باید منتظر بمانند.
4. تصاویر خواسته های او باید در اطراف مالک قرار گیرد. جایگاه آنها در هیئت مدیره مهم است. فوری ترین و مهم ترین خواسته ها در مجاورت تصویر مرکزی قرار می گیرند و آنهایی که هنوز می توانند منتظر بمانند کمی دورتر قرار می گیرند. بنابراین، هیئت چشم انداز به نوعی برنامه عمل تبدیل می شود. با برآورده شدن یک خواسته، باید آن را با آرزوی بعدی جایگزین کنید و بازآرایی های مناسب را انجام دهید.
5. اگر به محتوای هر نقاشی توجه بیشتری داشته باشید، تجسم خواسته ها موثرتر می شود. اگر خودتان نقاشی می کنید، پس خلاق باشید. خود را در مرکز تصویر قرار دهید. بسته به هدف، می توانید روی صندلی رئیس باشید، در اقیانوس شنا کنید، جایزه بهترین پروژه را دریافت کنید.
6. اگر خودتان نقاشی نمی کنید، می توانید یک کلاژ بسازید. برای این کار از بریده های مجلات براق استفاده کنید. عکس خود را در مرکز قرار دهید.

تجسم خواسته ها با استفاده از تابلوی چشم انداز بسیار موثرتر می شود.

به هر حال، این تخته نباید روی کاغذ Whatman ساخته شود. انجام آن در رایانه بسیار راحت تر است. سپس می توانید از تصاویر اینترنت استفاده کنید. فراموش نکنید که از عکس خود استفاده کنید. اگر در تکنیک های فتوشاپ مهارت دارید، امکانات شما بی پایان است. اگر آن را نمی دانید، پس در اینجا انگیزه ای برای شما وجود دارد که مهارت مفیدی کسب کنید.

شرایط تجسم

چگونه تجسم صحیح را شروع کنیم؟

جلسه باید با آرامش شروع شود. آرامش این روش را هم مفید و هم لذت بخش خواهد کرد.
اگر تکنیک مدیتیشن بلد هستید از آن استفاده کنید.
گفت و گوهای درونی را که دائماً در سر ما می گذرد، متوقف کنید. این شرایط بسیار سخت است.
یک هدف را انتخاب کنید و می توانید روند را شروع کنید.

مثال: تجسم ساختن خانه

چگونه می توان ساخت خانه را به درستی تجسم کرد؟

از نظر ذهنی یک خانه را تصور کنید. ظاهرتعداد طبقات، چند اتاق در هر طبقه باید وجود داشته باشد.
نقشه خانه بکشید و آن را در ذهن خود مرور کنید. به احساسات خود گوش دهید. شاید پله ها خیلی شیب دار باشند و ایوان از طرف دیگر بهتر به نظر برسد؟
برنامه خود را تنظیم کنید او سعی خواهد کرد یک تراس به آن اضافه کند. برداشت محصول در کجا باید ذخیره شود؟ به یک انبار نیاز داریم
ذهنی از دور به آن نگاه کنید. زردبه اندازه نزدیک جذاب نیست
وقتی شروع به زندگی در آن می کنید چه احساساتی به شما دست می دهد؟
استراحت کنید. چند هفته بهش فکر نکن سپس تصویر قدیمی مانند با چشمان جدید دیده می شود.

زمینه های کاربرد تجسم میل

در حال حاضر از این روش در عرصه های مختلف زندگی استفاده می شود.

• برای مدت طولانی در ورزش های حرفه ای استفاده می شود. بسیاری از ورزشکاران تمام جزئیات پیروزی خود را قبل از مسابقه تصور می کنند. بهتر است آنچه را که در واقعیت می خواهید از طریق تجسم تصور کنید. توپ، ضربه، چرخش و مسیر پرواز آن باید در مقابل نگاه ذهنی بازیکن فوتبال ظاهر شود. یک گل، یک غرش پرشور از سکوها. یک شطرنج باز طبیعتاً تصویر دیگری خواهد داشت. در هنرهای رزمی باید بر روی احساسات لامسه تاکید شود.
• پزشکان نیز از این تکنیک استفاده می کنند. مطالعاتی انجام شده است که اثرات آن را نشان می دهد تصاویر ذهنیدر بسیاری از شاخص های سلامتی: فشار خون، ضربان قلب. مواردی وجود دارد که با تلاش اراده، بیماری هایی که صعب العلاج تلقی می شدند، درمان می شدند.
• بسیاری از سیاستمداران با استفاده از شیوه های تجسم به موفقیت دست یافته اند. مطمئناً روسای جمهور آینده اغلب روند تحلیف را تصور کرده اند.
• بسیاری از مردم در هنر تجسم تسلط دارند شخصیت های برجستهدر تاریخ غول هایی مانند تسلا، گالیله و انیشتین به آن متوسل شدند.
• از این روش استفاده کنید و مردم عادیقبل از امتحان: دانش آموزان قبل از امتحان، محققان قبل از گزارش، عاشقان قبل از یک توضیح قاطع.

چرا فیلم در تجسم بیشتر از عکس ها نتیجه می دهد؟

میخوای ماشین بخری بیایید دو گزینه را در نظر بگیریم.

در قسمت اول تصویری از خود را در حال نشستن در ماشین تصور می کنید. شما می توانید به اطراف نگاه کنید، ببینید چه چیزی در خارج از شیشه های ماشین به طور ثابت قابل مشاهده است.

گزینه دوم یک غلتک است. تو دوباره تو ماشین نشستی ماشین های دیگر با عجله از پشت پنجره رد می شوند و صدای سوت رانندگی آنها و صدای جیر جیر ترمزها را می شنوید. می توانید بوی صندلی های چرمی جدید را حس کنید. احساس می کنید که چگونه دستانتان فرمان را محکم گرفته اند، چگونه ماشین به پیچ هایش گوش می دهد.
شکی نیست که کدام گزینه قوی تر خواهد بود.

شما می توانید یک "لنگر" ایجاد کنید که همیشه می توانید فیلمی را که ساخته اید راه اندازی کنید. نحوه تجسم صحیح با استفاده از لنگر: برای انجام این کار، باید نوعی فریم فریز یا عبارت به یاد ماندنی را به خاطر بسپارید. این قاب یا کلمه به شما کمک می کند هر زمان که بخواهید یک ویدیو را راه اندازی کنید. آنها لنگر را به یاد آوردند و فیلم شروع شد. روحیه بالا رفته، رویا نزدیکتر شده است.

اگر تجسم کار نمی کند

اگر برای مدت طولانی، با وجود تلاش های عظیم شما، هیچ تغییری ایجاد نشد، باید تجزیه و تحلیل کنید.

• این امکان وجود دارد که هدف شما ارتباط خود را از دست داده باشد. دنیا در حال تغییر است. اگر متوجه شدید که برخی از خواسته های شما اهمیت خود را از دست داده اند، آنها را رها کنید.
• شاید شما به اندازه کافی به این عمل اعتقاد ندارید.
• بیش از حد بر کسب موفقیت متمرکز شده است. گاهی اوقات جدی بودن بیش از حد می تواند باعث آسیب شود.
• ناتوانی در انتظار آرام ممکن است هفته ها یا حتی ماه ها طول بکشد تا آرزوی شما محقق شود. صبور باش

از وقت تلف شده پشیمان نشوید: مهارت های به دست آمده بیش از یک بار به کارتان می آید.

سیمورون

مدرسه ای که نامش را همه نشنیده اند. این روان‌تکنیک بازی است فرم بازی. او می تواند کمک قابل توجهی در تحقق خواسته ها ارائه دهد.
شما می توانید با استفاده از آیین های خنده دار به خواسته های خود برسید.
این آداب و رسوم کمیک تقریباً به تحقق هر خواسته ای کمک می کند.

1. پول شستن هنگام حمام، شخص تصور می کند که نه با آب، بلکه با اسکناس های بزرگ پر شده است.
2. عشق کتیبه "عشق" باید روی قوری نوشته شود. آن را روی اجاق گاز قرار دهید و هنگامی که آب در آن به جوش آمد، شروع به تجسم کنید که این بخار یک رابطه گرم بین عاشقان است.
3. بازپرداخت وام ها. مقدار کمی از جوش شیرین را در یک قاشق بریزید. آن را با سرکه خاموش کنید. تصور کنید که وام های شما نیز در حال بازپرداخت است.
4. سلامتی یک هواپیمای کاغذی بسازید. نام بیماری خود را روی آن بنویسید. با عبارت «برای همیشه پرواز کن»، آن را از پنجره رها کنید.
5. رژیم بگیر یک تکه کاغذ بردارید و کلمه "رژیم غذایی" را با حروف بزرگ روی آن بنویسید. هر بار که می خواهید بنشینید، این ملحفه را زیر خود قرار دهید.

شما باید به کاری که می خواهید انجام دهید ایمان داشته باشید. اگر به تجسم اعتماد ندارید، آنگاه با شما به همان شیوه رفتار خواهد کرد.

با سلام، خوانندگان عزیز! خواندن این پست به احتمال زیاد به شما کمک می کند تا زندگی خود را تغییر دهید. شما قادر خواهید بود خواسته های خود را تجسم کنید و چگونه به درستی رویای خود را محقق کنید. این یک عمل بحث برانگیز و گاهی خطرناک است. اما در عین حال، کاملاً ارزش زمان، تلاش و ریسکی را دارد که ذهن برای رسیدن به اهداف خود انجام می دهد و "منطقه راحتی" را ترک می کند.

تجسم چیست و از کجا آمده است؟

مطمئناً جرقه هایی از خاطرات عبارات دوران کودکی به طور دوره ای در زندگی شما سوسو می زنند:

• "اگر می خواهی، نمی خواهی"؛
• "اگر واقعاً می خواهید، اما نمی توانید، پس می توانید"؛
• "اگر واقعاً چیزی را می خواهید، قطعاً محقق خواهد شد."

این جملات را پدر و مادر، برادر، خواهر، عمو، عمه و عمه شما که زمانی هم کودک بوده اند و در دوران کودکی خود عبارات مشابهی شنیده اند، گفته اند.

این عبارات حکمت عامیانه است که جوهر آن درست است، اما روش شناسی روشنی برای کاربرد آنها وجود ندارد. به عبارت دیگر، دقیقاً چگونه نیاز دارید که بخواهید یا نخواهید چیزی واقعاً اتفاق بیفتد یا وجود نداشته باشد؟!

تاریخ در این مورد سکوت کرده است. اما وقتی منبع حکمت باستانی در روشن کردن جزئیات سخاوتمند نباشد، نظریه و عمل تحقیقات علمی به کمک می آید.

تجسم فرآیند دستیابی به هدف از طریق تغییر وضعیت هوشیاری بدون استفاده است مواد مخدر. به طور خلاصه، این یک تغییر در طرز فکر است. انسان قادر به "غیر ممکن" است.

تجسم ذهنی به قدرت تخیل ما بستگی دارد. مغز انسان کلمات تصویری را با خواندن آنها به عنوان تصویر تفسیر می کند. هر یک از اینها شامل تفسیر عاطفی ناخودآگاه و پاسخ های رفتاری است.

نظریه هایی در مورد انواع تجسم امیال

در حال حاضر، دو نوع اصلی تجسم امیال وجود دارد:

1. بین المللی شدن
2. به محیط بیرون باز است.

بین المللی سازی ایجاد تصاویر در ذهن است. یک شخص روی صفحه ذهنی تصاویر می پزد. در این حالت چشم ها می توانند باز یا بسته باشند.

باز به محیط خارجی - تجسم نقاشی ها، عکس هایی که به طور فیزیکی در خارج از ما قرار دارند. چشم ها باید باز باشد.

کجا و چگونه تجسم کنیم؟

ایجاد نوعی نقشه گنج، رویاهای شما را محقق می کند. این همان قدرتی است که شخص با رهاسازی آن، تصاویر را مادی می‌کند و آنچه را که می‌خواهد به دست می‌آورد. امکان استفاده از عکس‌ها، طراحی‌ها و نقاشی‌هایی که روی تابلو قرار می‌گیرند و روزانه برای تجسم سوژه مورد استفاده قرار می‌گیرند، وجود دارد. بعداً در این مورد صحبت خواهیم کرد.

یک راه خوب و راحت برای تجسم هنگام راه رفتن وجود دارد هوای تازهیا در حین انجام فعالیت های روزانه، حمام کردن، مسواک زدن، نوشیدن چای یا قهوه. باید به نحوه روشن کردن تنظیمات یا طراحی تابلوی رویا در ذهن توجه کرد.

همچنین تجسم پذیرا وجود دارد که هنگام تماشای یک اجرا در ذهن فعال می شود و ما به عنوان کارگردان آن عمل می کنیم. این فرآیند توسط ما کنترل می شود و می توان از آن برای حل مشکلات مختلف استفاده کرد.

پژوهش دانشجویی

یک مطالعه آماری روی گروه‌هایی از هنرمندان سال سوم آینده نشان داد که افرادی که به طور فعال از تجسم استفاده می‌کردند در امتحانات میانی نتایج بهتری نشان دادند.

تجسم تأثیر مفیدی بر باز کردن پتانسیل نه تنها در هنر، بلکه در سایر زمینه‌های فعالیت انسانی دارد، مانند:

• ورزش،
• مدیریت پرسنل،
• مدیریت سازمانها در سطوح مختلف،
• تدریس،
• توسعه نرم افزار و بسیاری دیگر.

تکنیک های هدف گذاری

توانایی تعیین هدف روشن یکی از مهمترین مراحل در مسیر تسلط بر روش شکل دادن به رویدادها با تجسم رویاها است. بیایید به برخی از آنها نگاه کنیم:

• فناوری SMART توسط D. Dourden.

ویژگی این رویکرد این است که اهداف به طور خاص، واقع بینانه و با ضرب‌الاجل‌هایی برای دستیابی تعیین می‌شوند. به عنوان مثال، اگر با رویای «میلیونر شدن» کار کنیم، هدف SMART به صورت زیر در نظر گرفته می شود: «یک میلیون دلار دسترسی آزاد (وجوه نقد) تا تاریخ N، N - ماه، N - سال داشته باشید. "

• تکنیک هدف گذاری مارک آلن

اولین قدم ایجاد یک شرح یک صفحه ای از یک زندگی شاد ایده آل است. دوباره بخوانید، این اسکریپت را به روز کنید تا زمانی که افکارتان روی کاغذ با ایده شما مطابقت پیدا کند زندگی ایده آل 100% سپس حداکثر ده هدف را انتخاب می کنید که برای تحقق رویا باید به آنها دست یافت. در اینجا یک راه اندازی ساده برای دستیابی به اهداف وجود دارد که از نظر سادگی و کارایی بالا درخشان است. این نصب را هر روز بخوانید - و نتیجه دیری نخواهد آمد.

خطرات و پیامدهای استفاده نادرست از تکنیک های تصویربرداری

اول از همه، تجسم خواسته ها خطرناک است، زیرا رویاها به حقیقت می پیوندند.

در نگاه اول، این دقیقا همان چیزی است که شما می خواهید. اما افکار شما یک نیروی بالقوه خطرناک هستند که استفاده از آن به احتمال زیاد شما را از منطقه راحتی خود خارج می کند.

علاوه بر این، توالی رویدادها به طور مستقل در یک ردیف قرار می گیرند. و هنگامی که یک رویداد پنهان در سطح ظریف شکل می گیرد، در بیشتر موارد این روند غیرقابل برگشت است تا زمانی که به آنچه می خواستید برسید.

چگونه یک رویا می تواند خطرناک باشد؟ این می تواند به غیرمنتظره ترین شکل اتفاق بیفتد.

بیایید به نمونه هایی نگاه کنیم

• تمایل به دریافت مقدار زیادی پول از طریق گسترش بی رویه (در صورت استفاده نادرست از روش) به صورت فوت یکی از بستگان و دریافت ارث محقق خواهد شد.
• رؤیای یک زن برای خواستن‌تر شدن برای مردش می‌تواند با قطع رابطه با شوهرش، طلاق، از دست دادن دارایی یا افسردگی محقق شود. سپس مرحله آگاهی و پذیرش، رشد معنوی و یافتن روابط جدید فرا می رسد که در آن زن بیش از همه احساس مطلوبیت خواهد داشت.

استفاده از این تکنیک برای بهبود کیفیت زندگی باید در یک محیط کنترل شده پس از آموزش نظری دقیق و در صورت امکان با یک متخصص مجرب انجام شود.