Learning About Design 15

Good evening, design friends!

I wanted to discuss something that is incredibly important for designer; something I thought I understood until recently, but discovered I didn't. That is the difference between copyrights, patents, and trademarks. I found myself needing answers to this question in my personal life while helping a friend create a logo for the clothing brand he's trying to start. We made a mistake by going through a third party, so let me begin by saying that if you want to trademark something, you should go directly to https://www.uspto.gov/trademarks/apply, the website for the United States Patent and Trademark Office.

It's equally important for designers to have a solid understanding of the type of protection they need based on their goals, as well as how to legally protect their work and establish brand identity or create revenue.

So, to summarize:

1. Copyright

  What it protects: Original creative works such as:

     - Artwork

     - Graphic designs

     - Illustrations

     - Photography

     - Music

     - Written content (e.g., books, poems)

   Duration:Usually lasts for the lifetime of the creator plus 70 years (in most countries).

   Why it matters to a designer: It protects your creative expression. If you create a logo, digital

 illustration, or layout design, others cannot copy or distribute it without permission.

2. Patent

   What it protects:New, inventive processes, machines, or products. This focuses on how something works or is made.

   Duration:Typically lasts for 20 years from the filing date.

Why it matters to a designer:While less common for typical graphic or fashion designers, patents are crucial if you’re designing a product with a unique function, such as:

     - An ergonomic chair

     - A foldable packaging solution

     - A new tool or device

   - This ensures that no one can use your invention without permission.

3. Trademark

   What it protects:Brand identity elements such as:

     - Names

     - Logos

     - Slogans

     - Taglines

     - Distinctive packaging (also called "trade dress")

   Duration:Can last indefinitely as long as it’s in use and renewed.

   Why it matters to a designer: If you’re creating branding, trademarks protect the distinctiveness of that brand. A unique logo or product packaging should be trademarked to prevent others from confusingly imitating it.

Why This Is Important for Designers

- Understanding these rights protects your work from being stolen or misused.

- You can license your work and earn from it legally.

- Clients may ask for advice on protecting logos or product designs you’ll be more valuable if you understand intellectual property (IP).

- It helps you avoid unintentionally infringing on someone else’s protected work, which can be a costly mistake.

Why are copyrights important?

Copyrights play a super important role for designers for a swarm of creative and professional reasons. 

For example:

1. Protecting the designer's work

Copyright safeguards your unique design. Whether it's logos, illustrations, layouts, or product concepts. Copyright ensures that others can't legally copy, share, or use them without your approval. It grants you legal ownership of your creative work.

2. Money in your pocket

With copyright, you can license your creations to others or sell the rights outright. This opens up opportunities for ongoing income through royalties or usage fees. Without copyright, you lose a legal basis to earn money from your work when it’s used by others.

3. The designer gets their due credit for their hard work.  

Copyright ensures that credit goes where it’s due. When your designs are protected, it becomes easier to show your authorship and receive acknowledgment for your work. This is important for establishing a concrete reputation and enhancing your portfolio.

4. The designer is in control

You have the power to decide how your creations are used. Whether for commercial gain, personal projects, or modified versions. Without copyright, others might change your work or use it in ways that conflict with your brand ideals or ethical values.

5. Legally  

If someone infringes on your work or plagiarizes your ideas, copyright gives you the right to take legal action. It acts as your defense against idea theft and improper use.

6. Empowering  

Knowing that your work is protected can empower you to take creative risks. When you're confident that others can't easily take your designs and pass them off as their own, you're more likely to put time and energy into your designs.

learning about design 14

In this class, we are learning about HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). Initially, I thought what we were doing in class was simply coding, and I had no idea what the difference was between the two.

What I have learned is that HTML serves as the framework of a website; it tells the browser what content is on the page.

 For example:

html

<h1>Hello World</h1>

<p>This is a paragraph.</p>

<img src="image.webp" alt="A nice image">

HTML doesn't style or make things interactive; it just describes what’s there. 

On the other hand, CSS (Cascading Style Sheets) is used to style the HTML. It decorates the content and controls aspects such as colors, fonts, spacing, and layout. 

For example:

css

h1 {

  color: darkblue;

  font-size: 32px;

  text-align: center;

}

CSS works with HTML to enhance the visual appearance of a site, but it does not add behavior or logic; it focuses solely on styling.

Finally, coding or programming languages like JavaScript and Python add logic and interactivity to web pages. In the context of web development, JavaScript is used to make things move, respond, calculate, and change Basically it adds behavior. For example, with JavaScript, you can create a button that triggers an action:

javascript

document.querySelector("button").addEventListener("click", function() {

  alert("You clicked the button!");

});

JavaScript makes your site dynamic by handling forms, sliders, popups, animations, and more. Unlike HTML and CSS, it is an actual programming language that includes logic, variables, conditions, and other programming concepts.

Creative Challenge 36

Good morning,

I found a creative challenge in the book "Caffeine For The Creative Mind: 250 Exercises to Wake Up Your Brain." I also came across various versions of it online. The challenge encourages you to think of compound words, like "moon child" and "sunflower," and replace one of the words with a different word. 

 

After brainstorming some compound words to  illustrate, I decided to go with "toothbrush" and replace "tooth" with "foot." I found an image of a foot and a paintbrush and decided to revisit Photoshop since it’s been a while since I used it. I'm hoping to get some more practice.

While blending the two objects, I tried to eliminate the seam by creating a mask and using a soft round brush to blend. I've done this successfully many times before, but this time it didn't seem to work. I'm unsure what I did wrong; I even attempted dodging, burning, and using gradients. I guess it's time to play around with Photoshop a bit more. I'm not as skilled with it as I would like to be, but I love the endless possibilities it offers.

Anyway, here’s my attempt. Do you have any suggestions?

 

5 tips for what makes an effective web page

1) Keep your homepage minimalistic and free of clutter

Your website’s homepage should quickly convey your main message. Since we often skim rather than read, it's important to prompt emotions rather than word count.

The easier it is for visitors to process content, the better they can evaluate it. Designing for shorter attention spans with a modern look increases the chances of user engagement.

To create an inviting homepage, follow these tips:

Keep key content above the fold: Visitors should understand your site’s purpose instantly without scrolling.

Space out your content: Use whitespace to create balance and write in concise paragraphs.

Add visuals: High quality images and icons can effectively communicate your message.

*Include a call-to-action: Encourage actions like purchases or sign-ups with a prominent CTA button on the homepage.

2) Design with visual hierarchy in mind

Hierarchy is a key design principle that helps present content clearly and effectively. By using hierarchy correctly, you can guide visitors’ attention to important elements in order of importance.

The main aspects of visual hierarchy are:

• Size and weight: Make crucial elements like your business name and logo larger and more noticeable, as people usually focus on bold titles first before smaller text.

• Element placement: Choose a layout that directs visitors' attention effectively, such as placing a call-to-action button at the center or positioning your logo at the top.

• Establishing a clear hierarchy allows readers to follow the intended path effortlessly. Enhance with color, contrast, and spacing while considering symmetry versus asymmetry. Utilizing slideshows can also boost impact.

• Powerful design elements, such as strips or grid layouts like the Wix Pro Gallery, can help strengthen your visual hierarchy. For more inspiration, check out our designer-made website templates or learn how to make a site irresistible.

3) Create easy to read website content

“Readability” refers to how easily people can recognize words, sentences, and phrases. High readability allows users to scan or skim content effortlessly.

Improving website readability is straightforward; keep these guidelines in mind:

• Contrast matters: Ensure sufficient contrast between your text and background colors for readability and accessibility. Use tools like Contrast Checker to check this.

• Font size: Most users struggle with small fonts, so aim for at least 16pt for body text. This can vary based on your chosen fonts.

• Font types: There are various font options available. Serif fonts have small lines at the ends of letters (like Times New Roman), while sans serif fonts do not. Sans serif fonts are typically better for lengthy online text. You can mix styles but avoid excessive decorative fonts to maintain clarity.

• Limit fonts: Use no more than three different typefaces on your website. Too many fonts can make it look cluttered and distract from your brand.

• Text themes: Establish a clear hierarchy by varying text sizes and weights. From large titles to smaller subheadings and body text. This helps guide readers’ attention effectively.

4) Ensure your site is easy to navigate

It might be in your nature to defy convention, but website navigation should be straightforward. You want users to easily find what they need. Effective navigation also helps align your design with SEO, improving both search engine indexing and user experience:

• Link your logo to the homepage: This common practice meets visitor expectations and saves clicks. If you don't have one, consider creating a logo for your branding.  

• Pay attention to your menu: Whether you opt for a horizontal layout or a hamburger menu, ensure it’s visible and organized by section importance.

• Provide vertical navigation: For long scrolling sites, use an anchor menu to let users quickly jump between sections. A ‘Back to Top’ button is another helpful option.  

• Enhance your footer: Your footer is often the last thing users see, so include essential links like contact info, social media icons, and a shortened menu for convenience.
• 
  

5) Stay mobile friendly

Every visitor to your site should have a great experience with your professional website, regardless of the device they use. When you build a website using Wix, a mobile friendly version is automatically generated, allowing you to stay aligned with the growing mobile centric world.

Review the mobile version of your site as if you were the user, and thoroughly test each page, action, and button.

Your mobile site should appear more streamlined and less overcrowded compared to the desktop version, so think about reducing page elements and resizing certain assets, such as the menu. Additionally, there are specific mobile features you can leverage to enhance your mobile design

I found these helpful tips on

https://www.wix.com/blog/5-design-tips-for-a-professional-site?utm_source=google&utm_medium=cpc&utm_campaign=21334177635^168715662411^search%20-%20dsa&experiment_id=^^701024146022^&gad_source=1&gbraid=0AAAAADwEfwWYG5HQ9x5GAKguibHh6RZrX&gclid=CjwKCAjwwe2_BhBEEiwAM1I7sUdjzluaMg9jyhSA4spnUfHKm6ZXS5WtpktEHHOCXW2bzUO96qmeUBoC1lYQAvD_BwE

learning about design 13

Good afternoon,

I've been thinking a lot about design lately, particularly the concept of color theory. I believe it's crucial to have a solid understanding of it if you plan on being a serious designer. While I have a basic working knowledge of the color wheel, including RGB and CMYK, as well as the differences between complementary colors (which are opposite each other), analogous colors (which are next to each other), and triadic colors (which are evenly spaced), I feel the need to dive deeper and learn more.

Last night, I stayed up late researching color theory, how people perceive color, and how it can evoke emotions or help create visual hierarchy. I wanted to understand why certain colors work better than others. I found a website that I thoroughly enjoyed, and it really brought everything together for me that I needed.(**See Bottom of the page for the link )

This i felt was really cool. Did you know complementary colors pair well due to scientific and psychological factors? Scientifically, they create a striking contrast that captures attention since they are opposites on the color wheel, stimulating different cone cells in our eyes and producing a pleasing visual effect. Psychologically, these colors enhance each other when placed together, evoking vibrant feelings and emotional responses.

Marketers and designers leverage this knowledge to create visuals that grab attention and convey specific emotions more effectively. As a result, logos designed with complementary colors are often more memorable.

Examples of Complementary Color Combinations

Artists, designers, and fashion lovers have long used colors opposite each other on the color wheel for greater appeal and emotion.

Mint and Peach  

This trendy combination creates a romantic and fresh atmosphere, making it popular in event design like weddings and appealing for branding aimed at younger audiences.

Navy and Mustard

These colors create a bold and elegant duo, lending sophistication to both fashion and interior design. This pairing exudes originality and confidence.

Complementary colors have significant design power, generating impressive visual effects. Here’s how to use them effectively:

Creating Depth with Shadows and Gradients  

Adding shadows or gradients in complementary colors enhances visual appeal and creates depth, making designs appear three-dimensional and vibrant.

Capturing Attention

Complementary colors are excellent for directing focus due to their high contrast. They are commonly used in branding, as they help messages stand out and are easier to remember.

Establishing Visual Hierarchy

Using complementary colors can establish a strong visual hierarchy, effectively guiding attention to key elements without allowing secondary information to overwhelm the main message.

A lot of this information i already knew but there was quite a bit i found helpful and really interesting!

** https://www.tsingapore.com/article/what-complementary-colors-are-a-beginners-guide-to-color-harmony/?gad_source=1&gbraid=0AAAAA9g6QXdRXh6I_5htZBWwiQUXt1WRR&gclid=Cj0KCQjwnui_BhDlARIsAEo9GusNZkXj117GM5UcCDkn8UHareI3DMC4z3c15HgoGaf0NupuoH0SgYcaAjD6EALw_wcB#google_vignette