Thursday, September 2, 2010

Web Design Tips !!

Click on the link below and answer the questions as comments. Make sure you choose the URL/name option when you post and type your name into the box.



Click to watch the video



1. Go to the Apex HS web site and critique whether they followed the design tips explained in the video.  You need to explain your answers.

    a. Simple common sense use of colors?

 
    b. Well defined objects?


    c. Elements parallel or horizontal to each other


    d. Consistent layout throughout?

46 comments:

Caroline Deal said...

Hey Mr. Evans, sorry I'm not going to be in 4th period, I'm feeling kinda sick. Anyway, here's my answers for the blog video:

1. The Apex High website uses simple and common colors, with a white background and the school colors as accents and borders.
2. Most objects are defined with a border, but the borders look different from each other in different areas.
3. The announcement headers are all aligned with each other, and the actual announcements are in line as well. Same thing for the side bar and the drop tab menu.
4. The layout is not always consistent, and it opens a new window almost every tab, and that is kinda annoying, but the pages that don't open a new window look a lot like the home page.

Becky Ward said...

1.Yes, the website follows the design tips explained in the video.
a. There is a simple color combination. The back ground is white/gray with a nice,colorful banner on the top.
b.The menu buttons are nicely displayed and highlight when you mouse over.
c. Elements on the website are horizontal and parallel to each other.
d. There is a consistent lay out throughout the website.

Megan Gravley said...

Megan Gravley, 9/2/10

a. Yes, the use of a complimentary color, in this case yellow, is a nice touch to the norm of black and white.

b. The objects are well defined. Graphics are simple, yet effective.

c. Geometric shapes and horizontal placements are used and effective. This is because it flows.

d. Simple layout is consistant throughout.

Sydney Snedeker said...

A. Yes, the Apex High School website uses a simple color sceme with blacks and yellows. They are attractive colors that provide contrast, but not conflict.

B. The objects (buttons, announcements, titles, etc.) are all well defined with small lines/boxes to make them stand out more.

C. Most elements are horizontal to each other. This effect creates a line of eyesight and makes it easier for the viewer to navigate throughout the page.

D. Yes, the layout is consistent. It is a simple, attractive layout that is well-organized.

Jordyn Volkan said...

1.
a. The Apex High School website follows the color rule. They say not to have many colors and this website only has two.

b. The menu bars are clearly displayed with capital letters.

c. Elements are horizontally and parrallel with each other displaying the menu bar and calendar, span, AOIT, etc. on the right hand side. It has a nice way of displaying symmetry.

d.The pages do look similar which follows the design tips.

Anonymous said...

a. The background is a simple white, and the rest of the text sticks to either yellow or black.
b. There are borders and headings for all of the sections.
c. All of the headings and paragraphs are lined up perfectly.
d. The layout is consistent throughout the site, and it sticks to a color scheme and layout.

Matt Tigner said...

1. Yes the Apex site followed the design tips because they have a solid simple background, they defined objects with solid and bold borders and they kept the same layout throughout the entire site, they also kept elements on the site parallel to each other.

Sarah Hesington said...

Sarah Hesington

1.A. The Apex high website does keep the colors consitant and simple. They have a white background but they use black and gold as a heading with the name and it looks very professional
B.All the tabs are well defined and I know where I need to go to acess each bit of information.
C. The elements are all horizontal to each other and it is very consistant.
D. The layout stays the same through-out the website and the colors stay the same

Taylor said...

1) The plan white background with a simple black and yellow header is very well used on the Apex website. It keeps the reader's eyes focused on the text, for all colors are contrasting.

2) The parts of the website, such as the buttons, posts, and more, are all well defined by black and yellow lines.

3) The elements of the site are well laid out. Links are stacked with a large amount of empty space between them so that the reader can read easily.

4) The website has a consistent theme throughout all of the pages, which helps the reader to understand that they are still on the same website.

Holly Thompson said...

Yes,I found this video to be informatative and interesting. The tips were very good advice when it comes to making at website. I learned that you should try to make you website colorful but don't over do it. There is a limit to the number of colors and fonts you want in your site. He also said to define your objects well. Also be consistent on font types, sizes, and the layout of your site. you want your objects to parrallel to eachother as well so it is clean and neat looking

Alicia Tobey said...

a. The Apex High School website has a simple and common use of colors, because it uses black and gold, the Apex colors, and the background is white.
b. The content is well defined in the Apex High website because the Headings of the content are yellow and underlined.
c. All of the elements of the Apex High website are balanced to eachother throughout.
d. The website is very consistent throughout because all of the pages look the same and have the same format.

Ethan Wallace said...

1. yes the colors are simple and doesn't interfer with the main content

2. yes all objects are identifiable

3. elements dont overlap or intersect perfect symatry

4. 50/50 it comes out strong but keep going and it looks basic

Lauren Deal said...

Lauren Deal

1. The new Apex High website has simple common sense with the colors. The overall background is white with yellow and black for text.

2. The objects are very well defined on the website. The site has horizontal rules and bold borders.

3. The elements on the site are parallel and horizontal to each other and it is very easy to find information. Very well set up.

4. The layout throughout each page on the Apex High site is consistent.

Katie Godfrey said...

a. The Apex High website does a good job of not over using colors, but keeping them simple and catching. They consistently use black, white, and gold.

b. The AHS website also does a good job of hovering, shading, borders and separating the page in a way that helps directs the reader to the different sections and is also appealing to the site.

c. Apex High also did a good job of balancing the items on their webpage. Having the two vertical sections, running parallel to each other as well as the individual sections separated by horizontal rules, etc.

d. The layout is also kept consistent through out the different pages of the website. The same template is used, but is rearranged to add variety and keep each page unique to it's topic.

Anonymous said...

Braydon Bevilacqua
The Apex High School website did use the design techniques because they have a simple and elegant background. They also stick with a simple color scheme. The Apex High website has well defined objects such as the Apex Cougar logo and the tool bars are well defined. The headings of each section are parallel to eachother and the toolbars are horizontal to eachother. The layout is the same throughout the entier website which gives it consistency.

Bailey Wood said...

1.
a) On the Apex HS web site they did a good job keeping it simple but colorful with our school colors. It wasn't over done and bright but had a good contrast of yellow and black throughout the website.
b)The objects on the Apex HS website were well defined and clear to read and see.
c)Elements were kept parallel and horizontal to each other which gave the website a good flow and made it look professional.
d) They also used a menu bar to organize the website in categories and had a consistent layout throughout the website. Overall i think they followed the design tip guidlines.

Maggie Keller said...

Maggie Keller

1.The new Apex High website has simple common sense use of color because it used basic black and white, with yellow/gold thrown in. There is not a lot of colors, but it has enough to make it interesting.

2. Yes, the objects on the website are well defined, they are placed in plain sight and are bold enough so it is the first thing you would notice.

3. All of the elements on the page are horizontal across the top, and the lower portion of the pages are parallel to each other in columns.

4. There is a consistant layout with the same banner across the top with the same color combinations and fonts, so there is consistancy in every aspect of the layout.

Lexie Ament said...

LEXIE AMENT
1.
a)The Apex High School website I think has a great color choice. They used our school colors nicely throughout the web pages. The gold and black colors look nice against the white background. The colors are a nice choice because they are bold and stand out but are not overpowering.
b)The objects on the page are displayed nicely and all look very organized on the page. The layout is consistent and keeps the page looking very clean.
c)The elements are parralel to eachother. At the top of the webpage there are categories to select and choose from.
d)Yes the layout is very consistent throughout the whole web page. When you select different choices from the top such as home, general,student services etc. it stays consistent and easy to access.

Ryan hobock said...

A) the site has colors that make sence and that are very simple.

b) the objects look normal and make sence.

c) element are parallel and horizontal

d) layout all looks the same.

Tanner Methven said...

1. The website makes good use of the school colors with a white background.
2. Everything on the page is easy to identify and all links are obvious.
3. It has a good use of horizontal, parallel bars on the page to separate headlines.
4. The site doesn't deviate from it's color scheme and it's main purpose as a hub for announcements.

Katie Burnet said...

Katie Burnet
1.
a. The Apex High website used a simple common sense use of colors. There are four main colors used: yellow, black, grayish black, and white. These colors all go together very well and is very simple.
b. The Apex High website has well defined objects because of the use of borders and contrasting colors. The writing of "Apex High School" and the pawprint is in yellow and they are very defined against the black background.
c. On the Apex High website, the seperation lines and menu bars make the elements parallel and horizontal to each other.
d. The layout is consistent throughout the Apex High website with the banner the same on all the pages, the font use is the same, and pages look similar.

Hannah Greene said...

Hannah Greene
1.
a. The site used a simple common sense of color by only using three main colors: white, black, and yellow.
b. The site has some well defined objects. Others, such as the yellow lines separating the news, are not easliy seen so they aren't well defined.
c. The Apex High site does a good job of using parallel and horizontal elements such as separation lines and menu bars.
d. There is consitent layout throughout the site such as the font type, colors, and Apex High School image at the top of the page.

Katie Stanton said...

Katie Stanton
1.
a. The Apex High website did a fairly good job when it comes to sense of colors. The black bar at the top with gold lettering matches the school's colors, and draws your eye. For the information part, they adjusted back to a white blackground with headings in gold which draw your attention but don't necessarily distract you.
b. The Apex High website has well defined objects such as the menu bar and paw print. There is a good contrast in color and the menus are easy to navigate.
c. On the AHS Website the posts are seperated by horizontal lines, making them easy to read and organized. The website does a good job of seperating information and menu bars that are easy to find and use.
d. The website is consistent throughout most of the pages, with the Apex High School banner appearing at the top of the page. The menu bars are in the same place, making it easy to navigate back and forth between pages.

Alex Peterson said...

1. I believe that the Apex High website follows the video's tips because it has a theme that is on all the pages and is not too distracting but is still a good color scheme.

a. The color scheme is good because it uses mainly white and black and adds yellow for the schools colors.

b. Everything is orderly and the objects are well defined because you can see where the objects end where they begin.

c. No the site is not parallel vertically and horzontally because it has some stuff on the right that are not on the left.

d. If you go to different pages the layout is generally the same, so yes.

Lindsay Carter said...

Lindsay Carter
1.
a. The Apex HS Website does a great job at using simple, common sense colors. They are not too bright, and they make sense because they are the school's designated colors.
b. The website uses well-defined objects. The items on the page make sense and there isn't anything on the page that seems like it doesn't belong.
c. The website does a good job at keeping items parallel and horizantal to each other. The paragraphs are even and each item is seperated well.
d. There is a very consistent layout throughout the website.The headings, colors and fonts stay consistent throughout the entire website.

Alia Capone said...

a. Yes, The Apex High website has a good common sense use of colors. The colors used are gold and black- school colors so they go with the theme- and they are not overwhelming, but are visually appealing.

b.It seems that most of the objects on the page are well defined. The headings of announcements and events are bolded and the tabs at the top become highlighted when the cursor rolls over them. The use of easy-to-read colors also makes the objects in the site well defined.

c.The Apex High website has a nice asymmetrical balance. On the right side of the webpage there is a vertical sidebar with tabs and on the left to center part of the page there are announcements/events flowing downwards with horizontal rules separating them.

d.There is a consisent layout throughout the website.

Lauren Moore said...

a. Simple common sense use of colors is to keep the colors simple but catching.

b. To define objects use solid borders and also bold borders. Keep the borders simple and neat.

c. Elements parallel or horizontal to each other is to create symmetry and keep white space balance.

d. Use a consistent layout throughout the site so you don't confuse your users.

Bridget said...

1. Go to the Apex HS web site and critique whether they followed the design tips explained in the video. You need to explain your answers.

a. Simple common sense use of colors?
apex hs website does a good job of this with the white bakground with black and gold

b. Well defined objects?
the objects(buttons) are well defined because the use reverse text(black with white text)

c. Elements parallel or horizontal to each other

the buttons and menus are horizontally set to each other.
d. Consistent layout throughout?
every page you click on has the same layout and color scheme, so that is good.

Dahlia Kamel said...

a. The Apex High school website uses simple common sense colors because they kept it simple with black, gold and white which are our school colors.

b.The objects are well definied because they use solid borders and different colors to sepertate the stories and peices of the site. They also have a menu bar.

c. Elements on the Apex High website are parallel and horizontal to each other because they are well organized.

d. The layout is consistent because colors and fonts and styles are the same throughout.

Kirsten Van Natten said...

1. a)yes. the site is simple but yet catching.
b)the site has very well defined objects.
c)the elements in the site were parallel and horizontal to each other.
d)the layout was easy to understand and stayed consistent throughout the whole site.

Casey-Jane F. said...

a. There is a simple common sense use of colors because its the Apex High colors and the background is white.

b. The objects on the Apex website make sence because they are paw prints and thats our mascot.

c. Everything on the Apex webiste is horizontal when dealing with the headings or announcements and its parallel by having the different links you can go on such as blackboard or span.

d. The layout on the Apex website is consistnet through out with the black and yellow coloring and white background.

Marybeth Burriss said...

a. Yes, there's a few colors but they are used to look neat and organized. The colors do not clash, they work together to make the page look theme oriented.
b. Yes, the objects are well defined in an organized fashion. The header clearly stands out along with mini headings and the menu.
c. Yes, nearly all of the objects are parallel such as the heading and the hyperlinks.
d. Yes, the layout remains the same throughout the website.

Andrew Hibbard said...

A) Colors should be catchy, but not distracting. Simple and neat.

B) Text and graphics and videos shoud displayed clearly to not overwhelm users.

C) Symmetry is effective at making a site look neat.

D) The layout should remain consistant throughout the page to optimizing user accessibility.

Ty Burke said...

Ty Burke

1) Yes they use black gold and white throughout the page

2) Yes the objects are defined in an organized fashion

3) Most of the objects are parallel like the heading and the hyperlinks

4) Yes there is a consistent layout throughout

Danielle LePage said...

1. Go to the Apex HS web site and critique whether they followed the design tips explained in the video. You need to explain your answers.
a. Simple common sense use of colors?
Apex HS web site uses yellow and black throughout the website which is simple and makes sense.

b. Well defined objects?
Yes because the tabs and other objects are separated from each other by a bold color or box.

c. Elements parallel or horizontal to each other
yes, the elements are symmetrical throughout the website.

d. Consistent layout throughout?
The layout is consistent throughout.

alecia Shepard said...

1. Go to the Apex HS web site and critique whether they followed the design tips explained in the video. You need to explain your answers.

a. Simple common sense use of colors?
yes, simple colors

b. Well defined objects?
yes has horizontal rules to help

c. Elements parallel or horizontal to each other
yes has a menu par on the top and right side

d. Consistent layout throughout?
Yes same font colors and text used throughout

Caroline Lewis said...

1.

a. The AHS website has a simple use of colors and an easy-to-view color scheme.

b. Certain objects are well defined with rules and boxes.

c. The main part of the website is to the left, and there is a side bar on the right with options.

d. There is a consistant layout throughout the website, and if you click on the various pages, most look similar to eachother.

cameron said...

Cameron Wayne

1. Yes they use black gold and white on the page

2. Yes the objects are defined in an organized fashion

3. Most of the objects are parallel like the heading and the hyperlinks

4. Yes, ther is a consistent layout throughout

Eric Stevens said...

a. The black background works well with the images and text/ text backgroung.

b.Yes the sections and images are easy to spot.

c.The website has a logical, linear, layout.

d. The webpage has good consitensy throughout its many pages.

Brian "B-Wat" Watson said...

1) www.apexhigh.com
a) Yes, the site uses simple colors, all of which are in coordination with Apex's school colors. No colors on the site are out of the ordinary.
b) Yes, the objects are well-defined. You notice the navigation bar and news feed easily, along with the Twitter feed.
c) Yes, the elements on the page coordinate with each other very well and are parallel or horizontally aligned.
d) Yes, the layout is very consistent, including colors, and design scheme and layout parameters.

TJ Soper said...

A. Simple white, yellow and black colors.

B.It is very neat and organized. The text is very clear and all the other objects are fairly easy to use.

C.The headings are parrel

D.It use the same title throughout the website and uses the same color scheme.

Stephen C. said...

A. Colors on Apex High School website are good, not too distracting and are simple black and yellow.
B. Objects are organized in a proper manner, where they should be, title bar at the top, good UI for menu bar.
C. The Elements on Apex High School website are symmetrical, the blog has parallel sides and the top and bottom do to.
D. All pages on the Apex Website are consistant with the home page, they follow same colors and same layout.

Ryan Goldberg said...

a) Few colors used on the back ground (slighter gray than the information, which leads the person onto the information)
b) Yes, the colors are different and clearly visible. May lead person to view them (glance)
c) The toolbar (Home, General, etc.) is horizontal, while the application/links list (AOIT, Span, Blackboard) is completely vertical, along with the information (stacked).
d) No matter the page (hosted by the website) they used the header (title bar) consistently while making it very appealing to every page.

Alycia Kokos said...

1. The Apex High Web site does use simple common sense use of colors with a white background behind the text and a black and gold banner across the top to create a color scheme.

2. The objects on the page are well defined meaning that they are all layed out well with a good amount of space to border each entry, link, ad, etc.

3. All elements on the page are parrallel or horizontally aligned to make the flow of reading content on the page easier.

4. The layout of the page is very consistant with the rest of the pages, each page has a white background for text and the Apex High banner across the top with equally colored tabs within the color scheme.

Vinicius Taguchi said...

a. Yes, the web page is primarily white with black and yellow details.
b. objects are organized in columns as well as a bar across the top. They are very easy to use and visually uniform.
c. The columns and other items are all vertically and horizontally aligned, providing a uniform look.
d. The website is completely unifor, in that everything has matching fonts and colors.

Jonah said...

A. Yes. School colors with white background. Simple.

B. Yes. Buttons and links are clearly separated and visible.

C. Yes. All related links are horizontally and vertically aligned.

D. Yes. Related pages have identical templates.