ITP logo
Procrastinating in the Heat
A few words from a professional procrastinator
Archive for the ‘ CommLab:2D ’ Category
ABS-CBN Logo
ABS-CBN is the largest broadcasting network in the Philppines with a long history attached to it.
It is the 2nd TV station to open is Asia following the NHK in Japan. It was originally known as Bolinao Electronics Corporation which was built by James Lindenberg. BEC was renamed Alto Broadcasting System when Antonio Quirino, brother of then President Elpidio Qurino who used mass media (radio/television) to get his brother re-elected.
In 1956, publishing giant Chronicle Broadcasting Network, owned by business scion Don Eugenio Lopez, Sr. purchased ABS from Lindenberg and Quirino to form ABS-CBN Broadcasting Corporation.
The logo composed of malayan styled letters for the letters ABS and CBN. The three rings represent the 3 large islands of the Philippines signifying the coverage of the network enclosed in a square box which represents fair and balanced programming. The arrangement of the rings and the rectangle is formed in the shape of a broadcasting tower.
When color TV was introduced in the 60s, the primary colors for transmission were used to add color to the rings.
In 1972, the station and all it’s subsidiaries were shut down upon the declaration of Martial Law and did not re-open until after the 1986 EDSA revolution where the original owners who were forced into exile returned and reclaimed their station.
The pre-martial law logo was used until the end of 1999.
In 2000, a coorporate decision was made into re-designing the logo to meet the current demands. ABS-CBN is no longer a radio and television network, but now has other mediums such as the web, magazine publishing, motion picture studio and international distribution among it’s business. The logo was designed in-house.
The new logo did not deviate much from the original logo as it had to still look like ABS-CBN. The typography was modified into a modern malayan style from the original and moving all entire wording at the bottom to firmly represent the company name. The square box no longer surrounded the logo as it did before but is what is considered “outside” but remains in the logo.
The logo sits well in a vertical and a horizontal format depending on the requirements as well as light and dark backgrounds.
Any additions and modifactions are simply added below.
Business card study
Business card studies
Typography
This week’s CommLab2D homework is about typography.
So how would my name look like in typography?
I’ve selected 3 serif and sans serif fonts to fit the bill. From my name it’s important for me for the font to have prominent A’s, M’s and D’s.
It’s important for me to present the “A” of my mother’s maiden name due to the fact that there are technically 3 Melissa dela Merced’s in the family. The only letter that separates us is the middle initial and I’ve selected it here with Serif font, “Bergamo”.
My name has Spanish origins and traditionally the word “dela” is not counted alphabetically and is set in the lowercase. Using the font “Merriweather”, this allows a balance in the letters that are important to me without having to sacrifice any.
“Quattrocento” is an interesting font for me that I would like set in steel infront of my future office. This it almost looks like a sans serif font but the A’s and the M’s give it away.
“Days” is a sans serif font that I would like to put on the side of a race car. There is a certain amount of flair in the A while maintaining the orderliness of the rest of my name which I would describe me as a somewhat traditional person.
I’ve set my name in this order since I share the same initials as my mother. “Salaryman” represents my family. The way that it lines up the MDM together.
“Hattenschweiler” is what I call the Star Trek font or how your name is usually written in rallycars. I place it here as my fondness for both.
These are just a few of my experiments in typography. Two of which is based on what I was feeling over the weekend while the other came from a random word I saw on the internet.
What’s wrong here?
Homework02
View more presentations from Melissa Merced
Website design analysis
For the first homework for CommLab, I’ve selected a local Philippine news website for analysis.
“Interaksyon.com” is the news website of the television station TV5. After being recently acquired two years ago, they have yet to establish as webpresence as a news organization. Most Filipinos get their online news from three major websites which makes everything they’re doing is like starting out from scratch and build their audience from there.
This is the front page of the website. The headline encompasses the center but highlights features such the 9/11 article and the attacks in Afghanistan.
Using a single grid to line everything up nice and tidy, the user doesn’t need to worry which one to look at first as it is presented in a very linear fashion.
It shows in both the negative and positive space that every pixel on the site is used thus giving it the image of being very clean and professional as a news site should be.
The color selection is kept to three main colors which is the color of their logo using RED, WHITE and BLACK. The only deviations from these colors occur in the images that link to microsites from the main site. Fonts are pretty much kept to sans serif fonts and limiting it to 3 an again, deviations only occur in links and images that lead to microsites.
As we scroll down, the page splits into a three column setup which then the user has the option to decide which to read first. Due to the tightness of layout, it still remains clean but a bit confusing on where to go next unless you already know what you’re looking for. The splits in page are interesting to note as they occur at a page break if your monitor is set at 1024 x 768 which doesn’t make it jarring for the user.
Scrolling even further the site adjusts to the 3 column layout to ben evenly spaced. I feel like this page was intended for a tablet due to the large space devoted to the commentary pages and more microsites.
Still it maintains the tightness of the layout as well as the solid space that it’s occupying.
So how does the “Interaksyon” website fare? Direct to the point, concise and not a waste of space. It both functionally serves the the quick access to news part, which is important to the user. One does not need to find the headline nested beneath at least two more clicks. It shows practically everything on the front page but if the headlines aren’t for you, you can just easily click on the menus on top or just scoll down. Very easy to navigate.
SHARE THIS
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Join 5 other subscribers
my flickr stream
Recent Posts
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | ||
Categories
- anime (9)
- Comics (4)
- CommLab:2D (6)
- Computational Cameras (12)
- Connected Documentary (4)
- gadgets (62)
- ICM (5)
- ITP (8)
- mobile (80)
- movies (10)
- PCOMP (19)
- Sensor Workshop (1)
- stuff (40)
- travel (24)
- TV (3)
- Uncategorized (12)
- videogames (141)
TAGGED
1up 2010 afa09 amazon animal crossing anime apple arduino atlus bioware blizzard CERN commlab DanO dlc DnD dragonage dragon age E3 ffxi FFXIII FFXIV Final Fantasy finals food Gran Turismo guitar hero homework iphone ipod ITP iTunes japan kindle kinect Kotaku LED LHC macao macau macworld mass effect MGS MGS4 MMO MMORPG mobile music nbc NDS nintendo nyu pc PCOMP processing PS3 PSN psp racing ramen rants Rock Band RPG rumor rumors sega Singapore Sony Square-Enix travel up weekend Wii xbox xbox360Archives
- December 2012
- November 2012
- October 2012
- May 2012
- April 2012
- March 2012
- February 2012
- January 2012
- December 2011
- November 2011
- October 2011
- September 2011
- July 2011
- May 2011
- April 2011
- February 2011
- January 2011
- December 2010
- November 2010
- October 2010
- September 2010
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- February 2007
- December 2006
- November 2006
- September 2006
- August 2006
- July 2006
- June 2006
- May 2006
- April 2006
- March 2006
- February 2006
- January 2006
- December 2005
Procrastinating in the Heat 