HOLY ANGEL UNIVERSITY COLLEGE OF INFORMATION AND COMMUNICATIONS TECHNOLOGY PRINCIPLES OF DESIGN FOR WEB COURSE SYLLABUS

Transcription

1 HOLY ANGEL UNIVERSITY COLLEGE OF INFORMATION AND COMMUNICATIONS TECHNOLOGY PRINCIPLES OF DESIGN FOR WEB COURSE SYLLABUS Course Code : 6PWDESIGN Prerequisite : N/A Course Credit : 3 Units (3 hours LEC) Year Level: 1 st year Degree Program: : BSIT with Area of Specialization in Web Development Course Description: This course teaches and will provide students, knowledge on the visual arts and applied arts known as design. Students will also be given experience in applying the underlying principles of designing as well as to integrate the elements of designs and be able to produce a concrete output such as web layout designs, advertisements and other visual designs. At the end of the course, students will be able to: Course Outcomes CO1 Decide on practices and standards applicable to the problem domain; Adapt and adopt best practices and standards to design and multimedia production activities CO2 Differentiates and evaluates theories and approaches to complex problems within the design and multimedia field. CO3 Identify user needs and requirements based on a comprehensive gathering of data and information; Analyze situations using appropriate designs and models; Analyze user needs and requirements to determine specific areas where design and multimedia solutions will be used CO4 Design and develop designs and models, components/combine elements and principles of design, or processes with resourcefulness, imagination, insight, originality, aesthetic judgment, enterprise and risk taking approach to meet specified user needs with appropriate consideration for public health and safety, cultural, Graduate Outcomes aligned to BSIT02: Understand best practices and standards and their applications BSIT03: Analyze complex problems, and identify and define the design and multimedia requirements appropriate to its solution. BSIT04: Identify and analyze user needs and take them into account in the selection, creation, evaluation and administration of computer-based designs and multimedia productions BSIT05: Design, implement, and evaluate computer-based design and multimedia productions, processes, components, or programs to meet desired needs and requirements under various constraints. Page 1 of 7

2 CO5 CO6 societal, and environmental considerations Develop effective presentation material that will enhance understanding of ideas being communicated; Deliver presentations effectively and efficiently to various audience (computing community, society at large, and users) using English and Filipino as needed, with appropriate tone, correct grammar and construction; Choose appropriate language suitable to the audience and respectful to the audience background and culture Consistently conform to the professional code of ethics, and professional norms governing the performance of design and multimedia activities BSIT10: Communicate effectively with the computing community and with society at large about complex computing activities through logical writing, presentations, and clear instructions in both English and Filipino. BSIT12: Understand professional, ethical, moral, legal, security and social issues and responsibilities in the utilization of information technology Learning Evidences As proof of achievement of the above-mentioned outcomes, students are required to submit/demonstrate the following: LE1: Branding/Logo/Elements (Product Logo, Brand and Packaging) C1, C3 LE2: Brochure and other Product Advertising Material C2, C3, C4 LE3: Company Website Layout (Small-scale Enterprise with Home Page, History/Background, Products with Description/Gallery, Profile of Owner/About Us, contact Us) C2, C3, C5 LE4: Project Portfolio C2, C3 Measurement System: To assess the level of performance in the learning evidences, the following rubrics will be used: LE1: Branding/Logo/Elements Appropriateness 20 Creativity 20 Aesthetic 20 Page 2 of 7

3 Content/Information 20 Print Quality 20 LE2: Brochure and other Product Advertising Material Appropriateness 20 Creativity 20 Aesthetic 20 Content/Information 20 Print Quality 20 LE3: Company Website Layout Appropriateness 20 Creativity 20 Aesthetic 20 Content/Information 20 Print Quality 20 LE4: Project Portfolio Appropriateness 20% Purpose 20% Style, Design and Aesthetics 20% Completeness 20% Suitability 20% Score and Description: Beyond Expected Satisfactory Acceptable Unacceptable Page 3 of 7

4 Learning Plan: Intended Learning Outcome Determine the history and evolution of Arts Identify the different artworks of known artists according to their time and era Identify and distinguish the different styles that are used in Arts Unit (Hours /Weeks) Course Outcome Topic Week 1-5 CO2, CO5 Introduction to Arts Evolution of Arts a. Renaissance Arts b. Baroque Arts c. Contemporary Arts d. Modern Arts e. Regional Arts Styles of Arts Forms of Arts Purposes of Arts Visual Arts and Designs Design as an Applied Arts Design and Compositions Learning Activities Assessment Activity Assignment Student Output Compilation of Designs (LE4) Becomes aware why different style of arts evolve and the purposes of those styles of Arts Identify and integrate the different elements of design Week 7-8 CO3 Elements of Design a. Point b. Lines c. Colors d. Forms (2D and 3D) e. Space f. Shapes g. Textures h. Movement Logo Making Product Logo (LE1) Page 4 of 7

5 i. Pattern Determine and apply the principles of design Appropriately apply and integrate the elements and principles of design in an original artwork Integrate good typography for content-making activity Week 9-11 Week 13 CO3, CO5, CO6 Principles of Design a. Balance b. Scale and Proportion c. Emphasis and Direction d. Repetition, Rhythm and Pattern e. Unity and Harmony Integration of the Principles and Elements of Design Typography a. Importance b. Good and Bad Typography c. Application Expository Product Branding and Packaging Resume Brochure Product Branding and Packaging (LE1) Brochure (LE2) Determine where the elements and principles of designs can be applied Week 14 Applications of Designs a. Graphics Design b. Desktop Publishing c. Visual Design d. Advertising Design e. Web Designing Web Page Creation Product Advertising Materials (LE2) Apply the guidelines when creating a website design or layout Determine the things that needs to be avoided when creating a Week 15 Week 16 Guidelines in Creating Effective Designs in Web Designs Design Problems in Web Designing to Avoid Web Page Creation Web Page Creation Product Gallery with Product Description (LE3) Home Page, About Us, Contact Us Pages (LE3) Page 5 of 7

6 website design or layout Week 17 Week 18 CO3, CO4, Project Making Final Exam Compilation of Web Pages Complete Website Layout/Pages (LE3) Basic References: Lynch, P. J., & Horton, S. (2009). Web Style Guide. New Haven, US: Yale University Press. Retrieved from Van, D. G. T. M. (2001). Web Site Design is Communication Design. Philadelphia, PA, USA: John Benjamins Publishing Company. Retrieved from Lal, R. (2013). Design Essentials : Digital Design Essentials : 100 Ways to Design Better Desktop, Web, and Mobile Interfaces. Osceola, US: Rockport Publishers. Retrieved from Course References: Page 6 of 7

7 Grading System The final grade in this course will be composed of the following items and their weights in the final grade computation: Lecture Class Standing 70% Learning Evidences 30% Passing Raw Grade 50% RANGE EQUIVALENTS (COMPUTED AVERAGES & TRANSMUTED VALUES) Range of computed Range of Transmuted Value Grade General Classification average Outstanding Excellent Superior Very Good Good Satisfactory Fairly Satisfactory Fair Passed BELOW Passing Average 5.00 FAILED Failure due to Absences 6.00 FA Unauthorized Withdrawal 8.00 UW Officially Dropped 9.00 Dropped Page 7 of 7