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

https://marketplace.visualstudio.com/manage/publishers/yemreakmarketplace.visualstudio.com