Issuu on Google+

Eric Cushing | Table of Contents

- Interface design

- Promotional Materials

- Charts. Writing. Inter-office layout.

- Logo design

- Miscellaneous design

Navigate forward and backward using your arrow keys.

Âť


Eric Cushing | Interface Design 1


Selection Tool:

Left-click on an object to select it. Hold <key> to select more than one object. Left-click and drag to select multiple objects.

Pan/Zoom Tool: Left-click and drag to pan about workspace. Press ‘W’ to zoom in. Press ‘S’ to zoom out. (always available, despite selected tool)

undo

Undo Button:

Undo last instruction performed.

Redo Button:

Redo last instruction performed. Hold <key> to repeat the last instruction performed.

Text Tool:

Left-click to start a boundless line of text. Left-click and drag to define the boundaries of a text box. (as in the bounds of a paragraph)

Shape Tool:

Left-click and drag to create a shape. Left-click for a dialog box in which to define the specific dimensions of your shape. Note: If no shape is chosen, default shape is that which was last defined by the user.

GeoLine Tool:

Left-click to define connecting vector points; terminating in either a closed shape or line segment. Left-click and drag to draw single, straight line segments. Angles constrained to 45º increments.

Freehand Tool:

Left-click and drag to draw a freehand line segment or closed shape.

Lock Button:

Locks selected objects. If no objects are selected, button displays an UNLOCK icon, and will unlock all objects on the workspace.

redo

Sample spec. sheet Initially used to define software requirements while shopping for a software developer and, later, used as a road map during development.

Garment Button: Displays the Garment Selection and Options panel.

Garment Color:

Displays the Color Options panel for the currently selected garment. Note: Garment color can also be chosen from the Garment Selection and Options panel.

Center Button:

Vertically centers the selected objects to the garment.


Eric Cushing | Interface Design 2


1

change pattern

ft. 10 in.

wall dimensions

add elements

W

save/order

H

12 ft. 00 in. 8 ft. 00 in.

9

mural dimensions W H

5 3

6 in. ft. 00 in. ft.

ft.

7

in.

visualization aids


change pattern

wall dimensions

add elements

W

save/order

H

12 ft. 00 in. 8 ft. 00 in.

mural dimensions W H

5 3

6 in. ft. 00 in. ft.

visualization aids


change pattern

wall dimensions

add elements

W

save/order

H

12 ft. 00 in. 8 ft. 00 in.

mural dimensions W H

12 ft. 00 in. 8 ft. 00 in.

visualization aids


change pattern

wall dimensions

add elements

W

save/order

H

12 ft. 00 in. 8 ft. 00 in.

mural dimensions W H

12 ft. 00 in. 8 ft. 00 in.

visualization aids


Eric Cushing | Promotional Materials


Promotional binder Created for internal distribution over at Kodak in order to celebrate the launch of their new Kodak Gallery website and services.


Promotional apparel A series of nautically themed designs created to showcase a new direct-to-garment printing technology.


Eric Cushing | Charts. Writing. Inter-office layout.


Apparel Venture. Important Questions. We can not hope to paint a clear picture for anyone unless we can answer the following questions.

In one sentence, state the goal of the apparel venture.

Broadly describe the means by which this goal will be achieved.

How many different solutions can be devised within the constraints of the above mentioned means? List these solutions:

How many of these solutions can be used at one time? (Are we snipers, or duck hunters?)

A method for creating and identifying valid solutions: What differentiates our transfer solutions from others? How can these differences be leveraged, by innovative means, to offer what no one else can? (these ‘innovative means’ can be rooted in software, partnerships, marketing, culture catering, etc…) Of these unique offerings, which of them can offer better economic value and/or more convenience, than presently existing solutions. OR

Of these unique offerings, which of them provides a solution where none currently exist.


2 Types of Users. A spectrum of needs. Shopping: Passive, relaxing, selective, esteem building, instant gratification, frustrating* Designing: Active, defining, controlling, delayed gratification, frustrating*

GIF, JPEG, transparency support, vector graphics, layer support. If the ITM (image transfer method) requires that the image be cut and weeded prior to heat transfer, can the user define the cut path? This would almost have to be the case if it is user supplied artwork, as opposed to our own clipart. Local versus remote file storage. (is uploading even necessary?) Users should be able to export a design they’ve created online, so that they can use it elsewhere. When it comes to the team apparel this will be very important. Basic, no frills design elements are more important than the latest styles. They transcend aesthetic values and are capable of appealing to a very broad range of users. We must include a way for users to share artwork within an online community. - Sign up to receive content from certain sources. (users, companies, brands, etc) - Receive notices of new content meeting certain criteria. - Copying designs that other users have created, simply by clicking and dragging. A method for browsing through content located on other sites without having to leave the Workshop. The snapshot button; it produces a quick pop-up image of the garment & design. Easy to copy and paste or link to. Metallics. The ability to print on synthetic fiber. Silkscreen-like transfer method, no more plasticky rectangles. Ink where you want it, nowhere else; black, white and everything in between. Print anywhere on the shirt. No size restrictions. Overlap and multiple transfer methods can be applied to one shirt. (costs apply) This is a deal breaker for many online users. The last thing people want is another freakin password to remember.

DESIGNER (EXPERT) I will not make sacrifices for anything but my vision. For my vision, I will sacrifice time first.

My designs will be created using professional software tools, I need a list of eligible file formats and upload specifications. Stylized content is not important to me unless it comes from a credible peer group. Anonymous clipart will not win me over. What can you offer me that I can’t get from another online apparel printer? I do not want to create an account just to place my order. What will the final output look like?

For DTG: High-res shots of red, orange, yellow, green, blue, indigo, violet, black & white graphics, printed on red, orange, yellow, green, blue, indigo, violet, black & white shirts. Do we try to simulate the final look in the Workshop, while the user is still designing? Can the user click ‘preview’ or something? Again, processing power, are we local or remote?

What can your software offer me that Adobe can not? The tools I will use will be few, but must be precise. Move, scale, copy, rotate, mirror, align, adjust saturation, undo. I do not want other people to use my designs unless I give them permission.

SHOPPER (NOVICE) I will not make sacrifices for anything but what I desire. For that which I desire, I will sacrifice money first.

For everything but DTG (direct to garment): High-res shots of every transfer method applied to a black shirt, a gray shirt and a white shirt. Attention to the following: Resolution, bleed, seam interaction, overlap, stroke weight.

The content must be fresh & regularly updated. The content must rival that of my favorite brick&mortar retailer. I want to show my friends this shirt I’ve created, before I order it. What can you offer me that I can’t get from another online apparel printer? I do not want to be limited to certain printable regions of my garment. I do not want to create an account just to place one order.

We need to develop a method for graphically representing real-time purchase statistics. This would be like ’what’s hot?’ but visually communicating in a more familiar way.

Printing methods will not concern me until I get my order and it’s not what I expected. Don’t surprise me. Trends must be perceivable in a familiar manner. Shopping must not be tied to designing.

There has to be a fall back for people that are interested in the content, but will never try their hand at designing. A solution that appeals to shoppers.

I’m a better critic than I am a designer. Let me make that one change that makes it MINE.

Users must be allowed to browse through other people’s creations, edit them if they choose to, and then buy them.

My design is done, but it doesn’t feel done. It’s missing a certain ‘je ne sais quois.’

A tool that randomizes the act of designing something. No effort involved besides clicking a button over and over until the software spits out a design that the user likes. To advance this idea we could allow the user to restrict the sources of content and the number of allowable pieces of clipart used. The effects we choose to include should be comprised of two sets. 1. Default effects that provide very anonymous results. Distressed, faded, halftone, etc... These effects can add perceived substance to an amateur design. (we want to empower the user, make them better designers than they were before they met us) 2. A library that can be switched out, ultimately by our customers, that would perform effects specific to their brand and its needs. This would be open to user loading as well; I could develop an effects filter that I could make available to whomever chose to use it. If we can track every piece of clipart, then we can provide usage histories and examples to users as they’re designing. We could also use this information to provide advice regarding what two pieces of clipart would look good together. Keep in mind this kind of advice would simply be drawn from what people finally decide to order. It’s statistical creative help. Move by click and drag Nudge (with arrow keys) (user definable increments) Snap to a grid that the user can define. Toggle on/off Group objects Lock objects Scale by clicking and dragging, or by numeric value. Default constraint of proportions. Scale stroke? Click and drag copy. Copy by numeric value. Rotate by click and drag. Rotate by numeric value. Mirror about a horizontal axis. Mirror about a vertical axis. Align selected objects relative to each other. Top, bottom, left, right, center vertical, center horizontal. Align selected objects relative to the garment. Vertical center is most important. Convert the selected object to b&w or grayscale. Allow threshold adjustment for b&w conversion? Allow undo all the way back to the start. Allow multiple instances to be saved.

How do we want to handle rights management? A simple check box when an order is submitted? (yes, share my work with everyone) A simple check box when a design is saved?

Project visualization The start of a new venture can be very daunting for the entire team. I’ve had great success, keeping team members united, by providing a poster which visually envelopes the most important aspects of the project.

I’m not a designer, don’t force me to be one (I’ll leave the site so fast).

I need suggestions; if someone else has created something with the same clipart, I would like to see what they’ve done. I’ve used the design palette to create something I really like, I would like to save a copy of it as a jpeg. I will drag, drop, position, rotate, scale, undo and change colors.


Eric Cushing | Logo Design


Eric Cushing | Miscellaneous Design


Eric Cushing | End


Eric Cushing | Table of Contents -