Danh mục

Professional Web Design: Techniques and Templates- P3

Số trang: 50      Loại file: pdf      Dung lượng: 2.36 MB      Lượt xem: 11      Lượt tải: 0    
Hoai.2512

Xem trước 5 trang đầu tiên của tài liệu này:

Thông tin tài liệu:

Professional Web Design: Techniques and Templates- P3: This is the must-have book for designers who want to expand their skills and improve the quality of their designs. Learning CSS technology and continually improving ones design and developer skills is essential for every Web designer in todays marketplace. The goal of Professional Web Design: Techniques and Templates is to educate beginning-to-intermediate Web designers on the various issues involved with Web design through general discussion, case studies, and specific tips and techniques....
Nội dung trích xuất từ tài liệu:
Professional Web Design: Techniques and Templates- P3 82 Chapter 4 ■ Enhancing Usability Figure 4.8 High-content design that offers a large amount of content and limited graphics. Summary No matter what the design philosophy is, usability should always be considered when creating a site. The user should not be confused by the naming of menu items or hyperlinks that go to unrelated sections, nor should he be overwhelmed by too much content. A key factor in the usability and maintainability of a site is its navigation. Well- designed navigation will have items that can be easily added, edited, or deleted; that download quickly; and that are supported by the target users’ browsers.Please purchase PDF Split-Merge on www.verypdf.com to remove this watermark. chapter 5 Gathering Requirements and Creating a Comp Once a designer understands the fundamentals of building a mortised site, then the fun begins—actually building the site. There are 10 general steps a designer should follow when building a mortised site: 1. Gather and base a site on requirements. Requirements determine, among other things, how many graphics the designer will use, what colors will be used, how fast the site must be, what future growth or changes the design must accommodate, and what content and functionality will be included on the homepage and subsequent pages. 2. Create comp(s) for the client. It’s simpler and more efficient to build the look and feel of the site (that is, a comp) in Photoshop than to build the actual homepage piece by piece. Comps are also important because they can define many of the styles that are cascaded through- out the site. 3. Receive a decision on the chosen comp and make edits. Once a comp is decided upon, the client may very well request that a few changes be made to the design, such as “lighten the blue and replace the orange with yellow,” or “replace this section of text with that one,” or “use another photo in the upper-right corner.” After the edits are received, the changes are made, and the selected comp is then resubmitted for approval. Sometimes, this process can take several iterations before the final comp is approved. 83Please purchase PDF Split-Merge on www.verypdf.com to remove this watermark. Game Developing GWX 84 Chapter 5 ■ Gathering Requirements and Creating a Comp 4. Break up the comp into XHTML, graphics, and CSS. At this point, the selected comp is sliced into different images and saved as compressed images. XHTML and CSS are then used to bring together the images, text, and possible functionality. 5. Test the page in most commonly used browsers. The designer should usually test a page in IE, Firefox, Chrome, and Safari as elements are added to it. Otherwise, after spending hours building a page, it might not function correctly in a browser that was not used during development. Sometimes, the browsers that need to be tested will change depending on site require- ments or which browsers are most commonly used. 6. Save components of the page as include files and test again. To decrease the download time for subsequent pages and make maintenance con- siderably easier, the designer should save individual components, such as the menu, header, and footer, as separate include files. The design should then be tested again. 7. Build second- and third-level pages from the homepage template. Usually, the homepage design can be taken and reused as the general template structure for subsequent pages if it makes use of cached images and include files, which decrease download time. The designer then enters content into the body of each page of the site. 8. Work with the client as the site is built. The designer should have the client view the pages as they are built. Otherwise, if the requirements were misunderstood by either party, corrections could still be made before considerable time is wasted working on a site that will likely need redesigning. Another common issue with requirements is ...

Tài liệu được xem nhiều: