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

Creative Challenge 35

Good morning or afternoon,

I was reading some interviews in the book Caffeine for the Creative Mind. One interview features Brian Sack, one of the authors in the book. Brian is also the creator of a self-published website called thebanterist.com, which is fantastic and filled with photos accompanied by creative and witty captions that help spark inspiration. You should definitely check it out!

There's another fun creative challenge I found in the book, called "I'll take that double raptor meal deal, please." This challenge invites you to come up with a meal deal (similar to McDonald's Happy Meals) for kids from five different eras. The task is to imagine what a meal deal would consist of and what toy would accompany it from medieval times, biblical times, prehistoric times, the year 3000, and the Old West. I racked my brain trying to think like a kid from each era, considering what was popular and available during those times. Here’s what I came up with:

1) Medieval Times: A turkey leg with bread bites and a little knight action figure. 

2) Biblical Times: Fish and dried fruit with a toy flute.

3) Prehistoric Times: A lizard on a stick with dried fruit and a stone slate with charcoal for drawing.

4) The Year 3000: A virtual space burger with lunar Pop Rocks and a hovering toy car that really flies.

5) The Old West: Bacon and beans with cornbread and syrup, along with a toy gun and a sheriff star. 

I hope you find these ideas as fun as I did!

InDesign week 2 tutorials

Good Afternoon,

For this first tutorial, I decided to try using placeholder text, which turned out to be much simpler than I expected. I must admit that I had a bit of an advantage since I already know how to do this, but extra practice is always beneficial, right? I simply created two text frames, right-clicked to add placeholder text, and voilà!

In the second tutorial, I learned how to change the size of a document page. I did this by selecting File > Document Setup and adjusting the width and height to my desired measurements. I also discovered how to use the Adjust Layout button to ensure everything on the page is aligned correctly. This was a new skill for me, as I hadn’t learned this previously. Yay for learning!