## Tools - There are lots of Obsidian AI plugins like Text Generator Plugin, Smart Connections, and AVA AI, but I'm cheap. You can achieve the same things through simple chatGPT or Bing AI, until they end up adding price walls to those - I would rather copy and paste to use it for free and get more text than to have it instantly embedded in the note I'm writing - Most of the time you can just add context to the prompt and then paste in your text, which will achieve the same thing - The only one I'm willing to pay for is Smart Connections since it feeds off of the contents of your own vault - Readwise reader ghostreader - ChatGPT ## Capture ### My Setup for Capture - Readwise reader on the left using the same plugin I used to set up chatGPT, custom frames - Ready to open up any note on the right - ChatGPT on the bottom right ## Organize People may argue against using AI to organize your notes: - If you solely used AI to organize your notes, it would defeat the purpose of having our own second brain as we would just be following the general structure of the internet - Instead, we need to use it as a tool with respect to our own curated knowledge There's benefits though: - You can give it instructions on how to think to do certain tasks that might take you longer - It's natural way of thinking can also be beneficial - ChatGPT embeddings are calculated across 1536 different parameters, whic his ## Distill - Extract bolded ## Express ### Finding notes for your project or objective - We can do what we did previously - List out your requirements and use [[Smart Connections Plugin#Relatedness View]] to your advantage - It will look for notes with similar wording - ex) If you are saying you are "working on the script of my youtube video, a story on how I started building my second brain" - It will most likely resurface notes related to: - "Writing Youtube Scripts" - "YouTube Intros" - "Storytelling" - "Second Brain" - All you need to do is then organize the information - first based on keywords ### Continuing learning #### Exploring new topics based on highlights ###### Prompt ``` Here are highlights I took. What are some new topics and subtopics related to the above that I can look into if I am trying to {your intentions}? {highlights} ``` #### Exploring new topics based on summaries ``` Here are some topics and subtopics: {topics and subtopics} What are some new topics and subtopics related to the above that I can look into if I am trying to {your intentions}? ``` ### Creating Content #### Video Ideas ``` I am a content creator that makes {type of content} for {audience}. Types of videos I make include: {list of videos} Come up with video ideas that I can make based on my highlights: {highlights} ``` #### Potential Outline ``` I am trying to write {idea} - please write me a potential outline for my own {type of content} based on my highlights: {highlights} ``` ``` I am trying to write content on {idea} - please extract relevant ideas based on my notes, and explain your reasoning as to why: {highlights} ``` #### Critiquing Outline ``` I am writing a {paper/script} called {title}. Are there any gaps in my {argument / teaching}? What are some topics or questions the reader may still have? Here is the outline of my content: {outline} ``` ### Making information actionable #### Learning the fundamentals of a skill ###### Prompt Take one of the things you want to learn, and use the following prompt: ``` I am starting to learn {skill} so I can achieve {goal}. Please create a roadmap by breaking down the core topics I need to learn in this skill, providing a one sentence summary of each. Please make a hierarchical list. ``` ###### Example Question I am starting to learn UI design so I can make a web application. Please create a roadmap by breaking down the core topics I need to learn in this skill, providing a one sentence summary of each. Please make a hierarchical list. ###### Example Answer Certainly! Here is a hierarchical roadmap for learning UI design for web application development: 1. Fundamentals of Design: - Color Theory: Understanding the psychology of colors and how to use them effectively in web design. - Typography: Selecting and pairing fonts to create readable and visually appealing text on web pages. - Layout and Composition: Learning principles of layout design, grid systems, and visual hierarchy. 2. User Experience (UX) Design: - User Research: Conducting research to understand user needs, behaviors, and goals. - Information Architecture: Organizing and structuring content to ensure intuitive navigation and findability. - Wireframing and Prototyping: Creating low-fidelity sketches and interactive prototypes to test and iterate on design ideas. 3. Visual Design for the Web: - UI Elements and Styling: Designing buttons, forms, icons, and other interface elements with consistent styling. - Responsive Design: Designing interfaces that adapt and look good on various screen sizes and devices. - Web Accessibility: Ensuring the web application is accessible to users with disabilities, following accessibility guidelines. 4. Front-End Development: - HTML: Learning the markup language for structuring web content. - CSS: Styling web pages with CSS to control the visual appearance. - JavaScript: Enhancing interactivity and functionality of web applications with JavaScript. 5. Designing for Interactions: - Microinteractions: Creating small, subtle animations and feedback to improve the user experience. - Transitions and Animations: Applying motion and animations to improve usability and engagement. - User Feedback and Validation: Designing effective feedback mechanisms for user input and error handling. 6. Design Systems and Collaboration: - Design Systems: Creating a library of reusable components, guidelines, and styles to maintain consistency. - Collaboration and Version Control: Learning how to work effectively with developers and use version control systems like Git. 7. UI Testing and Iteration: - Usability Testing: Conducting usability tests to identify and address usability issues. - A/B Testing: Experimenting with different design variations to optimize user experience and conversion rates. 8. Continuous Learning and Growth: - Stay updated with current design trends, new technologies, and tools. - Seek inspiration from design communities, blogs, and industry resources. Remember, this roadmap provides a structured approach, but learning UI design for web application development is an ongoing process that requires practice, experimentation, and staying up-to-date with industry trends. #### Specifying more things to learn ``` I am trying to {main objective}, and am currently focusing on the following topic. What are some further subtopics and details related to the above that I can look into? {topic} ``` ###### Example Question I am trying to learn UI design to make a web application, and am currently focusing on the following topic. What are some further subtopics and details related to the above that I can look into? 1. Fundamentals of Design: - Color Theory: Understanding the psychology of colors and how to use them effectively in web design. - Typography: Selecting and pairing fonts to create readable and visually appealing text on web pages. - Layout and Composition: Learning principles of layout design, grid systems, and visual hierarchy. ###### Example Answer Certainly! Here are some further subtopics and details related to the fundamentals of design for UI design in the context of web applications: 1. Color Theory: - Color Schemes: Exploring different color schemes like monochromatic, complementary, analogous, and triadic to create harmonious designs. - Color Psychology: Understanding how different colors evoke specific emotions and perceptions in users. - Contrast and Accessibility: Considering color contrast ratios to ensure readability and accessibility for users with visual impairments. - Color Tools: Exploring color palette generators and tools to create and experiment with color schemes. 2. Typography: - Font Pairing: Learning techniques for selecting and combining fonts that complement each other and create visual harmony. - Readability and Legibility: Understanding the factors that impact readability, such as font size, line height, and letter spacing. - Web-safe Fonts and Web Fonts: Exploring the use of web-safe fonts and web font services like Google Fonts to ensure consistent and accessible typography across different devices. - Responsive Typography: Adapting typography for different screen sizes and optimizing readability across various devices. 3. Layout and Composition: - Grid Systems: Understanding grid-based layouts and their benefits for organizing content and creating consistent designs. - Visual Hierarchy: Using techniques like size, color, contrast, and placement to establish a clear visual hierarchy that guides users' attention. - White Space: Leveraging white space or negative space effectively to improve readability, create breathing room, and highlight key elements. - Responsive Layouts: Designing layouts that adapt and respond to different screen sizes and devices, considering concepts like fluid grids and flexible breakpoints. 4. Visual Balance and Proportion: - Symmetry and Asymmetry: Exploring the use of symmetrical and asymmetrical layouts to create visual balance and interest. - Golden Ratio and Rule of Thirds: Applying mathematical principles to achieve aesthetically pleasing proportions in design. - Focal Points: Understanding how to direct users' attention to specific elements using contrast, positioning, and visual weight. - Scale and Proportion: Maintaining consistency in the size and proportion of elements across the interface. By exploring these subtopics and details related to the fundamentals of design, you'll be able to deepen your understanding and skills in UI design for web applications. Remember to practice and apply these principles in your design projects to gain hands-on experience and improve your abilities. ##### Getting extra resources based on goal ###### Prompt ``` I am trying to achieve {objective}. Please give me extra {resources} related to the topics I am trying to learn, and let me know why you recommended it. {topics} ``` ###### Example Question I am starting to learn UI design so I can make a web application. Please give me courses and books related to the topics I am trying to learn, and let me know why you recommended it. 1. Color Theory: - Color Schemes: Exploring different color schemes like monochromatic, complementary, analogous, and triadic to create harmonious designs. - Color Psychology: Understanding how different colors evoke specific emotions and perceptions in users. - Contrast and Accessibility: Considering color contrast ratios to ensure readability and accessibility for users with visual impairments. - Color Tools: Exploring color palette generators and tools to create and experiment with color schemes. 2. Typography: - Font Pairing: Learning techniques for selecting and combining fonts that complement each other and create visual harmony. - Readability and Legibility: Understanding the factors that impact readability, such as font size, line height, and letter spacing. - Web-safe Fonts and Web Fonts: Exploring the use of web-safe fonts and web font services like Google Fonts to ensure consistent and accessible typography across different devices. - Responsive Typography: Adapting typography for different screen sizes and optimizing readability across various devices. 3. Layout and Composition: - Grid Systems: Understanding grid-based layouts and their benefits for organizing content and creating consistent designs. - Visual Hierarchy: Using techniques like size, color, contrast, and placement to establish a clear visual hierarchy that guides users' attention. - White Space: Leveraging white space or negative space effectively to improve readability, create breathing room, and highlight key elements. - Responsive Layouts: Designing layouts that adapt and respond to different screen sizes and devices, considering concepts like fluid grids and flexible breakpoints. 4. Visual Balance and Proportion: - Symmetry and Asymmetry: Exploring the use of symmetrical and asymmetrical layouts to create visual balance and interest. - Golden Ratio and Rule of Thirds: Applying mathematical principles to achieve aesthetically pleasing proportions in design. - Focal Points: Understanding how to direct users' attention to specific elements using contrast, positioning, and visual weight. - Scale and Proportion: Maintaining consistency in the size and proportion of elements across the interface. ###### Example Answer Certainly! Here are some recommended courses and books related to the topics you're trying to learn in UI design for web applications: 1. Color Theory: - Course: "The Complete Color Harmony: A Course in Color and Design" on Udemy. This course provides in-depth knowledge of color theory, color schemes, and their application in design. - Book: "Interaction of Color" by Josef Albers. This classic book explores the perception of color and provides insights into color relationships and harmonies. 2. Typography: - Course: "The Typography and Font Management Course" on Udemy. This course covers typography fundamentals, font pairing techniques, and best practices for optimizing typography in web design. - Book: "Thinking with Type: A Critical Guide for Designers, Writers, Editors, and Students" by Ellen Lupton. This book offers a comprehensive understanding of typography principles and its application in various design contexts, including web design. 3. Layout and Composition: - Course: "Grids and Layout Principles for Web Design" on LinkedIn Learning. This course teaches the fundamentals of using grid systems and establishing visual hierarchy in web design. - Book: "Grid Systems in Graphic Design" by Josef Müller-Brockmann. This book explores grid systems and their application in graphic design, providing valuable insights for creating balanced and visually appealing layouts. 4. Visual Balance and Proportion: - Course: "Design Principles: Balance, Hierarchy, and Harmony" on Coursera. This course focuses on design principles, including visual balance, proportion, and creating focal points. - Book: "The Non-Designer's Design Book" by Robin Williams. This book explains design concepts in a beginner-friendly manner, covering topics such as visual hierarchy, balance, and proportion. Remember, these courses and books offer valuable resources to deepen your knowledge and skills in UI design. They provide practical guidance, examples, and exercises to apply the concepts in real-world scenarios. Additionally, consider exploring online design communities, blogs, and tutorials to stay up-to-date with current design trends and gain inspiration from other designers.