DEGREE SPECIALIZATION

Interface Design

The Interface Design track prepares students for careers as interface designers with a focus on web design. Topics include graphic design, typography, graphic symbolism, user interface design, front-end web development, and motion graphic design. Additional courses include digital imaging, design history, and portfolio development.

Semester Grouping

Interface Design

An overview of what you will be learning through the semester courses.

First Year

Semester 1

ART 120
Intro to Typography
ART 125
Intro to Graphic Design
ART 159
History of Communication Design
ART 257
Motion Graphic Design

Semester 2

ART 127
Intro to Graphic Symbolism
ART 128
Interface Programming I
ART 202
Digital Imaging
ART 229
Interface Design I

Second Year

Semester 3

ART 129
Corporate Identity
ART 249
Interface Design II
ART 258
Interface Programming II
ART 293
NMA Internship

Semester 4

ART 285
Interface Design Studio
ART 285
Interface Design Studio
ART 293
NMA Internship
ART 295
Design Portfolio
Job titles

Related Careers

  • Web Designer
  • Front-end Web Developer
  • Information Architect (IA)
  • User Interface Designer (UI)
  • User Experience Designer (UX)
  • Graphic Designer
Learn

Technologies

terrablue-fox
Example of a student showing elements and principles of design.
PRINT

Elements and principles of design

understanding the visual components of size, lines, texture, colors, hierarchy, patterns, shapes, layout, space, hierarchy, proportion, contrast, balance, unity, variety, and many more.

Courses: ART 125

typography
In ART 129, a class exercise to learn about the font and craftsmanship on cutting out the letters.
LETTERING

Typography

is letterforms expresses the art and technique when arranging type.

Courses: ART 120, ART 129

identity_design
Olympics Pictograms created in ART 127.
GRAPHIC SYMBOLISM

Identity Design

a brand that clearly communicates with your target audience.

Courses: ART 120, ART 129

nerdstock
Nerdstock: Greek Music Festival is a creating a branding identity package was created in ART285.
BRANDING

Packaging Design

creating a packaging design which consists of logo, style guide, product, envelope, letterhead, and more.

Courses: ART 129, ART 285

print_layout
creating a layout for a brochure.
GRID

Layout

designing a page of what your spread may look like.

Courses: ART 120

information_architecture
Visual map on navigating the site of What-O-Saur created in ART 249.
SITEMAP

Information Architecture (IA).

a structural design of organizing websites and intranet.

Courses: ART 128, ART 155, ART 229, ART 249, ART 258, ART 285

user_experience
Book Mate mobile app design created in ART 249.
DESIGN

User Experience Design (UX)

how the user interacts on different mediums.

Courses: ART 128, ART 229, ART 249, ART 285

user_interface_design
On The Street website was created in ART 258.
DESIGN

User Interface Design (UI)

The design focus of how the user designs.

Courses: ART 128, ART 229, ART 249, ART 285

front-end development
Student learning how to code in html and css in ART 128.
CODING

Front-End Web Development

Learning code in html and css

Courses: ART 128, ART 229, ART 249, ART 285

Splash screen animation sequence created for Mosey App.
MOTION

Principles of Motion Design

understanding the basic principles of animation.

Courses: ART 202, ART 222, ART 257

From the KapCC Catalog

Interface Design Courses

ART 120 Introduction to Typography
ART 120 Typography explores letterforms and word compositions in the context of designing with type. Projects and lectures include traditional terms and classifications through contemporary digital typesetting technologies.

ART 125 Introduction to Graphic Design
ART 125 introduces various ways of organizing visual elements in page design and examines the conceptual meaning of the type and image in combination. Structural grid systems and design principles are used to organize visual information using page layout software.

ART 127 Graphic Symbolism
ART 127 Graphic Symbolism introduces the terminology, history and theory of graphic symbolism and explores shapes and letterforms to create symbols and logos.

ART 128 Interface Programming I
ART 128 Interface Programming I provides a foundation of front-end interface programming skills, techniques, and principles necessary to create visually effective, web standard compliant web sites. This course introduces HTML (HyperText Markup Language), CSS (Cascading Style Sheets), and JavaScript to manually convert custom visual interface designs into fully functional, interactive web sites.

ART 129 Corporate Identity
ART 129 introduces the concept of creating conceptually and visually unified corporate identity collateral with effective branding and marketing guidelines through the development of print and Web design.

ART 159 History of Communication Design
ART 159 is a chronological survey of design history with an emphasis on work from the Victorian Period through the present. International, political, social and technological issues are addressed in relationship to visual arts and design disciplines. A studio component integrates research with design projects.

ART 202 Digital Imaging
ART 202 is a studio course in digital imaging concepts and techniques including image capture, manipulation, and output. Emphasis will also be placed on developing an aesthetic criteria for evaluation.

ART 229 Interface Design I
ART 229 explores the fundamental concepts and principles of interface design by going through the early stages of the interface design process. Students plan and design web sites and audience specific interfaces. Technical emphasis will be placed on applying basic design skills and principles in the creation of visual mockups.

ART 249 Interface Design II
ART 249 Interface Design II builds upon interface design skills learned in Interface Design I. Students plan, design, and build web sites and audience specific interfaces on a more comprehensive level by going through the full interface design process. Technical emphasis will be placed on applying web design concepts and techniques using HTML, CSS, an JavaScript.

ART 257 Motion Graphic Design
ART 257 introduces the basic principles of animation using the elements of graphic design. Geared mainly toward applications for the web, students in this course work on projects that combine elements of shape, image, typography, and sound in time-based media.

ART 258 Interface Programming II
ART 258 Interface Programming II introduces basic computer programming techniques used to create rich media interfaces and web applications. This courses uses scripting languages, such as ActionScript and JavaScript, in the creation of projects that combine interactivity and animation.

ART 285 Interface Design Studio
ART 285 explores contemporary topics in interface design and new media art in an advanced studio environment. Through the creation of large-scale projects, students explore in depth the full design process of researching, planning, designing, producing, and displaying work that synthesizes interface design principles, topics, skills, and techniques.

ART 293 New Media Arts Internship
ART 293 provides supervised work experience in multimedia production with mentorship by a professional in the field. This variable credit course enables students to apply the knowledge and skills acquired in the classroom to the work environment.

ART 294 New Media Arts Practicum
ART 294 New Media arts Practicum provides an on-campus environment where advanced students in the NMA program can engage in real production.

ART 295 Design Portfolio
ART 295 guides students through the process of editing, compiling, and devising a strategy to focus their work to best market their skills in an interactive digital portfolio, hard copy portfolio, and application materials through a unified presentation. Industry and transfer issues will be covered to better prepare students for future career goals.

Get In Touch

Have Questions?

For general information and inquiries about the New Media Arts program at Kapi‘olani Community College, the Associate’s degree, and the admissions process to become a student, please feel free to get in touch:

Admissions

Ready to Apply?

We are looking for applicants that demonstrate creative potential, exceptional craftsmanship skills, core technical abilities, and an understanding of the fundamental principles of design and animation.