MAT
Information Architecture
New Logo
INFORMATION ARCHITECTURE | NAVIGATION SYSTEM
We hope to create a user experience that feels intuitive and exciting. Using a bit of wit and visual pun we’ll endeavor to make the site both professional and lighthearted. We’d like to address the end-user in a welcoming and free spirited creative space that also projects a clear easy to navigate structure and is imbued with a sense of community. STRUCTRUE:
The structuring of the new site includes a repurposing of the density of content on the core, global navigation pages and rethinking the navigation and design ethos of the site.
Consolidating information will eliminate redundancy, for example, we will collect the bios from 13 pages to one.
CONSOLIDATION:
A single bio page seems best practice for disseminating the flow of con¬tent on our site; one group of ideas (one concept, on one page) for instruction will facilitate easier navigation between personalities. A restructuring of course listings by a conditional cluster/filtration process might help prospective students find the content they are looking for by query. The option to choose content in the program through a filter that arranges information by course, accreditation (certificates), or instructor will allow students to stay in one area while exploring the program through different modalities.
The portfolio, showcase and alumni pages are going to be combined as one idea and housed on one global nav. page. The page will be called “student work”.
NAMING CONVENTIONS:
Looking at the site from the perspective of first time visitors and then as matriculated students finding their way in the program, we thought about where it seemed most useful and intuitive to find information about the campus, classes, curriculum and instruction, and which aspects of the content naturally, or sequentially correlated with one another. We compared navigational naming conventions form City College, Parsons, RISDI and CAL ARTS, among others.
Universal
OBJECTIVES:
We would like to address the need for a constructed design hierarchy and implement a more contempo¬rary approach to disseminating the class content. We hope to create a system that can be approached with three different queries, one that allows the con¬tent on the current “courses page” to be reorganized by choosing a search modality; by course, credential (i.e. certificate, certificate of proficiency and AA de¬gree) or by instruction. This will allow the user to toggle between ideas without leaving the page. The content will reorganize itself by query or user prompt.
Portfolios showcase and alumni might also share a common area. A showcase that can be easily updat¬ed seems like a helpful idea. The home page will clearly map how to use the system and give a short accolade to the program. Aditional content about the program and school might be found on the about page.
STUDIO 235
MAT Web Development + Design
7
MAT New Logo
The new logo seems to inhabit a timeless space. It has the feel of vintage television, in its black and white rendering. The logo occupies a 3d conceptual space that implies the meeting of art and technology and the semiosphere the latter inhabbits for this trade.
MAT
Site Map
MAT Media Arts and Technology
1
home
news
about
certificates
courses
course certificates
faculty
flash
portfolios
student
work
news about
certificates courses faculty student work
SITE ID
MAT logo (linked to index.html)
MAT
Certificate Programs
and AA Degrees
certificate programs/aa degrees
1
1
GLOBAL NAVIGATION
website navigation links (HTML/CSS)
2
PAGE HEADER BACKGROUND
div/css background image
3
PAGE HEADER
HTML/CSS text
4
LOCAL NAVIGATION
certificate/degree listing(links)
5
CERTIFICATE/DEGREE
text description of program/degree
6
COURSE INFO POP-UP
javascript pop-up window with course
description (please view below for example)
7
FOOTER
fixed footer
8
2
3
6
4
GRAPHIC DESIGN | Associate in Arts Degree
The Associate in Arts Degree in Graphic Design provides the most comprehensive educational opportunity for the aspiring designer. In addition to acquiring the skills provided by completing the Graphic Design Certificate of Achievement, you will also complete courses that will expand and enrich your learning experience, and by extension, your employment opportunites, and your life. An AA Degree also provides further opportunities when transferring to a four-year college or university.
The number of units and the types of courses to earn an AA degree are mandated by the college, and by the state. Please refer to the official College Catalog for the complete requirements. However, within the General Education Requirements, you have many options. Some courses provide more relevant experiences that will help you to maximize your skills in the challenging field of Graphic Design. Please refer to the General Education Courses listed below for a suggested list. Remember though, that these are just suggestions; you can always choose other courses from the catalog.
However, before you begin your course of study, you will need to meet with one of the MiraCosta career counselors, and also discuss your plans with one of the MAT faculty. Our job is to help you succeed.
Graphic Design Certificate of Achievement (30 units)
Please refer to Certificate of Achievement details on the left.
General Education Courses (at least 24 units)
While you have many choices within the GE area, the MAT Faculty recommends the following courses as particularly relevant to a major in Graphic Design.
Please remember that this is only a recommended list, it is not inclusive, and you have other requirements and options. Consult the College Catalog for the complete list of AA Degree requirements.
English 100—Composition and Reading English 202—Critical Thinking and Composition Art 100—Drawing and Composition Art 101—Design and Color Art 103—Beginning Sculpture
Art 201—Objects and Ideas in Contemporary Art
Art 254—Understanding and Appreciating the Photographic Image Art 258—Ancient to Gothic Art
Art 259—History of Renaissance to Modern Art Art 260—History of Modern Art
Communication 101—Principles of Oral Communication Communication 106—Group Discussion
Communication 207—Interpersonal Communication Communication 220—Introduction to Mass Communication Philosophy 130—Critical Thinking and Writing Film 101—Introduction to Film
Philosophy 102—Contemporary Moral Problems
TOTAL REQUIRED 30 unit
5
Associate in Arts Degrees Graphic Design Web Development + Design Video + Media Design Certificates of Achievement
Graphic Design Web Development + Design Video + Media Design Certificates of Proficiency
Print Publishing Video and Animation Visual Communication Web Design
9
7
MAT 155 | Graphic Design 2 : Typography
3 Units Prerequisites: NoneAdvisory: MAT 135 Acceptable for Credit: CSU Lecture 3 hours, Lab 1 hour
Typography is one of the most vital components of all visual communication. This course focuses on developing a solid understanding and use of type and letterforms within a composition, whether in print, video or multimedia, to improve the quality of
about
4
7
news about
certificates courses faculty student work
SITE ID
MAT logo (linked to index.html)
MAT
faculty
1
1
GLOBAL NAVIGATION
website navigation links (HTML/CSS)
2
PAGE HEADER BACKGROUND
div/css background image
3
PAGE HEADER
HTML/CSS text
4
FACULTYS BIO
HTML/CSS text - all faculty bios on 1 page
5
FOOTER
fixed footer
6
2
3
5
Jeff Uhlik holds a Bachelor of Fine Arts Degree in Graphic Design from Kent State University and a Masters Degree from San Diego State University in Graphic Design specializing in Interactive Digital Media. He accumulated over twenty years experience as a design professional and fifteen years as an adjunct professor of graphic design before being hired at MiraCosta.
faculty
4
6
Jeff Uhlik Department Chair [email protected] www.miracosta.edu/home/juhlikabout
4
news about
certificates courses faculty student work
SITE ID
MAT logo (linked to index.html)
MAT
student work
1
1
GLOBAL NAVIGATION
website navigation links (HTML/CSS)
2
PAGE HEADER BACKGROUND
div/css background image
3
PAGE HEADER
HTML/CSS text
4
STUDENT BIO
HTML/CSS text - all student bios on 1 page
5
GALLERY
jQuery Gallery
6
FOOTER
fixed footer
6
2
3
5
Jeff Uhlik holds a Bachelor of Fine Arts Degree in Graphic Design from Kent State University and a Masters Degree from San Diego State University in Graphic Design specializing in Interactive Digital Media. He accumulated over twenty years experience as a design professional and fifteen years as an adjunct professor of graphic design before being hired at MiraCosta.
student work
4
Jeff Uhlik Department Chair [email protected] www.miracosta.edu/home/juhlik6
news about certificates courses faculty student work
SITE ID
MAT logo (linked to index.html)
MAT
news
news/blog
1
1
GLOBAL NAVIGATION
website navigation links (HTML/CSS)
2
PAGE HEADER BACKGROUND
div/css background image
3
PAGE HEADER
HTML/CSS text
4
BLOG CONTENT
blog CMS
5
BLOG NAVIGATION
news blog navigation links
6
FOOTER
fixed footer
7
2
3
6
4
5
7
news
about certificates courses faculty student work
SITE ID
MAT logo (linked to index.html)
MAT
about
about
1
1
GLOBAL NAVIGATION
website navigation links (HTML/CSS)
2
PAGE HEADER BACKGROUND
div/css background image
3
PAGE HEADER
HTML/CSS text
4
ABOUT CONTENT
blog CMS
5
PHOTOS
column of photos from around the department
6
FOOTER
fixed footer
7
2
3
6
4
5
7
Welcome to the Media Arts and Technologies Department at MiraCosta College. Located in sunny Oceanside, California, in north San Diego County, MiraCosta College offers students a beautiful campus with green open spaces, views of the mountains and ocean, state of the art facilities, and a dedicated and talented faculty
about
4
7
news about
certificates courses faculty student work
SITE ID
MAT logo (linked to index.html)
MAT
certificate programs/aa degrees
1
1
GLOBAL NAVIGATION
website navigation links (HTML/CSS)
2
PAGE HEADER BACKGROUND
div/css background image
3
PAGE HEADER
HTML/CSS text
4
COURSE DISCRIPTIONS
HTML/CSS text - all courses on 1 page
5
FOOTER
fixed footer
6
2
3
5
MAT 110 | Digital Imaging 1 : Photoshop
In this course, you will learn practices and principles of digital imaging, illustration, and photographic manipulation using Adobe Photoshop. You will gain hands-on experience with the tools and techniques used by artists and designers to create effective and sophisticated digital imagery for print and web publication. The course covers photo editing and color correction tools, working with layers, selection and masking tools, blending modes, filters, and much more to enhance digital images and to create special effects. Projects include raster
3 Units Advisories: None Prerequisites: None Acceptable for Credit: CSU Lecture 3 hours
