Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged webdesign

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Alex Portela

D#3 HW#1.1 Contrast - Basic Principles of Design - 0 views

webdesign.about.com/...aacontrast.htm

contrast Chapter 3

shared by Alex Portela on 08 Jun 11 - No Cached
    • Alex Portela
      Alex Portela on 26 Jan 12
       
      In the text book Basics of Design page 44 it specifically gives examples of contrasting with letters. Figure 3-6 uses thin lines for the work "thin" and a wider font for the word "wide". This website specifically gives an explanation of the text word uses.
  • contrast can work with any design element
  • Contrast in design is an accentuation of the differences between elements in a design
  • ...1 more annotation...
  • Change the fonts. The font size, font weight, or font family can all provide contrast to your text. Headlines provide a lot of contrast to surrounding text. Links provide great contrast in text. The color change and the addition of an underline work well to contrast from the surrounding text. Use different sized images and elements. If you have a section of text that is the primary focus of a page, you might make it large and all the
  • toni tassell on 08 Jun 11
     
    Good basic information on Contrast. Define's how to use it color, font size in headlines
  • ...2 more comments...
  • Diana Inzunza on 04 Sep 11
     
    Contrast - Basic Principles of Design
  • Damaris Bravo on 07 Sep 11
     
    I like this article because it gives the general information about contrast for beginners like me. It is easy to read and the use of bullet points makes it easy to follow. This article is really useful because it relates to web design specifically rather than just design/art. 
  • Esther Gray on 24 Jan 12
     
    This website explains the importance of using contrast beyond just color contrast. Using font, layout shapes, images etc one can use contrast without using only color
  • Anastacia Albinda on 25 Jan 12
     
    A helpful site giving information and resources for contrast principles in design. A very nice guide. : )
Paul Angichiodo

Fully Understanding Contrast in Design | Webdesigner Depot - 1 views

www.webdesignerdepot.com/...derstanding-contrast-in-design

shared by Paul Angichiodo on 08 Jun 11 - No Cached
    • Alex Portela
      Alex Portela on 26 Jan 12
       
      The book describes on page 56 that there are a variety of contrast techniques. Color is a noticeable contrast but we learn that this is only part of many methods. This site gives a variety of different techniques like color, size, shape, and position.
  • toni tassell on 08 Jun 11
     
    Great examples!
  • ...3 more comments...
  • Alex Knab on 30 Aug 11
     
    This was my favorite page found on my search for content related to chapter three of basics of design. This site gives a great outline of what the design principle contrast is and how to properly use it in page design. It describes and shows examples of positional, shape, color, and size contrast. This was a wonderful site that supported and reinforced examples right out of the book. I really loved the great and creative sites that it had in it's examples and I felt inspired to aim for design of that quality.
  • gabrielle begay on 25 Jan 12
     
    Summary: Contrast is usually kept simple, like color for the beginners but there are other elements to consider when it comes to contrast in any design. The first thing that most of learn in color contrast and the obvious of color is the white and black which is okay but there are other ways to use color to grab attention as the examples under color with explain. Next to color that grabs attention is size, the bigger the better as the writer explains because it shows that something is important and will draw the read to read the rest. Then we have shape contrast which gives a different feel to make other things notable cause no one likes to see a plain and boring design. Finally there is positional contrast that makes hierarchy standout by using different alignments. I found this website to the be the best because it touch on everything in the reading and gave examples to show what is meant on each topic. 
  • Paul Angichiodo on 26 Jan 12
     
    Here is an article from the Webdesigners Depot. It explains various types of contrast (color, shape, size, etc.) and gives real life examples from various webpages across the internet.
  • Shannon Ridgeway on 30 Jan 12
     
    Comprehensive coverage of contrast, even talks about "shape contrast"
  • Paul Angichiodo on 25 Feb 12
     
    Here is an article from the Webdesigners Depot. It explains various types of contrast (color, shape, size, etc.) and gives real life examples from various webpages across the internet.
Alex Portela

D#7 HW# 1.1: Design Principles - Design Principles for Websites - Elements of Web Design - 0 views

webdesign.about.com/...Principles_of_Web_Design.htm

design principles flow

shared by Alex Portela on 22 Feb 12 - No Cached
    • Alex Portela
      Alex Portela on 22 Feb 12
       
      Chapter 7 refers to flow as either a visual and/or verbal path movement of how the eyes flow across a design. This site refers to a link for more detail: http://webdesign.about.com/od/webdesignbasics/ss/flow-in-design.htm
Paul Angichiodo

25 Examples of Emphasis Applied in Web Design | Codrops - 0 views

tympanus.net/...emphasis-applied-in-web-design

shared by Paul Angichiodo on 19 Jan 12 - No Cached
  • Micheal O'Neil on 19 Jan 12
     
    This website gives us 25 cool ways to put emphasis in our blogs. It also leads you to a link where Patrick (author) wrote an article on developing emphasis in web design.
  • Paul Angichiodo on 26 Feb 12
     
    Here is an article on emphasis used in webdesign. It has 25 different examples of emphasis used in various webpages and it explains how it is used in each example as well. If you are into web design its a pretty interesting article.
Diana Inzunza

Balance - Basic Principles of Design - 0 views

webdesign.about.com/...aabalance.htm

shared by Diana Inzunza on 09 Jun 11 - Cached
  • Balance is a visual interpretation of gravity in the design. Large, dense elements appear to be heavier while smaller elements appear to be lighter.
    • Delaney Hensley
      Delaney Hensley on 09 Jun 11
       
      This is explained in chapter four as the wieght of elements. Which is the main focus of balance.
  • Most Web pages are built on a grid system, and this creates a form of balance for the page right away.
    • Delaney Hensley
      Delaney Hensley on 09 Jun 11
       
      A grid is a good way to arrange parts of a whole in an equal way.
  • Centering is the easiest way to get a symmetrically balanced page.
    • Delaney Hensley
      Delaney Hensley on 09 Jun 11
       
      Centering the main focal point is important
  • ...2 more annotations...
  • To balance it asymmetrically, you might have a small element farther away from the centerline. If you think of your design as being on a teeter-totter or seesaw, a lighter element can balance a heavier one by being further away from the center of gravity.
    • Delaney Hensley
      Delaney Hensley on 09 Jun 11
       
      Light and dark are good ways to balance a page aswell as making things look closer or further. but mostly in art.
  • If the content of your design is also intended to be uncomfortable or make people think, a discordantly balanced design can work well.
    • Delaney Hensley
      Delaney Hensley on 09 Jun 11
       
      making something complicated and still balanced is pretty good effect depending on what you are trying to express.
gabrielle begay

A Crash Course in Typography: The Basics of Type - Noupe - 0 views

www.noupe.com/...graphy-the-basics-of-type.html

typeface serif typography design fonts webdesign sansserif

shared by gabrielle begay on 13 Mar 12 - No Cached
  • gabrielle begay on 13 Mar 12
     
    The anatomy of typeface has many different areas to it that include alignment, type, mood, size, weight and style, and how text is described when put on a line. All these things were covered in the chapter 10 and 11 reading for the week. 
Jordin Mitton

Web Design - 2 views

www.webdesign.org

shared by Jordin Mitton on 12 Jan 12 - Cached
  • Jordin Mitton on 17 Jan 12
     
    This is a library for web designers to go too if they ever have any questions, or need some guidance on what they're doing. It has tutorials for just about all of the topics. I will definitly use this web site if I ever am designing a web page.
Leslie Lopez

Deadline #2. HW #2. Emphasis - Basic Principles of Design - 0 views

webdesign.about.com/...aaemphasis.htm

shared by Leslie Lopez on 19 Jan 12 - Cached
    • Alex Portela
      Alex Portela on 19 Jan 12
       
      This is another website example of how emphasis on a focal point can be crucial. One statement here is that some designers will try to highlight everything in one visual. This will cause it to look too busy and may lose interest.
  • Leslie Lopez on 19 Jan 12
     
    This website provides a definition of emphasis as well as describes the importance of using emphasis in your design. It makes a good point by saying that if everything is equally emphasized then the design can look too busy. I like that the author of the webpage gives tips on how to include emphasis in designs.
Matthew Aber

D#1,HW#13.3 - Favorite - 0 views

www.webdesignerdepot.com/...ing-the-graphic-design-process

design process graphic inspiration webdesign freelance article graphicdesign asu TWC301

shared by Matthew Aber on 12 Jan 12 - Cached
  • Nicole Carnal on 12 Jan 12
     
    This site specifically relates to graphic design, but still demonstrates design basics. It looks at such things as target audiences and knowing the message you want to send.
  • Nicole Carnal on 12 Jan 12
     
    This site demonstrates the process of design basics. It specifically refers to graphic design, and shows the importance of knowing your target audience and the message you want to send.
  • Matthew Aber on 23 Jan 12
     
    This web page discusses the graphic design process, a concept discussed on pages 14 and 15 of Lisa Graham's Basics of Design Layout & Typography for Beginners: Second Edition.
Alex Portela

D#1 HW#13.2 - 0 views

www.digital-web.com/...RESTful_CSS

webdesign

shared by Alex Portela on 19 Jan 12 - Cached
    • Alex Portela
      Alex Portela on 19 Jan 12
       
      The main concept in CH1 identifies the importance of the design process through various steps. This site specifies web site building application and how to make it simple for the average viewer.
  • REST In simple terms, REST is a set of principles for structuring a web application and RESTful refers to an application that follows those rules. Within a RESTful MVC application, controllers are limited to a standard set of actions to perform: Index—displays a list of items of a particular type Show—displays the details of a specific item New—displays a form for creating a new item Create—saves an item to the database using the data from New Edit—displays a form for editing an item Update—updates an item in the database using the data from Edit Destroy—removes an item from the database
  • Alex Portela on 19 Jan 12
     
    The main concept in CH1 identifies the importance of the design process through various steps. This site specifies web site building application and how to make it simple for the average viewer.
Paul Angichiodo

Designing for your target audience | Webdesigner Depot - 0 views

www.webdesignerdepot.com/...gning-for-your-target-audience

shared by Paul Angichiodo on 25 Feb 12 - No Cached
  • Paul Angichiodo on 25 Feb 12
     
    This page goes into detail about designing for your audience. This articles focus is on marketing yourself but the principles could be applied to anything. It goes into a little more detail then the book does, it lists each step for designing for your target audience then follows with a short explanation.
Damaris Bravo

D#6 HW#6 50+ Different Ways To Vastly Improve Your Wordpress Blog | Web Media Magazine - 3 views

www.webmediamagazine.com/...ly-improve-your-wordpress-blog

shared by Damaris Bravo on 10 Sep 10 - Cached
  • James Fields on 10 Sep 10
     
    ways to improve WP, the navigation suggestions are good for wp.com users since navigation is one of the most important aspects of getting around a site and finding what you want
  • ...6 more comments...
  • Kyle Martinez on 16 Feb 11
     
    I nice list of ways to improve your blog. It is organized into categories which makes it really helpful to find stuff. Great resource!
  • Roxana Sandoval on 20 Feb 11
     
    What i like about this website is that it has information on way your can make it easier for your readers to navigate easier through you blog
  • Alina Kurita on 20 Feb 11
     
    This site lists out 50 ways to help improve your blog, specifically for WordPress which is relevant to what we are using. It groups all the sections of WordPress and underneath those has tips to help that section. There was stuff that I didn't even know that would help improve the blog. However I'm not sure if we will get that in depth with our WordPress blog but nonetheless it's a good resource to look over.
  • N M on 12 Jun 11
     
    This site gives a vast amount of information on all the options that are included in WordPress.  For an amateur to blogging and WordPress in particular this gives great overview. 
  • ivette munoz on 28 Sep 11
     
    This article was another good one I found. Even though there are so many options it discuess but it breaks down into sections depending on what you are looking to change for your wordpress. The chunks the author chose to break these tips into are navigation, Design, Performance, Security, SEO, and other. Each section consists of 5 or more specific tips that fit into that category.
  • Kelly Corbett on 28 Sep 11
     
    This website about 50 different ways to vastly improve your WordPress blog is helpful because it is broken down into categories. The categories include navigation, design, performance, and security. Beneath each category are a number of ways to improve your blog.
  • Heather Krieger on 29 Sep 11
     
    D#6, HW#6-- I really enjoyed this website for many different reasons. Firstly, for the way t is set up. It is easy to read and enjoyable. They have a main bullet point to look at, and then list and shortly describe different aspects of that bullet point. Also, it covers just about every aspect from design, to performance, to even security. It has a lot of great information!
  • Damaris Bravo on 29 Sep 11
     
    I like this article because it gives an endless amount of possibilities on how to improve your blog. This article features ideas that will suit any blog. 
Daniel Throckmorton

10 Principles Of Effective Web Design - Smashing Magazine - 1 views

www.smashingmagazine.com/...ciples-of-effective-web-design

webdesign usability reference twc301

shared by Daniel Throckmorton on 25 Apr 10 - Cached
    • Daniel Throckmorton
      Daniel Throckmorton on 03 Jun 11
       
      Refer to step 1: Don't make users think.
    • Daniel Throckmorton
      Daniel Throckmorton on 03 Jun 11
       
      This coincides with the design principle of emphasis.
  • “keep it simple”-principle (KIS)
    • Daniel Throckmorton
      Daniel Throckmorton on 03 Jun 11
       
      I prefer KISS - Keep It Simple *Stupid
  • ...6 more annotations...
  • reduce the cognitive load
    • Daniel Throckmorton
      Daniel Throckmorton on 03 Jun 11
       
      Coincides with the design principle of balance.
  • Users don’t read, they scan.
  • users search for some fixed points or anchors which would guide them through the content of the page
  • the less intuitive is the navigation, the more willing are users to leave the web-site and search for alternatives
  • the web-page should be obvious and self-explanatory
  • The only element which is directly visible to the users is the word “free”
    • anonymous
      anonymous on 05 Jun 11
       
      I agree and think that these are very good guidelines. You don't really think about them when you are reading different instructions, but when I look back it makes sense. I don;t really ever read anything untill it catches my eye and looks interesting. ONce I start reading if its to wordy or boring I stop reading, I don't to have to think to hard.
  • Rochelle Drinon on 25 Apr 10
     
    This website lists "10 Principles Of Effective Web Design" that I believe are very useful. The images and information about where the users eyes fall and how to strategically organize your page are all helpful in designing not only blogs but any web page. These tips are very effective because they view everything from the users' perspective, saying things such as "users follow their intuition" or "users want to have control." I think that the aspects mentioned are good to take into account when design a site.
Kyle Redding

D#2--HW#2 Understanding Visual Hierarchy - 0 views

http://webdesign.tutsplus.com/articles/design-theory/understanding-visual-hierarchy-in-web-design/

started by Kyle Redding on 05 Jun 11 no follow-up yet
anonymous

DD#6 HW#1 - Basic Web Design and Layout - 0 views

library.albany.edu/...page3.html

DD#6 HW#1

shared by anonymous on 03 Jun 11 - No Cached
  • Karla Freeman on 03 Jun 11
     
    Seems to be a great resource for design of web pages. Uses some of the same principles as chapter 1. Currently a job duty of mine at work and so this will be a good resource for me in the "real world"
Mackenzie Voss

Web Design Tips: The Use of Balance | Webitect - 1 views

webitect.net/...design-tips-the-use-of-balance

balance contrast

shared by Mackenzie Voss on 10 Jun 11 - No Cached
  • Karla Freeman on 10 Jun 11
     
    This site is a good resource because it gives good examples and explanations as well as other great links to use as resources of balance.
  • Alex Knab on 07 Sep 11
     
    This was my favorite site found in my search for related content to chapter 4 of basics of design, and on the topic of balance. This site explains how important balance is in webdesign and how it make make a site look "good" and give it something extra. It talks about the different types of balance; formal. informal, and radial, and how to include them on your site or page. Lastly it explains that looking at examples can be a real help in learning to use balance in your design.
  • Mackenzie Voss on 26 Jan 12
     
    Gives ways of balancing in web design. In order to balance the web page, you use contrasts in light (light versus dark), large designs versus smaller, and etcetera.
Daniel Flores

D# 2 HW# 2 Emphasis in Web Design - 2 views

webdesign.about.com/...aa083007.htm

shared by Daniel Flores on 15 Jun 11 - No Cached
  • anonymous on 15 Jun 11
     
    This page goes over similar material covered in Chp 2 with an emphasis :) in webs design. Brief but interesting.
  • Daniel Flores on 27 Aug 11
     
    Trying to make everything on a Web page stand out means that nothing will stand out. Good designers learn to use emphasis wisely so that the important parts of the layout dominate without overwhelming and there is a visual hierarchy that leads the reader through the Web page.
Kelly Corbett

d#1 hw#13 100 Creative Business Cards - 1 views

www.webdesignerdepot.com/...really-creative-business-cards

shared by Kelly Corbett on 22 Aug 11 - Cached
  • Kelly Corbett on 22 Aug 11
     
    I thought this website exemplified what chapter one of Basics Of Design was talking about, in terms of keeping design simple and appealing to the correct audience. The business cards are simple but creative way to promote one's business in the specific field of work they are in. They are very aware of what audience they are trying to speak to. "100 (Really) Creative Business Cards." Webdesigner Depot. Web. 22 Aug 2011. .
Charles Gunder-Heier

Website Design Tutorial | How to Design a Website - 0 views

www.garysimon.net/...1

webdesign

shared by Charles Gunder-Heier on 24 Aug 11 - Cached
  • Charles Gunder-Heier on 24 Aug 11
     
    This website is great on giving you tips for your website design and it runs you through a whole tutorial. It talks about the new age techniques, format, dos and don'ts, colors and contrast, and designing to a purpose. I think it is a great resource that could help you a lot and relates to the concepts in Chapter 1 
1 - 20 of 29 Next ›
Showing 20▼ items per page