The following are a mix of student projects from the Boston University Center for Digital Imaging Arts (BUCDIA) and the University of Minnesota. In the case of BUCDIA, these projects served as capstones and real-life websites for non-profit clients. Graduates worked directly with their clients to establish visual communication parameters and establish a schedule and workflow up until the launch of the site. Design teams were assembled based on each project’s needs and the students came from their respective majors which included Graphic and Web Design, Web Development, Photography, and Digital Filmmaking. The Minnesota projects are part of the Graphic Design curriculum and were done by first-year design students.
Bottom: Crave Restaurant and Bar, Logo and App Design — Karli Young, Univ. Minnesota, Spring 2022
The Web Design classes that I have taught are intended to integrate the professional practices and processes of creating and developing websites with the objectives taught to students in their respective Graphic Design and/or Visual Communications courses. The development of the following web design concepts is investigated:
- analyzing and processing a web site as a solution for a visual communication problem
- identifying website anatomy and critiquing its aesthetic and functional makeup
- project management through simultaneous projects
- making use of resources for better use of a design process and an awareness of production issues involving coding
- wireframing and site mapping
- usability testing and accessibility
- prototyping
- discussion and lectures of interactive philosophy
- HTML, CSS, jQuery, PHP (and what these may mean to a designer)
Web Design
Redesign of New Yorker
Redesign of New Yorker
Redesign of New Yorker
Redesign of New Yorker
Redesign of New Yorker
Redesign of Fader, a Music and Lifestyle Magazine
Students choose a News Website (eg’s: NYTimes, NPR, Slate, Huffington Post, CNN, FoxNews, ESPN, etc.) and redesign the site following professional practices. Current information published, presented and organized by the news organization is evaluated and critiqued according to what is assumed is the publication’s intended audience and weighed against the students’ experiences and sensibilities. That information and feedback may be reorganized and presented with modifications to the publications categories. Students also investigate hierarchy of information through typography and layout.
Editorial Illustration, Research, Image Optimization
Kim Gaskins, CTU, Graphic Design, Fall, 2017 —
Suffolk University
Natasha Quijano, Graphic Design Graduate 2018 —
Suffolk University
Cree Daniels, Graphic Design Graduate 2019 —
Suffolk University
Assignment: Design, Illustrate, or Montage a newspaper or online article (editorial illustration) pertaining to an article found in the news.
Icon Designs
Dungeons & Dragons Gaming Application Icons,
Brendon O’Brien, CTU, Graphic Design, Fall, 2017 — Suffolk University
Daily Yoga Application Icons, Natasha Quijano,
Senior Graphic Design, Fall, 2017 — Suffolk University
Good Reads Application Icons, Kim Gaskins, CTU,
Graphic Design, Fall, 2017 — Suffolk University
Suffolk University, Icon designs for a health application
ICON — Iconic signs are those which resemble the object they represent. It is directly related to what it represents, the meaning is immediately evident. it can be a smaller part that represents a whole. An icon is a graphical representation of a word, concept, object or operation. note that your app icon will always be presented with the name of the application. Icon design is all about expressing yourself clearly in a confined amount of visual space. What is your application really all about? If you could only show people one thing that would represent your entire application, what would it be? Selecting a single object can work for some apps. If you must have several objects interacting with each other, make sure each and everyone of them is clearly defined and that the interaction is unmistakingly clear. Don’t clutter the space with unnecessary noise. As with all design, the more you take away from it while still keeping your message, the more clear that message will be.
