نمایشی از استخراج و ترکیب ویژگی سلسله مراتبی در سیستم بصری.
**سلسله مراتب بصری** (انگلیسی: Visual hierarchy) بر اساس روانشناسی گشتالت، الگویی در زمینه بصری است که در آن برخی از عناصر تمایل به برجسته کردن، یا جلب توجه، قوی تر از عناصر دیگر دارند، که نشان دهنده یک سلسله مراتب اهمیت است. در حالی که ممکن است به طور طبیعی در هر زمینه بصری رخ دهد، این اصطلاح بیشتر در طراحی (به ویژه طراحی گرافیک و نقشه نگاری) استفاده می شود، جایی که عناصر به طور عمدی طراحی شده اند تا برخی را مهم تر از دیگران به نظر برسانند. این نظم با تضاد بصری بین اشکال در یک میدان ادراک ایجاد می شود. اجسام با بالاترین تضاد با محیط اطراف خود ابتدا توسط ذهن انسان شناسایی می شوند

شواهد علمی
----------

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

تئوری
-----

مفهوم سلسله مراتب بصری مبتنی بر نظریه روان‌شناختی گشتالت است، یک نظریه آلمانی در اوایل قرن بیستم که پیشنهاد می‌کند مغز انسان دارای تمایلات سازمان‌دهی ذاتی است که «عناصر، شکل‌ها یا فرم‌های فردی را به یک کل منسجم و سازمان‌یافته ساختار می‌دهد»، به ویژه هنگام پردازش بصری. اطلاعات. کلمه آلمانی گشتالت در انگلیسی به طور، «الگو» یا «شکل» ترجمه می‌شود. هنگامی که یک عنصر در یک میدان بینایی از "کل" ایجاد شده توسط سازمان ادراکی مغز جدا می شود، برای بیننده "متمایز" می شود. اشکالی که به شدت از محیط اطراف خود جدا می شوند، بیشتر خودنمایی می کنند. این معمولاً به عنوان اثر Von Restorff محصور می شود، که بیان می کند که انزوا توجه را به خود جلب می کند.

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

در این نقشه ی سال 1905، رودخانه ها و پارک ها به دلیل تضاد رنگ و اندازه در بالای سلسله مراتب بصری قرار دارند، عنوان به دلیل اندازه و هم ترازی برجسته است. الگوی خیابان زاویه دار با بقیه شبکه در تضاد است. حتی فضای خالی در وست دنور به دلیل تضاد با پیچیدگی کلی نقشه و موقعیت مرکزی آن جلب توجه می کند. خیابان‌ها و نام‌های آن‌ها به دلیل عدم تضاد در پایین سلسله مراتب بصری قرار دارند، حتی اگر احتمالاً هدف اصلی نقشه همین بوده باشد.
* **رنگ** شامل رنگ، اشباع، ارزش، و بافت درک شده از اشکال است. اشکال تیره در پس‌زمینه روشن، چهره‌های روشن در پس‌زمینه تیره، چهره‌های با رنگ‌های روشن در پس‌زمینه خاموش و ... برجسته خواهند شد. رنگ های فلورسنت مورد استفاده برای توپ های تنیس و سایر تجهیزات ورزشی در نظر گرفته شده است تا آنها را فوراً در برابر تقریباً هر میدان بینایی طبیعی متمایز کند.
* **اندازه** تأثیر زیادی بر سلسله مراتب بصری دارد. عناصر بزرگ تقریبا همیشه توجه را به خود جلب می کنند، تا زمانی که بتوان آنها را به عنوان شکل تشخیص داد.
* **هم ترازی** چیدمان فرم ها نسبت به یکدیگر است. به عنوان مثال، موارد در گوشه سمت چپ بالای صفحه اغلب ابتدا دیده می شوند (حداقل برای آن دسته از خوانندگانی که به زبان های غربی عادت کرده اند)، مرکز قسمت برجسته است. از فضای منفی نیز می توان استفاده کرد: یک شکل جدا شده در میان مقادیر زیادی از فضای سفید، بیش از یک در میان شکل های دیگر برجسته می شود.
* **محتوی** شامل چندین نوع تضاد بر اساس شکل است. به عنوان مثال، الگوهای پیچیده بیشتر از الگوهای ساده یا قابل پیش بینی توجه را به خود جلب می کنند، اشکال پیچیده توجه بیشتری را نسبت به الگوهای تعمیم به خود جلب می کنند. حتی الگوهای در مقیاس بزرگ می توانند توجه را به خود جلب کنند اگر با الگوی باقیمانده میدان بینایی تضاد داشته باشند.

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

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

کاربرد
------

اولین شماره نیویورک تایمز در سال 1851 (بالا) سلسله مراتب بصری ضعیفی داشت و تشخیص اینکه چه اخباری مهم‌تر از همه تلقی می‌شوند دشوار بود. در سال 1919 (پایین)، این مقاله، مطابق با روندهای صنعتی گسترده تر، سلسله مراتب واضح تری را ایجاد کرد، با عنوان های بزرگتر بر تیترهای کوچکتر اولویت داشت.
سلسله مراتب بصری یک مفهوم مهم در زمینه طراحی گرافیک است، حوزه ای که در سازماندهی بصری تخصص دارد. طراحان سعی می کنند سلسله مراتب بصری را کنترل کنند تا چشم را به ترتیبی خاص برای یک هدف خاص به سمت اطلاعات هدایت کنند. می توان سلسله مراتب بصری در طراحی گرافیک را با ساختار دستوری در نوشتار از نظر اهمیت هر اصل برای این زمینه ها مقایسه کرد.

**کارتوگرافی**

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

سلسله مراتب بصری یک نقشه ممکن است برای ویژگی‌های جغرافیایی منفرد (مانند برجسته کردن یک کشور واحد)، برای نقشه‌برداری لایه‌های ویژگی‌های مرتبط (مانند برجسته کردن دریاچه‌ها بیشتر از جاده‌ها) و برای کل طرح‌بندی نقشه و غیره اعمال شود. عناصر نقشه (به عنوان مثال، مهمتر به نظر رسیدن عنوان از نوار مقیاس). مانند عناصر اصلی نقشه، چنین ویژگی‌هایی دارای وزن هستند و ویژگی‌هایی که در سلسله مراتب بصری لایه‌های نقشه اعمال می‌شود، برای سایر عناصر صفحه نیز اعمال می‌شود. اندازه و تراز دو عامل اصلی تعیین کننده سلسله مراتب بصری برای این ویژگی ها هستند. نقشه‌برداران اغلب از اصول فضای منفی و تضاد شکل-زمین برای طراحی یک سلسله مراتب بصری مناسب با استفاده از تضاد بین فضای بلااستفاده و ویژگی‌های چیدمان استفاده می‌کنند.

**طراحی تجربه کاربری و طراحی رفتاری**

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

جستارهای وابسته
---------------

* باوهاوس
* روان‌شناسی شناختی
* بازشناخت الگو

منابع
-----

1. ↑  «The Trans-Pacific, Volume 26, Issue 09 - 1938-03-03». *Manchuria Daily News Online*. دریافت‌شده در ۲۰۲۴-۰۳-۲۶.
2. ↑  Urano, Yoko; Kurosu, Aaron; Henselman-Petrusek, Gregory; Todorov, Alexander (2021-05-15). "Visual Hierarchy Relates to Impressions of Good Design". doi:10.31234/osf.io/hksf9. s2cid 236599584. `{{cite journal}}`: Cite journal requires `|journal=` (help); Check `|doi=` value (help)
3. ↑  Jackson, Ian (2008-01-21). "Gestalt‐A Learning Theory for Graphic Design Education". *International Journal of Art & Design Education*. **27** (1): 63–69. doi:10.1111/j.1476-8070.2008.00558.x. ISSN 1476-8062.
4. ↑  Pettersson, Rune (2010-01). "Information Design–Principles and Guidelines". *Journal of Visual Literacy*. **29** (2): 167–182. doi:10.1080/23796529.2010.11674679. ISSN 1051-144X. `{{cite journal}}`: Check date values in: `|date=` (help)
5. ↑  "Cheskin, Louis. Colors: What They Can Do For You. New York: Liveright Publishing Corporation, 1947. 333 p. $5.00". *Science Education*. **34** (4): 279–279. 1950-10. doi:10.1002/sce.3730340489. ISSN 0036-8326. `{{cite journal}}`: Check date values in: `|date=` (help)
6. ↑  National Geographic Society; Tait, Alex (2018-04-01). "Visual Hierarchy and Layout". *Geographic Information Science & Technology Body of Knowledge*. **2018** (Q2). doi:10.22224/gistbok/2018.2.4.
7. ↑  ""Individual differences in search and monitoring for color targets in dynamic visual displays": Correction to Muhl-Richardson et al. (2018)". *Journal of Experimental Psychology: Applied*. **25** (2): 279–279. 2019-06. doi:10.1037/xap0000235. ISSN 1939-2192. `{{cite journal}}`: Check date values in: `|date=` (help)
8. ↑  "Quick saliva test can reveal cannabis use". *New Scientist*. **252** (3358): 25. 2021-10. doi:10.1016/s0262-4079(21)01924-2. ISSN 0262-4079. `{{cite journal}}`: Check date values in: `|date=` (help)
9. ↑  Jenks, G. F. (1960-04-22). "Elements of Cartography. Arthur H. Robinson. Wiley, New York, ed. 2, 1960. 343 pp. Illus. $8.75". *Science*. **131** (3408): 1215–1215. doi:10.1126/science.131.3408.1215. ISSN 0036-8075.
10. ↑  *. Archived 2017-12-22 at the Wayback Machine*. پارامتر `|عنوان= یا |title=` ناموجود یا خالی (کمک); پیوند خارجی در `|وبگاه=` وجود دارد (کمک); پارامتر `|پیوند=` ناموجود یا خالی (کمک)
11. ↑  *Slocum, Terry A. Chapter 5 in Thematic Cartography and Geovisualization, Pearson, 2014*. پارامتر `|عنوان= یا |title=` ناموجود یا خالی (کمک); پارامتر `|پیوند=` ناموجود یا خالی (کمک)

* مشارکت‌کنندگان ویکی‌پدیا. «Visual hierarchy». در *دانشنامهٔ ویکی‌پدیای انگلیسی*، بازبینی‌شده در ۲۶ مارس ۲۰۲۴.

|  |  |
| --- | --- |
| آیکون خرد | این یک مقالهٔ خرد است. می‌توانید با گسترش آن به ویکی‌پدیا کمک کنید. |