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
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 ...
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ìm kiếm theo từ khóa liên quan:
thiết kế web giáo trình photoshop thiết kế layout CSS cơ bản giáo trình flashGợi ý tài liệu liên quan:
-
Báo cáo thực tập: Đề tài thiết kế Web
77 trang 552 2 0 -
Đề thi thực hành môn Thiết kế Web - Trường Cao đẳng nghề Vĩnh Phúc
3 trang 260 2 0 -
182 trang 157 0 0
-
GIÁO TRÌNH LẬP TRÌNH WEB_PHẦN 2_BÀI 3
3 trang 102 0 0 -
MỘT SỐ ĐIỂM CẦN CHÚ Ý KHI THIẾT KẾ WEB
5 trang 101 0 0 -
Giáo trình Nhập môn thiết kế website
58 trang 72 0 0 -
Thiết kế dàn trang nâng cao trong khám phá Adobe Indesign
340 trang 71 1 0 -
Tài liệu giảng dạy Thiết kế giao diện Web - Trường CĐ Kinh tế - Kỹ thuật Vinatex TP. HCM
88 trang 70 0 0 -
Hướng dân sử dụng Navicat để Create , Backup , Restore Database
7 trang 60 0 0 -
112 trang 60 0 0