Info on Alignment

Raquel Abdool


Alignment

Alignment is used to create links between different visual elements. It quickly chows viewers the relationships between the objects. It works by visually associating elements (when you see elements aligned you think they share a common property).

Ex. Paragraphs, images, buttons

Alignment and the properties of alignment would be important if you want the user to understand what you’re showing quickly, especially if there are many different elements, like in a website.

For example, objects on the top and left side are visually stronger than aligning them on the right and bottom of the page.

Colin Blake, Psychogeographic Map

My walk was fairly uneventful so i decided to focus my map on the snippets of conversations you hear when you walk by people. I didn't really get into unfarmiliar territory, so i was a little bored. Hearing the conversations left it up to my imagination to finish them and that provided some entertainment.

Last chance...

Hello Class,
There are still many psychogeographic maps floating around the blog that are not properly labeled. Please take this opportunity to label your work before I begin marking the exercises.

Submitted work MUST ALWAYS CONTAIN YOUR FULL NAME AND THE APPROPRIATE LABEL # (Section 14 or 15). If your work is not properly labeled YOU WILL NOT RECIEVE A MARK.

If your not sure, check that your work shows up when you click on your class section (under Labels on the right hand navigation menu)… if it doesn't, sign in and you will be able to edit your own posts. Please contact me (or Chris) if you have any difficulties.

Best,

--
Michael Erdmann merdmann@faculty.ocad.ca

Map

JungChol's Music Video .

It present some happening can be happened in a day all around the world.

Music : canon.

by JungChol Yim ( Andrew )

JungChol's psychogeographic map

just see it !

my map

yup.
what does it mean to you?

map

tae yoon terry park

Sohee's Phsycogeographical Map

Logan Gabel

Juhee's Psychogeographical Map

My map

Yeni's Psychogeographical Map

Streets, city must be cleaned!!

Narae's Psychogeographical map

Diana Balanyuk map

Youngji's map!!

I saw lots of squirrels during the exploration
they were everywhere and
they were so cute!!♡♡
anywayz i enjoyed walking in the snow
even though it was sooo cold outside

Jenny Duong Route

I know my way around town so didn't get lost..but my instructions where "make a right, 1st right, 2nd left, 2nd left, repeat"

Richard Wong's Route

This is my route.... It's a little
cycle going from OCAD to Beverly st. then it goes down St.Patrick st to
Queen st. and simply back to OCAD.

Jaesik's Psychogeographical Map

lisa macdonald - psychogeographical map

Miriam's Psycho[geoprahical] Map d=

My Psychogeographical Map Thing

Hai Ry's psychogeopraphical map

Monica Su

There were stares and glares while I was walking down the streets, an unhappy bunch of people.

This walk was horrible and scary and freezing

I was led behind OCAD where i went into this random stairwell, 3 floors underground and found a cd. I also found a watch in the snow. I got totally lost and ended up at the U of T campus twice, George brown College Daycare Center, past a hospital, and somehow ended up walking down college st, right into mccaul. Lucky Me.

Hyun mi's Psychogeographical map

Downtown walk

The Brainwave map:



I lost my little sheet of paper, so I wrote my own route:

1st street right
2nd street left
1st street left
4th street right
repeat =>

Raquel Abdool's Map

my map of what i saw getting lost and the general direction i went. i used an eye as the main image because there was alot of things i noticed walking around while eating skittles, which has its own place in my map (skittles in toronto taste funny). i put images together by what area or street i noticed them in.
-some images used from flickr

Jooyoung Kim's Psycogeographical Map

Hau-Ling (Andrea) Chan's psychogeographical map

Leong Lek Kin aLice ...

There is a really nice Sushi shop and Coffe shop on my way !!!
You guys should try !!!

Gordon Queale.....Psychogeographical Map...

I've replaced street names with songs that I was listening to. I changed the music to suit the vibe of the neighborhoods...a soundtrack of sorts. At one turn I took, on the ground in paint it said..."There are no shortcuts in life worth taking"...I thought that was pretty apropo...then when I was supposed to take my 4th left (chinatown), at the turn there was a giant sign with 4 arrows pointing left down the street...uber creepy and really cool...at the end of it I ended up so far I took two buses and the subway back...ipod died after dodgy bus # 2...late getting back...word.

Chris Parker - A downtrodden alley-youth

I took a walk. I ended up in alleyways. Behold!

Aaron Szymanski's Map

This is my map, it's sort of more conceptual then the others posted sofar, but I think it looks cool, which is what really counts in the end.

Yana's Psychogeograficoanalytical Map

So I decided to use my palm as a map, because the cuts in our palms change over time, just like our feelings and emotions... Plus, since it was damn cold that day and I didn't wear gloves, my hands turned really red by the time I got back, cuz I did have to take all these pictures.
But overall it was quite fun, I think sometimes we do have to get out on the streets of the city we live in and sort of create this wonder-trips for ourselves, and it would be even better to have a friend along too. So ya, I would love to do this again one day. But not when it would be freezing outside! D E F I N A T E l Y !! !! !!

Rachel's Psychoanalysis Map

Jaclyn's Psychoanalysis Map

how i posted an imovie up in yo blog:

imovies up in yo blog

USER EXPERIENCE MAP

My process

Further reading...

Hey class(es), some projects came to mind during today's lecture.

If you liked the exercise today, you should check out Janet Cardiff. She is a Canadian artist from Ontario currently living in Alberta (I think). She has done a bunch of great audio / film works, inculding many walking tours, and the amazing Paradise Institue (excellent user experience design).

On the more literary/theoretical side, Walter Benjamin explored the idea of the flaneur and wrote extensively about the city and its psychogeography (though I don't think he used that term). His major work was the Arcades Project.

Also in the vein of urban exploration is Infiltration, a zine and website 'about going places you're not supposed to go'. My personal favourites: subway tunnels, the sheraton hotel sub-basement.

We talked a bit about mapping today, and we will get more into that later, but there's a great book about mapping as a conceptual practice called Else/Where: Mapping — New Cartographies of Networks and Territories (terse, I know). It talks a lot about mapping of various things (conversations, networks etc) and about visualization as a design tool. Available on amazon.ca but not, sadly, in the library. I will bring it in next week.

map

josh

Colin Blake Posting Map

my video

Logan Gabel

USER EXPERIENCE MAP

UPLOAD VIDEO TO YOUTUBE

1. Create an account with YouTube
2. Click 'Upload video'
3. Browse your computer and choose appropriate file
3. Upload the ' web-streaming' compressed video file

POST VIDEO ON BLOGGER

1. Copy embedded HTML code from YouTube
2. Log into blogger by remembering 'user name' and 'password'
(posing some difficulty)
3. Choose 'new post' after logging in
4. Paste embedded HTML to the 'Edit HTML' Tab
5. Click 'PUBLISH' button
6. Receive 'coding error', warning 'embed src=' tag not closed
7. Close tag, applying all knowledge of HTML
8. View Blog

VIDEO

Logans Video

Juhee's process map

Sohee's map

Part B

_______________________________________________________
*Before you start:
Make sure you export your video
-Web-streaming


Step 1: Go to www.youtube.com and create an account
Step 2: Go to your email to confirm your info.
Step 3: Log in to your Youtube account and click Upload Videos
Step 4: Fill in info about your video and click Go upload your file
Step 5: Click Browse and find your saved video
Step 6: Copy the embed HTML code
Step 7: Go to www.blogger.com and log in to your account
Step 8: Click New Post and paste the embed HTML code you copied before
Then, click Publish
Step 9: Click View Blog. You are done!
________________________________________________________

Ilia Alexeev movie

OK, so since all the files were deleter I had to search for a solution, so here we go.



Steps:

1. Go to www.dojoofthefourwinds.com
2. Download videos from the "Videos" page
3. Download the japanese flute music from a random website
4. Use iMovie to create a video sequence
5. Export the video for web streaming
6. Since I already have a YouTube account, Log in
7. Enter the Title, description and keywords for the video
8. Choose the video from the Desktop and upload it
9. Copy the code into the clipboard
10. Go to www.blogger.com
11. Log in with the new account
12. Create a new post
13. Paste the code from the clipboard
14. Write down the procedure

process-MinHee Kim

Log in to YouTube

click on "upload Video"

type all the information
click on "Upload a file"

On next page, press browse->
select a video file "minhee'z music video"

I had to compress the file-
Open the video->
Go to file->
Click "export"->
Web streaming->
Save it to "temporary storage"->
Use Program "Quick Time"

Come back to the page with browse again->
Upload video->
Copy the Embed HTML

Sign in the Blogger->
Click new post->
Paste the HTML and publish

music video

My process

1. Export a video clip.
2. Go to http://www.youtube.com/ and create an account.
3. Enter your username and password.
4. Click on the “upload a video” button.
5. Fill in all required information and upload your video.
6. Copy the HTML code.
7. Go to http://www.blogger.com/ and sign in.
8. Click on “new post”.
9. Paste video’s HTML code.
10. click publish.
Now the video is posted.

Patrick's Map

Patrick's video

Jenny Duong's map

1min interaction

My Experience Map