TAILIEUCHUNG - Lecture Web technologies and programming – Lecture 16: Style guidelines for interface design (Elements of visual design)

After studying this chapter you will be able to understand: Guidelines and principles of user interface design, principles of screen design, interface design goals, interaction styles, types of interfaces, what are the advantages of style guidelines? What are advantages of good interface? What are disadvantages of bad interface? | 1 CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 3 3 4 Introduction to CSS3. CSS3 modules Selectors Box Model Backgrounds and Borders Text Effects 2D/3D Transformations CSS3 Rounded Corners CSS3 Properties. CSS3 border-image property CSS3 Border Images 5 CSS3 Gradients CSS3 Linear Gradients CSS3 Radial Gradients CSS3 text-shadow CSS3 text-overflow CSS3 word-wrapping CSS3 2-D Transforms (translate(), rotate(), scale(), skewX() ) CSS3 3-D Transforms(rotateX(), rotateY(), rotateZ() ) CSS3 Media Queries Why User Interface should look Good? Guidelines and Principles of User Interface Design Principles of Screen Design Interface Design Goals Interaction Styles Types of Interfaces What are the Advantages of Style Guidelines? What are Advantages of Good Interface? What are Disadvantages of Bad Interface? 6 What are the Elements of Visual Design? Font Six Typographic Terms Font Size Types of Fonts Proportional Vs. Fixed width Fonts Case of Text Layout Color Guidelines for Color Use Labels 7 “The user interface is the most important part of any computer system.” (Galitz, 2002, p. 1) “The best interface is the one that is not noticed, one that permits the user to focus on the information and task at hand, not the mechanisms used to present the information and perform the task.” (Galitz, 2002, p. 4) 8 Higher task completion rates More efficient task completion rates Reduced training costs Improved customer service 9 Know your user or client Understand the basic business function Understand the principles of good screen design Develop system menus and navigation schemes Select the proper kinds of windows Select the proper device-based controls Choose the proper screen-based controls 10 Write clear text and messages Provide effective feedback and guidance and assistance Provide effective internationalization and accessibility Create meaningful graphics, icons and images Choose the proper colors Organize and layout windows and pages Test, test and .

TỪ KHÓA LIÊN QUAN
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.