1 The year's work in stylistics 2009 Dan McIntyre, University of
A year's work in Design at National University
description
Transcript of A year's work in Design at National University
![Page 1: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/1.jpg)
Distance Education Team:Graphic Design Department
Graphic Designer: Juan C. Peña
![Page 2: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/2.jpg)
Standard Promotions Design
![Page 3: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/3.jpg)
Standard Promotions Design
• This section includes the design for standard format publications which may include but is not limited to:– Brochures /Pamphlets– Promotional/informational sheets– Post Cards– E-mail “Teasers”– Stationary.
• Some publications are done in collaboration with other departments.
![Page 4: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/4.jpg)
Brochures /Pamphlets
![Page 5: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/5.jpg)
Promotional / Seasonal
![Page 6: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/6.jpg)
Promotional / Seasonal
![Page 7: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/7.jpg)
Promotional / Seasonal
![Page 8: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/8.jpg)
Promotional / Seasonal
![Page 9: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/9.jpg)
Promotional / Seasonal
![Page 10: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/10.jpg)
Promotional / Seasonal
![Page 11: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/11.jpg)
Promotional / Seasonal
![Page 12: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/12.jpg)
Project Cover
![Page 13: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/13.jpg)
Minor Tweaks
Minor Tweaks are modifications that most people won’t notice unless they are paying attention. They are made in order to improve the look of certain elements. This one was done to integrate the Nacho character into the Mayagüez 2010 flyer.
![Page 14: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/14.jpg)
Course Graphic Design
![Page 15: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/15.jpg)
Course Graphic Design
• This process includes but its not limited to:– Banners– Illustrations– Image Manipulation– Animations, Editing(images, videos, sounds as
requested by the Instructional Designers)– Template Design
• It is intended for this products to be optimized for online distrubution with little or no quality loss in the process.
![Page 16: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/16.jpg)
Custom Built Course Banners
![Page 17: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/17.jpg)
PowerPoint Templates
![Page 18: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/18.jpg)
PowerPoint TemplatesOffice Space initial layout for Copyrights Presentation
![Page 19: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/19.jpg)
Online Courses and Graphic Design
This was a presentation made for faculty trainings. It explains the importance of using visual comunication to its fullest in an online course.
![Page 20: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/20.jpg)
Illustrations / Images
![Page 21: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/21.jpg)
Illustrations / Images
![Page 22: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/22.jpg)
Web Design and Development Projects
![Page 23: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/23.jpg)
Web Design and Development Projects
• All Research and Development for the Web Pages and other projects are done through on site by Juan C. Peña. – Programming done in HTML, CSS, Javascript, JQuery, some
PHP, Actionscript or any other programming language needed to get the end result.
– Layouts are usually planned, sketched out, translated to a design concept in Illustrator or Photoshop(as needed), then sectioned and programmed using Dreamweaver before being tested on multiple browsers to ensure fully or acceptable cross browser compatibility.
– In some cases some code may come from donors or developed based on research made.
![Page 24: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/24.jpg)
Alternative Seasonal Headers
This was a special project for the previous version of the webpage in which the banner would change to match the season(by date).
It was later scrapped.
![Page 25: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/25.jpg)
Blackboard Login Custom Design
This project was coordinated in strong collaboration with the Blackboard administrator(Pedro Nazario) to best meet the needs of our team and our students.
![Page 26: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/26.jpg)
Blackboard Interfase DesignInitial
In Sinc with Login Design
Simple – Bland Design
Developping Area
The ligntning represents the power of knowledge and technologyAlso represents light in the darkness (illumination also known as,
illustration , being well informed, educated, well studied)
Initial 2
This project was coordinated in strong collaboration with the Blackboard administrator(Pedro Nazario) to best meet the needs of our team and students.
![Page 27: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/27.jpg)
Distance Education Web PageInitial Distance Education
This custom version of the page has some elements that are especially designed for the online education users and team and students.
![Page 28: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/28.jpg)
Distance Education Web Page1. Icon Based Menu2. Special popup (closeable – contains
the survey, It Cannot Be Blocked) 3. Less Cluttered Interface.4. Quick access icons for the basic
areas.5. Bulletin Board (with
announcements)6. Facebook and Testimonials 7. Custom Banner to visually tell the
user this is the Online Ed. Page.8. Timer which displays the beginning
of next term.
• Icons are interactive and will pop up or move to ensure the user they are active
1
2
3
4
5
6
7
8
![Page 29: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/29.jpg)
Online Bulletin BoardThis page presents the user with the same announcements they would be presented on campus it serves a dual purpose of online publishing the announcements and ease of access.
The images are the same used on the printed promotional flyers.
![Page 30: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/30.jpg)
Browser Compatibility TestThis is a Browser compatibility Page It will check for the most commonly used plug-ins and scripts needed for a user to properly access the blackboard educational platform and complete his/her tasks.
The original code for the test was kindly provided by Shannon Meisenehimer, University of Central Missouri and adapted to fit the design and needs of this Distance Education Department.
This project was strongly studied and several scripts were analyzed to pick the best possible set for the task. Mr. Meisenehimer was kind enough to provide me with the latest most up to date version of the code.
![Page 31: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/31.jpg)
Online Tutorials
This part of the page contains the lists of tutorials made for our staff and students. It marks each link for the type(format) of tutorial.
![Page 32: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/32.jpg)
Support CenterThis Support ticket center is based on Osticket which is an open source platform. It has been Aesthetically customized to meet our needs and has some minor tweaks to the source code.
It helps to better manage the needs of our students and staff while keeping track of the progress of each particular case.
This project was coordinated in strong collaboration with the Blackboard administrator(Pedro Nazario) to best meet the needs of our team.
![Page 33: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/33.jpg)
Interactive Map
Flash Based Interactive map of National University College : Bayamon (also has a PPT of the main map (not the interactions))
In it’s initial screen it also displays the current location of the Distance Education Department.
It includes a Floor by floor layout of the main building with some important features highlighted. It has “walk through” photos of the Labs.
This special project is in need of revision and expansion.
![Page 34: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/34.jpg)
Interactive Map
![Page 35: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/35.jpg)
Newsletter EADTable Based E-mail Recieved Information Links to Joomla Based Web Newsletter
Keeps Design look & Feel
![Page 36: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/36.jpg)
Interface Icons
![Page 37: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/37.jpg)
Interface Icons
![Page 38: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/38.jpg)
New Technology
![Page 39: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/39.jpg)
NUC-Online FacebookThis Facebook page was made and mantained to keep close contact with our students and to take advantage of the promotional aspects of the facebook community.
Formatting and uploading of the promotional information is uploaded to this page to inform the our community.
It’s being maintained by our Blackboard Administrator with design help by our Graphic designer.
![Page 40: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/40.jpg)
Mobile DevelopmentThe original results from the research and development part of the Mobile Based Adaptation for the web page. This concept has been tested on an iPhone 3GS and some minor issues are being addressed. The original base code will be integrated on the joomla based module to match the design. This project is still under development. With the new page design some other tweaks may be made to the design.
![Page 41: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/41.jpg)
NUC Online Webpage Migration
Steps are being taken to migrate our webpage from the current CMS to a joomla CMS to keep the page and content more manageable. This will also aid in the re-design process as the content will be independent of the page layout.
This process will also allow the mobile project to be implemented at a faster pace making out page accessible and readable through mobile devices.
![Page 42: A year's work in Design at National University](https://reader036.fdocuments.us/reader036/viewer/2022070318/557b9790d8b42ac9248b4576/html5/thumbnails/42.jpg)
Incoming Transmission…More Research and Development is underfoot.
We are working on more projects and more technology.
Functional designs and better interfaces.
We are researching ways to implement these technology with improved reliability and functionality.
We will boldly go where no one has gone before…