For the complete documentation index, see llms.txt. This page is also available as Markdown.

Psychological Effects of Styles and Colors in Contents

design, psychology, style, vs code, color, psychology, style, design

Psychological Effects of Styles and Colors in Contents

Usage of text styles

  • italic; should be used for less important data, cognitive load is low

  • bold; used to highlight important parts and attract attention, cognitive load is high

  • code; used for formulas and codes

  • strikethrough; used for correcting mistakes

  • “Quotes” should be preferred for words we are not sure of

  • Underlined; generally used with bold for the most important texts

Header; used for grouping and headers

Psychological effects of colors

  • red; used in important, desired and high danger situations, cognitive load is high

    • Suitable for topics such as Error, love

  • blue; preferred for information, trust and tranquility, cognitive load is very low

    • Suitable for topics such as Information, science

  • green; used in growth, health, environment, balance, idea presentation situations, cognitive load is normal

    • growth, ecosystem, nature, health, conversation

  • yellow; used to attract attention, worry, express, cognitive load is high

  • purple; medium cognitive load in creativity, mystery, lux, premium, arrogance content

  • orange; social interactions, medium cognitive load

  • pink; soothing and emotional content, low cognitive load

  • gray; background texts, additional information that should not stand out, less important things

  • white; default, plain texts, used for margins and gaps, least cognitive load

  • brown; used for traditional topics, storytelling elements, low load

Use of colors in software

  • red - throw, exception, error

    • Intense attention

  • blue - constant, static, fixed

    • Reliability and the feeling that it will not change

  • green - ? string

  • purple - if, else, import

    • Special and reserved words

  • orange - functions, class

    • Social interaction, groupings

  • pink - Not preferred much

  • grey - comments, //, /**

    • Unnecessary and should not stand out too much

  • white - Main part of the code is in this color, default color

  • brown - deprecated or embedded packages

Use of colors and emojis in tagging

  • 🌱 mindset, 🏢 enterpreneur

  • 🥗 health

  • 👫 relationship, 📈 efficiency

  • 🗣️ communication

  • 💞 feeling

  • 🔮 insight, 💎 fav

Suggestions

  • If you've come this far in the text and if you're also developing software on VS Code, I recommend you check out my theme, all these techniques are used

Son güncelleme

Bu yararlı oldu mu?