flw_proc_2

18
Frank Lloyd Wright Interactive Web Design Jacob S. Pollak Savannah College of Art and Design ITGM 715 OL1 Summer 2010 Prof. David E. Meyers June 28, 2010

Upload: jacob-pollak

Post on 11-Mar-2016

212 views

Category:

Documents


0 download

DESCRIPTION

FLW_Proc_2

TRANSCRIPT

Frank Lloyd WrightInteractive Web Design

Jacob S. Pollak

Savannah College of Art and DesignITGM 715 OL1Summer 2010Prof. David E. Meyers

June 28, 2010

To use Macromedia Dreamweaver and any preferred image creation tools for image creation (Photoshop, Illustrator, ImageReady, Fireworks, Digital camera, scanner, etc.) to create a fully functioning Web site on the artist or artwork of your choice.

Content should include information about something or someone that has inspired you, presented in a compelling way so as to communicate to others what you like about it. The site can feature a visual artist, performer, curator, film, exhibition, etc. Any influential artist or artwork may be chosen, but be sure that research will provide both imagery and explanatory text that can be used in the web site.

Objective

Deliverables

Project deliverables include concept sketches, site map, look-and-feel explorations, design comps, and fully functioning site project files. You will submit your site folder as a zipped file.

Timeline

Unit 1: Begin thinking about your project topic and jotting down ideas in your sketchbook.

Unit 2: Design brief concept sketches on paper, and a site map due.

Unit 3: You should have documents showing your exploration of look and feel, along with design comps.

Unit 4: Submit final design comps.

Unit 5: Your complete functioning Web site is due.

Your site must be well designed and communicate clearly to an intended audience.

Post a design brief that indicates the overall concept for your piece.

To be well designed, your site should:• be laid out in a clear and organized manner

indicate a hierarchy of information• include typefaces that are appropriate for headings

and subheadings and can visually communicate the look and feel of your piece

• have a consistent and coherent scheme of colors and decorative elements

• have a strong composition.

Your design must be uniquely yours.

Your site must have at least four separate sections or pages, including:

• background or historical information about theartist or work

• your interpretation and impressions of the artwork• a gallery with imagery and examples resources for

additional information.

Each page must have a means to access any other page in the site, using a global navigation system.

All links must contain default and rollover graphics.

Content should include both text and imagery.

Include at least one external link that opens in a separate browser window.

Define the styles of your HTML text and store those styles in a separate CSS document used site-wide.

Requirements

Frank Lloyd Wright was an American architect whose work deeply influenced my interest in design, especially Graphic Design. Wright not only designed the structural shell of the buildings he was designing, he also designed many details of the home, including ornate windows, furniture, and carpets. He also took the building’s environment into consideration, integrating the buildings into their respective landscapes. In many ways, his openness to apply design to everything and to not just stick to architectural basics, has impacted the way that I have approached many things in my life. Ever since learning about Wright and his work, I have strived to learn alot about many things, and worked diligently to utilize and integrate the diverse knowledge in everything I do. I also believe that a person needs to be open to more than just their silo of practiition. Using Wright as an example, that even though he was an architect, he could, and did, apply his skills to the carpet, furniture, and windows. In this, he was able to design more than mere structures, he was able to create art.

Description

This website is intended to use Frank Lloyd Wright and his work to inform and inspire college students to learn and integrate knowledge, as opposed to siloing it. Wright will be used as the main focus, which will allow the goal of the site to be presented in an interesting way. Since Wright’s work is aesthetically interesting, the site’s design will be subordinated to it.

Rationale

��������������������������� ����������������

������������������������������������

���������������

�������������

������������������������������������������

�����������������������������������������������

����

������������������������

��������������������������������

�������������������������������������������

��������������������������������

�����������

Site Map

��������������������������� ����������������

������������������������������������

���������������

�������������

������������������������������������������

�����������������������������������������������

����

������������������������

��������������������������������

�������������������������������������������

��������������������������������

�����������

Initial Concepts

���� ����������������

������������������������������������������� ���������������� ���

�����������������

����� ������������������������� ������������������� ���� ���������������� ������������������������������������������������������������������� ������������������������������������������������������������������ ������������������������� �������������������������������� �������� ����������������������� ���������������������������������������� �������� ����������������������������������������������� ���� ��������� ���������������������������������������������������������������������������� �������������������������������������������������������������������������������������

�����������������������������

�����

������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

Digital Rough Concept 1

���� ����������������

������������������������������������������� ���������������� ���

����������������� �����

������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������

��������

��������

������

�������

��

�����������

�����

�������������

�����

��

�����������

��

������

������

������

������

������

������

������

�����

��

�����������

�����

��

�����������

�����

��

�����������

�����

��������

�����

��

�����������

���

������

�����

��

���� ����� �����������

������������������������������������������� ���������������� ���

�����������������

����� ������������������������� �������������������� ��������������������� ���������������������������������������������������������� ������������������������������������������������������������������������������������������������������������������������������������������ ��������������������������������� ������������������������������������������������������������������������������������� ���� ������������������������� �������������������������������������������������������������������������������������������������������� �����������������������������������������

�����������������������������

�����

������������������

������ ��������������������������������� ������������������������ ���� ���������������������������������������

������ ��������������������������������� ������������������������ ���� ���������������������������������������

������ ��������������������������������� ������������������������ ���� ���������������������������������������

��������������������� ������������������������ ���� ���������������������������������������

������ ��������������������������������� ������������������������ ���� ���������������������������������������

���������������������������

��������

��������

������

�������

��

�����������

�����

�������������

�����

��

�����������

��

������

������

������

������

������

������

������

�����

��

�����������

�����

��

�����������

�����

��

�����������

�����

��������

�����

��

�����������

���

������

�����

��

Digital Rough Concept 2

���������������������������

��������

��������

������

�������

��

�����������

�����

�������������

�����

��

�����������

��

������

������

������

������

������

������

������

�����

��

�����������

�����

��

�����������

�����

��

�����������

�����

��������

�����

��

�����������

���

������

�����

��

���� ����� ����������� ����������������� �����

������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������

��������

��������

������

�������

��

�����������

�����

�������������

�����

��

�����������

��

������

������

������

������

������

������

������

�����

��

�����������

�����

��

�����������

�����

��

�����������

�����

��������

�����

��

�����������

���

������

�����

��

���� ����� �����������

������������������������������������������� ���������������� ���

�����������������

����� ������������������������� �������������������� ��������������������� ��������������������������� �������������������������������������� ��������������������������������������������������������������������������������������������������������������������������� �������� ��������������������������������� ������������������������������������������������������������� ������������������������������������� ����������������� ������������������������������������������������������������������������������������������� ������������ ���������������������������������������������������������������������� ���������������������������������������

����� ���������������������������� ���������������� ���� ������������������������������������������������������������������������������������� ��������������������������������������������������������������������������������������������������������� �������������������� ��������������������������������������� ������������� ������������������������������������������������ ������������������������������������� ������������������� ���������������

�����������������������������

�������������������

�����

������ ������������������ ������������������������������������������ ������������������������������ ����������

������ �������������������������� ��� ���� �� ������������ ������� ����������������������������������������������

������ ������������������ ������������������������������������������ ������������������������������ ����������

��������� ������� ���� ��� �������� ������ ��� ���� ������� ��� ��

�����������

�������

Digital Rough Concept 3

���� ����� ����������� ����������������� �����

�����������

�������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

���������������������������������������������� ���� ���������������������������������������

������������� ��������������

��������

��������

������

���� ���

��

�����������

�����

�������������

�����

��

�����������

��

������

������

� �����

������

� �����

������

������

�����

��

�����������

�����

��

�����������

�����

��

�����������

�����

��������

�����

��

�����������

���

������

�����

��

� �� � � ������� ��������

��������������������������������������������������������������

� � ���� �� �������� �

���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

�����������������������������

�����

����������� �� �����

����������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

Refined Digital Concept

������������� ��������������

��������

��������

������

���� ���

��

�����������

�����

�������������

�����

��

�����������

��

������

������

� �����

������

� �����

������

������

�����

��

�����������

�����

��

�����������

�����

��

�����������

�����

��������

�����

��

�����������

���

������

�����

��

� �� � � ������� �������� � � ���� �� �������� � �����

����������� �� �����

����������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

��������������������������������������������������������������������������

��������������������������������������������������������������������������

��������������������������������������������������������������������������

��������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

����������������������������������������������������������������������������������������������������������

(313) [email protected]

www.JacobPollak.com

Jacob S. Pollak