{"id":163,"date":"2021-03-31T04:39:51","date_gmt":"2021-03-31T14:39:51","guid":{"rendered":"https:\/\/kccnma.site\/?page_id=163"},"modified":"2022-12-03T23:15:59","modified_gmt":"2022-12-04T09:15:59","slug":"interface-design","status":"publish","type":"page","link":"https:\/\/kccnma.site\/interface-design\/","title":{"rendered":"Interface Design"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light nma-hero\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\" style=\"background-color:#006699\"><\/span><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/kccnma.site\/wp-content\/uploads\/nma-hero-bg-video-design.mp4\" data-object-fit=\"cover\"><\/video><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-luminous-vivid-amber-color has-text-color\"><strong>DEGREE SPECIALIZATION<\/strong><\/p>\n\n\n\n<h1 class=\"has-white-color has-text-color wp-block-heading\" style=\"font-size:60px\"><strong>Interface Design<\/strong><\/h1>\n\n\n\n<p class=\"has-white-color has-text-color\"><meta charset=\"utf-8\">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.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/docs.google.com\/document\/d\/1fzedBzN0bVcK4QofG7CwaVV6HS0fCxufkhryAlR-G2k\/edit\" style=\"border-radius:3px\">view interface design curriculum<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/kccnma.site\/admissions\/\" style=\"border-radius:3px\">how to apply<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"semestergrouping\" class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h5 class=\"nma-runninghead wp-block-heading\">Semester Grouping<\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Interface Design<\/h2>\n\n\n\n<p>An overview of what you will be learning through the semester courses.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-11 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">First Year<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Semester 1<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>ART 120<br>Intro to Typography<\/td><\/tr><tr><td>ART 125<br>Intro to Graphic Design<\/td><\/tr><tr><td>ART 159<br>History of Communication Design<\/td><\/tr><tr><td>ART 257<br>Motion Graphic Design<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Semester 2<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>ART 127<br>Intro to Graphic Symbolism<\/td><\/tr><tr><td>ART 128<br>Interface Programming I<\/td><\/tr><tr><td>ART 202<br>Digital Imaging<\/td><\/tr><tr><td>ART 229<br>Interface Design I<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Second Year<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-9 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Semester 3<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>ART 129<br>Corporate Identity<\/td><\/tr><tr><td>ART 249<br>Interface Design II<\/td><\/tr><tr><td>ART 258<br>Interface Programming II<\/td><\/tr><tr><td>ART 293<br>NMA Internship<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Semester 4<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>ART 285<br>Interface Design Studio<\/td><\/tr><tr><td>ART 285<br>Interface Design Studio<\/td><\/tr><tr><td>ART 293<br>NMA Internship<\/td><\/tr><tr><td>ART 295<br>Design Portfolio<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h5 class=\"nma-runninghead wp-block-heading\">Job titles<\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Related Careers<\/h2>\n\n\n\n<ul>\n<li>Web Designer<\/li>\n\n\n\n<li>Front-end Web Developer<\/li>\n\n\n\n<li>Information Architect (IA)<\/li>\n\n\n\n<li>User Interface Designer (UI)<\/li>\n\n\n\n<li>User Experience Designer (UX)<\/li>\n\n\n\n<li>Graphic Designer<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h5 class=\"nma-runninghead wp-block-heading\">Learn<\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Technologies<\/h2>\n\n\n\n<div class=\"wp-block-jetpack-tiled-gallery aligncenter is-style-square\"><div class=\"tiled-gallery__gallery\"><div class=\"tiled-gallery__row columns-10\"><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/html5-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"HTML 5 Logo\" data-height=\"195\" data-id=\"1081\" data-link=\"https:\/\/kccnma.site\/html5-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/html5-logo.jpg\" data-width=\"200\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/html5-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i1.wp.com\/kccnma.site\/wp-content\/uploads\/css3-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"CSS 3 Logo\" data-height=\"195\" data-id=\"1079\" data-link=\"https:\/\/kccnma.site\/css3-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/css3-logo.jpg\" data-width=\"200\" src=\"https:\/\/i1.wp.com\/kccnma.site\/wp-content\/uploads\/css3-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i2.wp.com\/kccnma.site\/wp-content\/uploads\/js-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"Javascript Logo\" data-height=\"195\" data-id=\"1082\" data-link=\"https:\/\/kccnma.site\/js-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/js-logo.jpg\" data-width=\"200\" src=\"https:\/\/i2.wp.com\/kccnma.site\/wp-content\/uploads\/js-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i1.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-cc-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"Adobe Creative Cloud Logo\" data-height=\"195\" data-id=\"1073\" data-link=\"https:\/\/kccnma.site\/adobe-cc-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/adobe-cc-logo.jpg\" data-width=\"200\" src=\"https:\/\/i1.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-cc-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i2.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-ps-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"Adobe Photoshop Logo\" data-height=\"195\" data-id=\"1076\" data-link=\"https:\/\/kccnma.site\/adobe-ps-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/adobe-ps-logo.jpg\" data-width=\"200\" src=\"https:\/\/i2.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-ps-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i1.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-ai-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"Adobe Illustrator Logo\" data-height=\"195\" data-id=\"1072\" data-link=\"https:\/\/kccnma.site\/adobe-ai-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/adobe-ai-logo.jpg\" data-width=\"200\" src=\"https:\/\/i1.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-ai-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i2.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-id-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"Adobe InDesign Logo\" data-height=\"195\" data-id=\"1074\" data-link=\"https:\/\/kccnma.site\/adobe-id-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/adobe-id-logo.jpg\" data-width=\"200\" src=\"https:\/\/i2.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-id-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-pr-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"Adobe Premiere Logo\" data-height=\"195\" data-id=\"1075\" data-link=\"https:\/\/kccnma.site\/adobe-pr-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/adobe-pr-logo.jpg\" data-width=\"200\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-pr-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-ae-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"Adobe After Effects Logo\" data-height=\"195\" data-id=\"1071\" data-link=\"https:\/\/kccnma.site\/adobe-ae-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/adobe-ae-logo.jpg\" data-width=\"200\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-ae-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" srcset=\"https:\/\/i1.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-xd-logo.jpg?resize=195%2C195&#038;strip=info&#038;ssl=1 195w\" alt=\"Adobe XD Logo\" data-height=\"195\" data-id=\"1077\" data-link=\"https:\/\/kccnma.site\/adobe-xd-logo\/\" data-url=\"https:\/\/kccnma.site\/wp-content\/uploads\/adobe-xd-logo.jpg\" data-width=\"200\" src=\"https:\/\/i1.wp.com\/kccnma.site\/wp-content\/uploads\/adobe-xd-logo.jpg?ssl=1&amp;resize=195%2C195\" data-amp-layout=\"responsive\"\/><\/figure><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap is-layout-flex wp-container-17 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1280\" height=\"720\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/terrablue-fox.jpg?resize=1280%2C720&#038;ssl=1\" alt=\"terrablue-fox\" class=\"wp-image-1098\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/terrablue-fox.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/terrablue-fox.jpg?resize=800%2C450&amp;ssl=1 800w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/terrablue-fox.jpg?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><figcaption class=\"wp-element-caption\">Example of a student showing elements and principles of design.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>PRINT<\/strong><\/h5>\n\n\n\n<h2 class=\"nma-subcontentheadline wp-block-heading\">Elements and principles of design<\/h2>\n\n\n\n<p>understanding the visual components of size, lines, texture, colors, hierarchy, patterns, shapes, layout, space, hierarchy, proportion, contrast, balance, unity, variety, and many more.<\/p>\n\n\n\n<p>Courses: ART 125<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap nma-swap is-layout-flex wp-container-21 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"1010\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/typography.png?resize=1600%2C1010&#038;ssl=1\" alt=\"typography\" class=\"wp-image-1100\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/typography.png?resize=1600%2C1010&amp;ssl=1 1600w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/typography.png?resize=800%2C505&amp;ssl=1 800w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/typography.png?resize=768%2C485&amp;ssl=1 768w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/typography.png?resize=1536%2C969&amp;ssl=1 1536w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/typography.png?resize=2048%2C1292&amp;ssl=1 2048w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><figcaption class=\"wp-element-caption\">In ART 129, a class exercise to learn about the font and craftsmanship on cutting out the letters.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>LETTERING<\/strong><\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Typography<\/h2>\n\n\n\n<p>is letterforms expresses the art and technique when arranging type.<\/p>\n\n\n\n<p>Courses:&nbsp;ART 120, ART 129<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap is-layout-flex wp-container-25 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1594\" height=\"1600\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/03_identity_design.png?resize=1594%2C1600&#038;ssl=1\" alt=\"identity_design\" class=\"wp-image-1102\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/03_identity_design.png?resize=1594%2C1600&amp;ssl=1 1594w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/03_identity_design.png?resize=797%2C800&amp;ssl=1 797w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/03_identity_design.png?resize=768%2C771&amp;ssl=1 768w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/03_identity_design.png?resize=1530%2C1536&amp;ssl=1 1530w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/03_identity_design.png?resize=2040%2C2048&amp;ssl=1 2040w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><figcaption class=\"wp-element-caption\">Olympics Pictograms created in ART 127.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>GRAPHIC SYMBOLISM<\/strong><\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Identity Design<\/h2>\n\n\n\n<p>a brand that clearly communicates with your target audience.<\/p>\n\n\n\n<p>Courses:&nbsp;ART 120, ART 129<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap nma-swap is-layout-flex wp-container-29 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/s.bradley-nerdstock.jpg?resize=1024%2C768&#038;ssl=1\" alt=\"nerdstock\" class=\"wp-image-1186\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/s.bradley-nerdstock.jpg?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/s.bradley-nerdstock.jpg?resize=800%2C600&amp;ssl=1 800w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/s.bradley-nerdstock.jpg?resize=768%2C576&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><figcaption class=\"wp-element-caption\">Nerdstock: Greek Music Festival is a creating a branding identity package was created in ART285.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>BRANDING<\/strong><\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Packaging Design<\/h2>\n\n\n\n<p>creating a packaging design which consists of logo, style guide, product, envelope, letterhead, and more.<\/p>\n\n\n\n<p>Courses:&nbsp;ART 129, ART 285<br><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap is-layout-flex wp-container-33 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"788\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/05_print_layout.png?resize=1600%2C788&#038;ssl=1\" alt=\"print_layout\" class=\"wp-image-1104\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/05_print_layout.png?resize=1600%2C788&amp;ssl=1 1600w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/05_print_layout.png?resize=800%2C394&amp;ssl=1 800w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/05_print_layout.png?resize=768%2C378&amp;ssl=1 768w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/05_print_layout.png?resize=1536%2C757&amp;ssl=1 1536w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/05_print_layout.png?resize=2048%2C1009&amp;ssl=1 2048w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><figcaption class=\"wp-element-caption\">creating a layout for a brochure.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>GRID<\/strong><\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Layout<\/h2>\n\n\n\n<p>designing a page of what your spread may look like.<\/p>\n\n\n\n<p>Courses:&nbsp;ART 120<br><br><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap nma-swap is-layout-flex wp-container-37 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"989\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/06_information_architecture.png?resize=1600%2C989&#038;ssl=1\" alt=\"information_architecture\" class=\"wp-image-1105\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/06_information_architecture.png?resize=1600%2C989&amp;ssl=1 1600w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/06_information_architecture.png?resize=800%2C494&amp;ssl=1 800w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/06_information_architecture.png?resize=768%2C475&amp;ssl=1 768w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/06_information_architecture.png?resize=1536%2C949&amp;ssl=1 1536w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/06_information_architecture.png?resize=2048%2C1265&amp;ssl=1 2048w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><figcaption class=\"wp-element-caption\">Visual map on navigating the site \nof What-O-Saur created in ART 249.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>SITEMAP<\/strong><\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Information Architecture (IA).<\/h2>\n\n\n\n<p>a structural design of organizing websites and intranet.<\/p>\n\n\n\n<p>Courses: ART 128, ART 155, ART 229,&nbsp;ART 249, ART 258, ART 285<br><br><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap is-layout-flex wp-container-41 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"1600\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/07_user_experience2.png?resize=800%2C1600&#038;ssl=1\" alt=\"user_experience\" class=\"wp-image-1106\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/07_user_experience2.png?resize=800%2C1600&amp;ssl=1 800w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/07_user_experience2.png?resize=400%2C800&amp;ssl=1 400w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/07_user_experience2.png?resize=768%2C1536&amp;ssl=1 768w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/07_user_experience2.png?resize=1024%2C2048&amp;ssl=1 1024w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/07_user_experience2.png?w=1786&amp;ssl=1 1786w\" sizes=\"(max-width: 800px) 100vw, 800px\" data-recalc-dims=\"1\" \/><figcaption class=\"wp-element-caption\">Book Mate mobile app design created in ART 249.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>DESIGN<\/strong><\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">User Experience Design (UX)<br><\/h2>\n\n\n\n<p>how the user interacts on different mediums.<\/p>\n\n\n\n<p>Courses: ART 128, ART 229, ART 249, ART 285<br><br><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap nma-swap is-layout-flex wp-container-45 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1600\" height=\"858\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/08_user_interface_design.png?resize=1600%2C858&#038;ssl=1\" alt=\"user_interface_design\" class=\"wp-image-1107\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/08_user_interface_design.png?resize=1600%2C858&amp;ssl=1 1600w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/08_user_interface_design.png?resize=800%2C429&amp;ssl=1 800w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/08_user_interface_design.png?resize=768%2C412&amp;ssl=1 768w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/08_user_interface_design.png?resize=1536%2C823&amp;ssl=1 1536w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/08_user_interface_design.png?resize=2048%2C1098&amp;ssl=1 2048w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><figcaption class=\"wp-element-caption\">On The Street website was created in ART 258.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>DESIGN<\/strong><\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">User Interface Design (UI)<\/h2>\n\n\n\n<p>The design focus of how the user designs.<\/p>\n\n\n\n<p>Courses: ART 128, ART 229, ART 249, ART 285<br><br><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap is-layout-flex wp-container-49 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/m.visitacion-coding.jpg?resize=1024%2C768&#038;ssl=1\" alt=\"front-end development\" class=\"wp-image-1187\" srcset=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/m.visitacion-coding.jpg?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/m.visitacion-coding.jpg?resize=800%2C600&amp;ssl=1 800w, https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/m.visitacion-coding.jpg?resize=768%2C576&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-recalc-dims=\"1\" \/><figcaption class=\"wp-element-caption\">Student learning how to code in html and css in ART 128.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>CODING<\/strong><\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Front-End Web Development<br><\/h2>\n\n\n\n<p>Learning code in html and css<\/p>\n\n\n\n<p>Courses: ART 128, ART 229, ART 249, ART 285<br><br><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns nma-overlap nma-swap is-layout-flex wp-container-53 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"458\" height=\"401\" src=\"https:\/\/i0.wp.com\/kccnma.site\/wp-content\/uploads\/bicycle.gif?resize=458%2C401&#038;ssl=1\" alt=\"\" class=\"wp-image-608\" data-recalc-dims=\"1\"\/><figcaption class=\"wp-element-caption\">Splash screen animation sequence created for Mosey App.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"nma-runninghead wp-block-heading\"><strong>MOTION<\/strong><\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Principles of Motion Design<br><\/h2>\n\n\n\n<p>understanding the basic principles of animation.<\/p>\n\n\n\n<p>Courses: ART 202, ART 222, ART 257<br><br><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-59 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-57 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h5 class=\"nma-runninghead wp-block-heading\">From the KapCC Catalog<\/h5>\n\n\n\n<h2 class=\"wp-block-heading\">Interface Design Courses<\/h2>\n\n\n\n<p><strong>ART 120 Introduction to Typography<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 125 Introduction to Graphic Design<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 127 Graphic Symbolism<\/strong><br>ART 127 Graphic Symbolism introduces the terminology, history and theory of graphic symbolism and explores shapes and letterforms to create symbols and logos.<\/p>\n\n\n\n<p><strong>ART 128 Interface Programming I<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 129 Corporate Identity<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 159 History of Communication Design<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 202 Digital Imaging<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 229 Interface Design I<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 249 Interface Design II<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 257 Motion Graphic Design<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 258 Interface Programming II<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 285 Interface Design Studio<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 293 New Media Arts Internship<\/strong><br>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.<\/p>\n\n\n\n<p><strong>ART 294 New Media Arts Practicum<\/strong><br>ART 294 New Media arts Practicum provides an on-campus environment where advanced students in the NMA program can engage in real production.<\/p>\n\n\n\n<p><strong>ART 295 Design Portfolio<\/strong><br>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.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#f6f6f6\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns is-layout-flex wp-container-64 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"nma-runninghead\">Get In Touch<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Have Questions?<\/h2>\n\n\n\n<p>For general information and inquiries about the New Media Arts program at Kapi\u2018olani Community College, the Associate&#8217;s degree, and the admissions process to become a student, please feel free to get in touch:<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/kccnma.site\/contact\/\">contact nma counselor steve harris<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"nma-runninghead\">Admissions<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ready to Apply?<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/kccnma.site\/admissions\/\">Admissions Info<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/kccnma.site\/admissions\/\">Apply Now<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Semester Grouping Interface Design An overview of what you will be learning through the semester courses. First Year Semester 1 ART 120Intro to Typography ART 125Intro to Graphic Design ART 159History of Communication Design ART 257Motion Graphic Design Semester 2 ART 127Intro to Graphic Symbolism ART 128Interface Programming I ART 202Digital Imaging ART 229Interface Design &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/kccnma.site\/interface-design\/\"> <span class=\"screen-reader-text\">Interface Design<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","footnotes":""},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kccnma.site\/wp-json\/wp\/v2\/pages\/163"}],"collection":[{"href":"https:\/\/kccnma.site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kccnma.site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kccnma.site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kccnma.site\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":5,"href":"https:\/\/kccnma.site\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"predecessor-version":[{"id":1474,"href":"https:\/\/kccnma.site\/wp-json\/wp\/v2\/pages\/163\/revisions\/1474"}],"wp:attachment":[{"href":"https:\/\/kccnma.site\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}