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

Last updated

© 2024 ~ Yunus Emre Ak ~ yEmreAk