Sunday, November 27, 2016

Branding, Websites, and basic video editing.

Branding and creating logos. 
Your logo is a visual representation of everything you (and your company) stands for. Think of McDonald's golden arches or the Nike swoosh-these two impressive logos embody these companies well.
There are basically three kinds of logos. Font-based logos consist primarily of a type treatment. The logos of IBM, Microsoft and Sony, for instance, use type treatments with a twist that makes them distinctive. Then there are symbol-type logos that literally illustrate what a company does, such as when a house-painting company uses an illustration of a brush in its logo. And finally, there are abstract graphic symbols-such as Nike's swoosh-that become linked to a company's brand.

This week we will be creating logos for ourselves and using adobe Muse to create a "mock" website of our artwork.  You are welcome to buy a domaine name and publish the site as well, but it is not required.  You will be able to publish your site temporarily for thirty days.   Here is a link that better describes Publishing sites with Adobe Muse.

When you leave college and start using Adobe CC on a regular basis, you will gain free hosting for up to five sites with your subscription.  You may also take advantage of using the Behance network to post images, video and get feedback from peers and other professionals worldwide.  

If you want to design and create professional, original websites without ever touching code, Adobe Muse CC is one of the best programs to use.  
With Muse, you can quickly and easily design and create user-friendly, interactive websites without the help of a developer. Design your site in Muse using the same skills as Adobe InDesign and Adobe Photoshop. Then, after creating your site in Muse, you can take your site live using Adobe hosting or export to a provider of your choice, publishing your site as original HTML pages that conform to the latest web standards.

A. Top of Page: Defines padding above the page and is the same as the Padding Top setting in the page properties.
B. Header: Delineates the bottom of the header area. Items inserted on a master page above the header guide appear at the top of the page and are locked (cannot be selected or edited) on the pages of the site.
C. Margin guides: Define a safe area of the page in which to lay out page content. Objects snap to the margin guides as you lay out your page. Margins, columns, and gutters in Muse are similar to margins and columns you use when designing layouts in Adobe InDesign.
D. Column guides: Divide the page area into columns of content.
E. Gutters: Specify the distance between columns.
F. Page area: Indicates where you can add the unique content for each page.
G. Footer: Delineates the top of the footer area. Items below the footer guide appear at the bottom of the page. Elements associated with the footer stay at the bottom of the page below the Footer guide regardless of content height, and elements placed in the footer on a master page are locked (cannot be selected or edited) on the pages of the site.
H. Bottom of Page: Defines the minimum page height. This is the same as the Min Height setting in the page properties. You set the minimum height in an earlier step when you edited the master page properties. This guide is a visual way to edit that value.
I. Bottom of Browser: Defines padding below the page and is the same as the Padding Bottom setting in the page properties.
Here is an overview tutorial from Adobe expert Terry White you can refer back to if you forget anything we have gone over in class.  We will play with some of these features as we go along.  Place your images and logo assets in a folder on your desktop, as you will need them to create your site. 

In Class Assignment:

Come up with 5 logos for your "brand" or art business.   Your logo could be more of a personal brand.  See example logos below.   You may create these in Illustrator (ideally), Photoshop, or any other way in which the file can be saved and applied to your website--png, psd, jpeg. 

Here are some more well recognized logos.  What makes them successful, not successful?  What attributes would you like to incorporate in your own logo?   Use a sketchbook (if necessary) to jot down some ideas, make thumbnail sketches and really think out your ideas visually.

After you create your logos, we will pick one for your site.   

Examples of well-recognized logos:  Let's take a moment to ponder what the logos are suggesting.

Examples of Student work from previous semesters


Please follow the guidelines below:

Design and personalize your own website, using your logo as a symbol on your site.  your site should be a total of (minimum) four pages.   Home, About, Gallery, Contact.  

1. On your Gallery page, you should place images of all work you have done this semester.    You could also place images of work you have done in other classes: 2D design, Color Foundations, Drawings, photographs. 
Customize the site to your liking and to show off what you do.   

2. You will also place an image and the bio  we wrote during InDesign into the About page.   On the Contact page, use one of the widgets, and link the address to 1930 Poplar, Memphis, 38104. 

On one of the pages, create a Facebook or Twitter photoshop button that will link to another site.


No comments:

Post a Comment