Week 12 Summary

Posted: November 16, 2012 in Art 170 Thoughts & Reviews

One of the two lectures for week 12 was titled “Designing for Search Engines.” This lecture covers search engines and traffic on the web. Search engines are one of the primary ways users find web sites. Good search engines increase website traffic. The traffic on a website is the amount of visitors that reach a site at any given point. Traffic in sites drive search engine rankings for many sites.  However, many web sites appear poorly in search engine rankings simply because they fail to consider how search engines work. For those who do no know, a search engine is often used generically to describe both crawler-based search engines and human-powered directories. An example of a crawler-based search engine is Google.com and an example of a human-powered directory is open directory (dmoz.org). When designing a search engine for a specific subject or topic be sure to use keywords, words that may eventually be searched by a potential user.

In the article Website Hosting and Domain Names, it discusses reserving your own domain name. It is very important that after your domain has been reserved, you will need to secure the hosting for your website. Some recommended website hosts are Blue Host, Chrystal Tech, GoDaddy, and Network Solutions.  In a “Shared” Hosting experience be sure to check that tech support, analytic  servers, programming, email accounts, and limits on tech support are checked for.  Ask yourself will be the tech support be via email, via phone, or both. Are there any limits on the tech support? Will the servers be Linux or PC? What kind of programming is allowed? Hoe many email accounts will there be and are the web mail and outlook compatible? Will the analytic offer information on traffic, visitors, pages, etc?

Advertisements

Week 11 Summary

Posted: November 15, 2012 in Art 170 Thoughts & Reviews

For week 11, we were given 2 articles to read, Resources for Comping and Low-cost or No-cost Images. https://angel.aacc.edu/section/default.asp?id=ART1708752012FA

There are four design resources to use when developing a design comp. The social icons font is a free font that will allow you to create social icons for a design. Free icons are used depending on what you may be trying to accomplish. You may want to use subtle icons to indicate key areas of the page. The designers toolbox provides common interface graphics and browser icons that can be downloaded and incorporate into comps. FontShop and Extensis are web fonts that are used in Photoshop.

As stated in the Low-cost or No-cost Images  article, if you are not working with a client who has a large budget for stock photography, there are two options that may be used; Micro Stock Sites and Creative Commons Licensing.

Micro Stock photography is an offshoot of the original stock photography industry  Depending on the site Micro sites will buy/sell images almost exclusively online and accept images from a range of photographers. Images may sell for a low as $.20 or as high as $10 per image. Popular Micro Stock Sites are as followed; iStockPhotos.com, Dreamstime.com, Bigstock.com, Shutterstock.com, and stock.xchng.

The Creative Commons License was founded in 2001 with the support of the Center for the Public Domain. Creative Commons is a non-profit organization lead by a Board of Directors that develops, supports, and stewards legal and technical infrastructure that maximizes digital creativity, sharing, and innovation. Creative Commons License was created as the online community sites and social media developed. Some popular sites that offer Creative Commons licensed content are Flickr.com.creativecommons, fotopedia.com, and creativecommons.org.

Week 10 Summary

Posted: November 4, 2012 in Art 170 Thoughts & Reviews

This weeks assignment consisted of reading the articles, A Dao of Web Design (http://www.alistapart.com/articles/dao/), Planning And Implementing Website Navigation (http://www.smashingmagazine.com/2011/06/06/planning-and-implementing-website-navigation/#more-96551), and Ultimate Guide to Website Wireframing (http://sixrevisions.com/user-interface/website-wireframing/).In the article, A Dao of Web Design, it is noted that Daoism is a philosophy, like Buddhism, a way of living.When you are controlling web pages, you will notice that many words or phrases are being repeated. The most repeated phrase will be  “how do I?” How do I make my site more appealing? How do I control the users browser? These kinds of questions will replay in your mind over and over again because you want to make sure your site is top of the line. In the article, Planning And Implementing Website Navigation, Kayla Knight states that navigation can either be simple or be complex. Designing navigation is an art in itself, and designers become better at it with experience. Websites with a lot of content or functionality require a navigation menu. As a website grows in complexity, guiding users to that content and functionality shouldn’t be the job of any one menu. All websites must  have at least two main menus: primary and secondary. A primary navigation menu stands for the content that most users are interested in. A secondary navigation menu is for content that is of secondary interest to the user. Any content that does not serve the primary goal of the website but that users might still want would go here. The article Ultimate Guide to Website Wireframing, asks the question of ” Why you should wireframe your web designs?”  Unless the site you’re designing is incredibly minimal and simple, wireframing helps clarify exactly what needs to be on the different page types of your website. Wireframing is really the first step in the design process. Taking the time to create at least a simple wireframe, you can make sure that your designs will take into account all the different page elements that need to go into the design, and that they’re positioned in the best possible way

Week 9 Summary

Posted: October 29, 2012 in Art 170 Thoughts & Reviews

This weeks lesson consists of learning about web fonts, grid design and the principles of interaction design. When it comes to web fonts you must make that the font is easy to read and that it is a “good” font. What classifies as a good font? A good web font must be legible. According to the article on http://www.goodwebfonts.com/legibility_twd.pdf  reading text type  (12-16 px) is easier if the font has a generous x-height, open apertures, prominent ascenders and descenders, slightly loose letter spacing, and discernible terminals. Though Helvetica is cleaner and simpler than Georgia, Georgia is easier to read. Grid systems bring visual structure and balance to site design.

Week 8 Summary

Posted: October 19, 2012 in Art 170 Thoughts & Reviews

Each week I improve on making my banner. The only problem I am having is when it comes to animation. Other than that I think I am doing a great job and could still improve on my graphics. For our reading this week we read the article ” 10 Worst Web Site Uses of Navigation for 2010.” These sites indeed were terrible but, I think the worst website to me is number 5, George’s Township Civil Defense EMS & Fayette_County_Ambulance_Service Fayette-EMS 306, simply because the red writing on the site interferes with the pictures and background of the site making it hard to read. It is very important that the text on websites are legible and easy to read because to me that is the first aspect that would appeal to me. If I am not able to read the information on the site that would automatically make me exit the site. We also read and learned about stock photography. Stock photography consists of existing photographs that can be licensed for specific uses. Images are filed at an agency that negotiates licensing fees on the photographer’s behalf. Most stock images are available online, and are easily browsed in huge databases. There are two primary flavors that stock photography are associated with, rights managed and royalty free. Rights managed is an individual licensing agreement negotiated for each use, with an option for exclusivity in an industry or for a period of time; price dependent on use and is often a more expensive option. Royalty free is a flavor that offers the ability to use an image in an unlimited number of ways for a single license fee, with no exclusivity; much cheaper option. This does not mean the image is FREE – it simply means there are no royalties attached. The user pays once to use the image in many ways. Most sites offer low-resolution versions of images called comps. Comps is an abbreviation for comprehensives. Comps are normally used in rough sketches or designs to show a client how a final piece may appear. Though there are several photography stock houses that offer individual licensing as well as cd’s of professional images, the main sites are www.gettyimages.com,www.comstock.com,www.fotosearch.com, and pro.corbis.com

 

Week 7 Summary

Posted: October 14, 2012 in Art 170 Thoughts & Reviews

During this weeks lesson I have definitely improved on my skills with using Adobe Fireworks. Each week my banner has had great improvement though it still could use a lot more work to make it look a little more professional. When using GIF animation there are several programs that may be used including Adobe Photoshop and Adobe Fireworks. I also learned that logos should not be the dominate focus of a GIF animation, unless branding is the focus.The two most familiar web animation technologies are GIF and SWF. GIF is screen by screen animated raster images. Gif animations are low-bandwidth, low-tech ways to create animations which is also a simple format and well known standard. GIF is also popular because no additional software installation is required. SWF is animated vector animation with true interactive capabilities that is a compiled file resulting from Adobe Flash’s authoring environment. SWF is a flash animation. Flash is a rich-media application and animation file format that creates Vector images. According to the Designing Websites power point  a website should  entice, attract, and engage users. It should also encourage the user(s) to visit more than once. Images should be engaging and relevant to the user. In chapter 1 of our textbook, it discusses how the design process of a website long with the technical details of developing, hosting, and maintaining a website or application can be. However, the design process can be cut down to discovery, exploration, and implementation. the discovery part of the design process is all about meeting the clients and learning what they do.  For instance, you may ask, what does your company do?, What is your role in the company? The exploration process is to take the information you have learned and analyze, dissect  and experiment with the results. When implementing you are focusing on the design.

(https://angel.aacc.edu/section/content/default.aspWCI=pgDisplay&WCU=CRSCNT&preview=0&ENTRY_ID=1D57251047B649109BFE79B65EC425A4&LinkedFromEntryId=0E8D8D6544314D51AA05FE221EBEB2D7)

https://angel.aacc.edu/section/content/default.asp?WCI=pgDisplay&WCU=CRSCNT&preview=0&ENTRY_ID=59C6666670A747AFAE13E7F33B11D99F&LinkedFromEntryId=20732BA1FCA64331B5FDB7AC812A2AA7

Week 6 Summary

Posted: October 6, 2012 in Art 170 Thoughts & Reviews

This weeks lesson has taught me that I need a lot of improvement when it comes to making banners. I have a general idea of how to create them in Fireworks, but I could still use a lot of work to make my banners look very professional and appealing. Creating a banner is not very hard to do, but for someone who is not very advanced in the web design world, and is a criminal justice major it can be quite frustrating to deal with.