Comsharp CMS"The American government is a brand, and when the White House is easy to master, people want to see something new," he wrote. It's not as simple as changing the sign, people expect Obama to cash in on the promise of his picks, though it takes time, but people have White House websiteIn the revision of the great changes seen. This article analyzes the new White House website and contrasts it with the Bush-era White House website, where two government changes have been reflected in the design, content and technology of the new website ( graphic）。 "Visual design and layout
Take a look at the Bush-era White House web site (pictured below), with a single background color, and a darker color, white, light gray, navy blue. Logo is located in the upper left corner, very conspicuous, the navigation area occupies 1/3 of the page space, but also slightly a bit of CSS alignment problem.
Now the White House website, the White House logo low-key a lot, located in the main content of the page, the original occupy 1/3 space navigation area disappeared, but a large number of using jquery to achieve dynamic navigation, jquery in the menu, Banner Pictures and other occasions are used heavily.
Subtle gradients and washing effects are preserved, but the Blues become wider and deeper. The red element is also introduced in the hover menu. Interestingly, the left side of the main navigation strip added a small star-Spangled Banner, is it implied in the campaign period of the "Stars and Stripes badge" controversy?
In the upper-right corner of the page, the Mailing list registration box appears, and the tone of the "Get UPDATES" button is said to be the same as Obama's complexion (American gossip is invincible). The new design adds some classical elements, the main background of the pentagram and architectural details, and the gray presidential chapter above the footer.
The color of the page sidebar and the entire site color display a consistent low saturation color, the button also applies to the brown system, slightly gradient.
Font
The text uses the Lucida Sans font, the title is Georgia. These vintage fonts add a bit of classical and nostalgic tendencies to the site. Because of the readability of the Sans-serif font on the Web, the font for the main content uses Arial, but the text at the top of the graphic page is not very clear, it appears to be a bold serif font, with the font style of the vintage flyer, the lowercase pronoun, plus all uppercase nouns.
Website structure
Structurally, the entire site shows a clean structure, from top to bottom, left to right. The first part of the slide news picture brings gorgeous visual feeling, the left side of the text content, so that low-resolution users, or using a proxy browser (such as screen reader) before the picture can understand the meaning of the picture.
At 800x600 screen resolution, the screen will only show the blue content of the title, at this resolution, the page does not scroll around, but the news title section has become the focus of vision.
Below the news area is the three-column structure, Blog, search and Agenda, and a video area. Ease of use and accessibility
The usability of the site seems to have gone a lot of detours, the search box is located in the news to the middle of the three-column structure, the use of gray color, it is difficult to find. The mailing list in the upper-right corner is very visible, but it seems to be the location of the search box.
The text can be scaled correctly, but the dominant navigation bar is picture-style, but the text in the Drop-down menu and the footer section of the following page can be scaled correctly (certainly not in the IE6-translator). Considering the extensive access to the White House website, if the screen software is more friendly to some will be better, at present, the main navigation bar Drop-down menu can not be read by the screen software, and its footer part of the link to the entire page will be completed after reading.
The images in the Web site are also well optimized, although it is not a problem for dial-up users, but if you can provide a text-only version, you might be better able to achieve accessibility. Can I pass validation?
I'm afraid not. There are 41 errors and 1840 warnings in the CSS2.1 validation test.
However, from the senses, the new Web site has changed a lot, the use of technology, style is showing that the U.S. government is trying to change its brand image and transparency, the new White House web site to a new, good design route. Original author
Katie Kelly made Web front-end development design during the day, addicted to video games at night. The 15 experience allows her to appreciate clean code, friendly content, and customer-oriented e-business. When she was not fighting monsters, she was on her own website. MediapyreWrite some articles on asp.net design.
This article International sources: http://www.smashingmagazine.com/2009/02/01/whitehousegov-redesign-the-change-has-come/
Chinese translation Source: Comsharp CMSOfficial website
