Clara Yao

claraYao
Illustration student pursuing a Creative Coding minor

Learning goal: I want to learn how to create a website and understand how to utilize HTML and CSS to my advantage. I also chose this class because I am looking at pursuing a creative coding minor to learn some practical skills in computer science to add to my repertoire. At the end of the day, I am here to learn and try my best.

Assignments

Date DuePercent
Week 2Website Analysis 5%
Week 3Midterm Worksheet (8 Steps)5%
Week 3Responsive Mockup5%
Week 3 CSS Selection Exercise 5%
Week 4 Grid Exersize 5%
First Quarter Assessment25%
Week 5 Responsive Wireframe5%
Week 5 Code Portfolio Front Page 5%
Week 5Quiz
Week 6Typography Poster 5%
Week 7Current Topic Website5%
Week 8 Portfolio: Class Presentation 5%
Second Quarter Assessment 25%
Week 9Final: Worksheet5%
Week 10Final: CSS3 Collateral5%
Week 11Final: CSS3 Animatic5%
Week 12Final: HTML/CSS5%
Week 12Final: Modular Navigation5%
Third Quarter Assessment25%
Week 13Final: Multimedia5%
Week 13Final: Alternatives5%
Week 13Final: Peer Review5%
Week 14Final: Forms5%
Week 15Alternative5%
Final Quarter Assessment25%
Week 15Final: Presentation10%
Two assignments dropped:-10%
Total:100%
List of sources and services used

AI Chat

As an illustration student, what will I learn from learning how to web design?

ChatGPT: As an illustration student, learning web design can offer you a variety of benefits and skills that complement your illustration abilities. Here are some key advantages:

  • Expanded Skill Set:
    • Digital Integration: Web design involves working with digital tools and software, which can enhance your digital illustration skills.
    • User Interface (UI) Design: Learning web design will introduce you to UI design principles, helping you understand how users interact with digital interfaces.
  • Versatility:
    • Diversification of Work: Being proficient in web design can open up new avenues for freelance work or collaborations. Many projects require a combination of illustration and web design skills.
    • Adaptability: The ability to create digital content for the web makes you more adaptable to the evolving needs of the creative industry.
  • Portfolio Enhancement:
    • Showcasing Work: A personal website allows you to showcase your illustration portfolio in an interactive and dynamic manner. You can design it in a way that complements and enhances your artwork.
  • Communication Skills:
    • Visual Communication: Web design involves conveying information visually. This aligns with your illustration background, strengthening your overall visual communication skills.
    • Typography: Understanding how to use fonts effectively is crucial in web design. This knowledge can be applied to create visually appealing text elements in your illustrations.
  • Freelance Opportunities:
    • Freelance Projects: Many freelance opportunities require a combination of illustration and web design skills. Being able to design websites or create graphics for web content can broaden your client base.
  • Understanding Client Needs:
    • Client Collaboration: Learning web design can give you insights into the technical and functional aspects of digital projects, allowing you to collaborate more effectively with clients and developers.
  • Digital Marketing Awareness:
    • Online Presence: Web design is closely tied to online presence and marketing. Understanding the basics can help you optimize your personal brand and reach a wider audience.
  • Coding Basics:
    • Introduction to Coding: While not all web designers are developers, having a basic understanding of HTML, CSS, and possibly JavaScript can be valuable. It gives you more control over the presentation of your work online.
  • Prototyping:
    • nteractive Prototypes: Learning web design often involves creating interactive prototypes. This skill can be useful for presenting your illustration concepts in a more engaging and dynamic way.

Remember that the goal is not necessarily to become a full-time web designer, but to use these skills to enhance your overall capabilities as an illustrator and make your work more accessible and engaging in the digital realm.

What's the benefit of creating my own website over using a website maker platform and is there any research into this topic and which type of portfolio performs better?

ChatGPT: Creating your own website versus using a website maker platform each has its own set of benefits, and the choice depends on your specific needs and preferences. There are different perspectives on this topic, and while there may not be conclusive research on which type of portfolio performs better universally, individual preferences and goals play a significant role. Here are some considerations:

Creating Your Own Website:
BenefitsConsiderations
Customization: You have complete control over the design, layout, and functionality of your website. Time and Effort: Creating a custom website can be time-consuming, especially if you are not familiar with web development.
Personal Branding: A custom website allows for a unique and tailored representation of your personal brand. Maintenance: You are responsible for ongoing maintenance, updates, and potential troubleshooting.
Flexibility: You can implement advanced features and integrations as per your requirements.
Learning Experience: Building your own website provides an opportunity to learn web development and enhance your technical skills.
Website Maker Platform:
BenefitsConsiderations
Ease of Use: Website makers are user-friendly, often requiring no coding skills. Limited Customization: You may have limitations in terms of design and functionality.
Quick Setup: You can have a functional website up and running in a short amount of time. Branding: Your site may look similar to others using the same platform.
Cost-Effective: Many website maker platforms offer affordable or free plans. Subscription Costs: Advanced features or a custom domain may require a subscription.
Built-in Features: These platforms often come with built-in tools for SEO, analytics, and more.

Research:

While there is no one-size-fits-all answer, some artists and designers have conducted personal experiments and shared their experiences online. However, individual success can depend on various factors including the industry, target audience, and personal preferences.

To make an informed decision, consider factors like your technical skills, desired level of customization, time commitment, and budget. It might be beneficial to explore case studies or testimonials from other illustrators or artists who have chosen one approach over the other.

In summary, both options have their advantages, and the "better" choice depends on your goals and circumstances. If you have the time and inclination to learn, creating your own website can offer a unique and fully customized solution. On the other hand, website maker platforms provide a quick and accessible way to establish an online presence.

How will AI fit into the illustration world in the future given how despite lots of people being against using AI generated images they still are utilized in contexts in which a human artist could create more fitting work?

ChatGPT: The integration of AI into the illustration world is likely to have a significant impact in various ways, despite some resistance. Here are several ways in which AI may fit into the future of illustration:

  • Automated Assistance:
    • Augmented Creativity: AI tools can assist artists by generating ideas, suggesting color palettes, or providing design recommendations. This can enhance the creative process rather than replace it.
  • Generative Art:
    • Collaborative Creation: Artists may collaborate with AI algorithms to create generative art. The combination of human creativity and AI algorithms can result in unique and innovative pieces.
  • Time Efficiency:
    • Faster Production: AI can speed up certain aspects of the illustration process, such as generating background elements, repetitive patterns, or assisting in complex tasks, allowing artists to focus more on the creative aspects.
  • Customization and Personalization:
    • Tailored Artwork: AI can analyze user preferences and create personalized illustrations, providing a more tailored experience for individuals.
  • Enhanced Tools:
    • Smart Brushes and Filters: AI-powered brushes and filters can provide artists with advanced tools, allowing for more intricate details, realistic textures, and dynamic effects.
  • Storyboard and Concept Art:
    • Storyboard Generation: AI can assist in generating storyboards or concept art based on textual descriptions, enabling quick visualization of ideas.
  • Accessibility:
    • Enabling Non-Artists: AI tools can make illustration more accessible to individuals who may not have traditional artistic skills, allowing them to create visually appealing content.
  • Adaptive Style Transfer:
    • Style Adaptation: AI algorithms can transfer artistic styles from one image to another, providing artists with new ways to experiment with and adapt various visual styles.

Despite these potential benefits, there are ethical considerations and concerns surrounding the use of AI in the creative process. Some challenges include ensuring proper credit for human artists, addressing issues of bias in algorithms, and maintaining the authenticity and emotional depth that human-created art often possesses.

While AI-generated images are being utilized, the consensus in the artistic community will likely be a balance between embracing AI tools as aids to creativity and preserving the unique and irreplaceable aspects of human expression in art. As technology continues to evolve, artists and the industry will need to navigate these considerations to ensure a harmonious integration of AI into the illustration world.

How different is HTML and CSS is from python coding?

ChatGPT: HTML, CSS, and Python serve different purposes in the realm of programming and web development. Here's a brief overview of their differences:

HTML (HyperText Markup Language)CSS (Cascading Style Sheets)Python
Purpose: HTML is primarily used for creating the structure and content of web pages. It defines the elements on a webpage, such as headings, paragraphs, images, links, and more. Purpose: CSS is used for styling and presentation on the web. It allows you to control the layout, appearance, and design of HTML elements. With CSS, you can define colors, fonts, spacing, and positioning of elements. Purpose: Python is a general-purpose programming language used for a wide range of applications, including web development, data analysis, artificial intelligence, and more.
Syntax: HTML uses a markup language composed of tags. Tags are enclosed in angle brackets, and they provide instructions on how content should be displayed on a webpage. Syntax: CSS uses selectors to target HTML elements and apply styles. Styles are defined in rule sets with properties and values. Syntax: Python uses a clean and readable syntax. It is designed to be easy to understand and write. Python code is organized into blocks using indentation.

Key Differences:

  • Nature of Code:
    • HTML and CSS are markup and styling languages, respectively, specifically designed for web development.
    • Python is a general-purpose programming language with a broader range of applications beyond web development.
  • Use Cases:
    • HTML and CSS are essential for creating the structure and design of web pages.
    • Python is used for server-side web development, scripting, automation, data analysis, machine learning, and more.
  • Syntax:
    • HTML and CSS use tag-based syntax for marking up content and styling elements on a webpage.
    • Python uses a more traditional programming syntax with indentation for code blocks.

Thank you for your in-depth answers, I have no further questions at this time.

ChatGPT: You're welcome! If you ever have more questions in the future, feel free to reach out. Happy learning, and best of luck with your illustration and web design endeavors!