Vuốt

Như thường lệ sau khi đọc xong hai quyển sách thì tôi tắt hết đèn để thằng Đán ngủ. Hôm qua mệt quá nên tôi thiếp đi. Đến 9:30 giật mình thức dậy thì thấy nó vẫn chưa ngủ. Khi đưa tay ôm nó thì tôi đụng cái tả. Ngạc nhiên là tại sao tả lại rớt ra. Tôi bật đèn đọc sách lên thì thấy nó đã lột hết cả quần lẫn tả và đang nằm vuốt cu. Cái trò này hơi bị mới.

Hôm qua là ngày tổng thống đáng nhớ.

Four Words

The first assignment for our graduate seminar, which focused on analog typography, was to explore the expressive range of non-traditional type. We had to choose a theme: “fire, water, earth and air” or “summer, spring, winter and fall (or autumn).” Then we had to create each word without the use of the computer and each composition must be executed with one of the following media: wet (paint, ink, etc.), dry (pencils, crayons, charcoal, ballpoint, etc.), collage (2D or 3D) and mechanical/photographic means.

For my project, I chose “fire, water, earth and air.” For the execution, I selected food as my media. For fire, I used crushed chilly peppers. The reason is obvious: hot peppers burn like fire. That was the easiest one to do and it met the dry media requirement. For earth, I wanted to convey organic; therefore, I made a collage of whatever my wife had at home (green beans, onion, carrot, mint, garlic and tangerine) into the word. For air, I picked popcorns since they are as light as air. To meet the mechanical/photographic means, I took a shot of the composition.

Water was a bit tricky to pull off. My initial concept was to freeze the ice cubes with food coloring. Once they are frozen, I could assemble them into the word “water” and let the ice melt a bit before taking the photo of it. Then I came across some watermelon in the refrigerator and the idea went off. Water in watermelon, get it? So I smashed up the watermelon and let the juice spilled over the canvas with the word “water” spelled out. That also met the wet media requirement.

I had fun playing with this project. It’s a special feeling to do the craft with your hand instead of relying on the computer even though I used some Photoshop to clean up the photography. I also had a personal assistant helping me out with the execution. Thanks baby!

The Jazz Train Collection for Kids

My boys are fascinated with trains. Dao loves trains when he was about one. He also has a huge influence on his younger brother and cousin. From The Polar Express to The Little Engine That Could to Thomas & Friends to Chuggington, the three of them could watch train movies all day day long. One of the songs that played the most in our minivan during Christmas travel was “The North Pole Express” by Nick Lowe. Seeing them loved that song so much, I came up with the idea of pulling together a jazz train collection for them to get them to listen to jazz. Last night, I came up with about forty songs in my collection and the one song that has been covered the most was Duke Ellington’s “Take the ‘A’ Train.” I narrowed down to just ten and the requirement had to be fun for the kids to enjoy. So here’s my final list:

  1. “Daybreak Express” by Duke Ellington: When it comes to train songs, this one comes to mind immediately. It’s a thrilling composition filled with the “Ellington Effects.”
  2. “Hobo, You Can’t Ride This Train”: Gotta love Pops’s gruff voice on this record.
  3. “All Aboard” by Wynton Marsalis: This is one of Dao’s favorite train tracks. It’s definitely an Ellington’s influence.
  4. “So Many Roads, So Many Trains” by Otis Rush: Gotta throw in a good old blues train into the mix.
  5. “Take The ‘A’ Train” by Duke Ellington & His Orchestra: Although I have about ten versions of this tune ranging from Ella Fitzgerald to Ben Webster, I have to go with the original record.
  6. “The North Pole Express” by Nick Lowe: This is the track that inspires this collection. The kids are already in love with it.
  7. “That Same Old Train” by Snooks Eaglin: Another blues train with the sensational bluesman Snooks Eaglin.
  8. “Honky Tonk Train Blues” by Meade “Lux” Lewis: Gotta have some boogie woogie in the mix as well. I hope it would inspire one of the boys to pick up the piano.
  9. “Mystery Train” by Junior Parker: The original blues tune that became a rockabilly standard.
  10. “Blue Train” by John Coltrane: A hard bop joint from Coltrane is more for me than the kids.

The Bug Report

The following report came from one of Dao’s teachers:

Yesterday, we went to the gym and we saw a few bugs and the children were very intrigued about them, so today we asked them.
Miss Rachael: What did you guys see in the gym?
Kassie: We saw a bug
Alex: we saw a stink bug.
Eva: I think I saw 5 stink bugs. There were one had 2 babies and the other had 1 baby.
Miss Rachael: What do you know about bugs?
Dao: if you squish them, they die.

I never taught him that.

Because Dao is eloquent with language, Dan picks up his motor skills from him as well. The other day, Dan dropped a container of cereal while we were riding to the daycare. He said slowly, “I spilled cereal… Dao can you pick them up?” Early today, I was putting on his diaper and joked with him, “Cu đẹp đâu rồi?” (Where is your pretty penis?) He tried to take off his diaper and replied, “Let me show you. Let me show you.”

Hoàng Quyên – Cửa Thơm Mùi Nắng

Hoàng Quyên has a big pipe and a slight raspy timbre. In fact, her voice has a reminiscent of the youthful Thanh Lam’s without vibrato issues. Her rendition of “Em và Đêm” and “Có Đôi” off her debut Cửa Thơm Mùi Nắng, a collaboration with her mentor Lê Minh Sơn, makes you miss the efflorescent Thanh Lam back in the old days. Her phrasing, particularly on the high register, is so much lighter comparing to Thanh Lam’s. Even though vibrato is applied in big notes, she uses them with care and control.

Highlight of the album is the opening “Ngày Em Ra Đời.” The tune, which produced by Lê Minh Sơn himself, has a sensational swing with hypnotic walking bass and Miles-inspired muted trumpet. Another standout number is “À Í A.” Accompanied by Trần Mạnh Hùng’s elegant classical piano, Hoàng Quyên brings out the emotional essence without being operatic like Trọng Tấn.

“Gió Mùa Về,” on the other hand, falls short on range and dynamic. Her version, which has a new rock-up production, is flat comparing to Ngọc Khuê’s contemporary folk-jazz take. In addition, Ngọc Khuê added so much playfulness—pushing her vocals to an uncomfortably high level and pulling back to child-like talking—into her delivery that it would be hard to match.

Nevertheless, Cửa Thơm Mùi Nắng is a strong, solid debut. She can’t go wrong under Lê Minh Sơn’s guidance and Trần Mạnh Hùng’s arrangements. The album, however, doesn’t define the true Hoàng Quyên other than the younger version of Tham Lam. Nothing’s wrong with that. Madeleine Peyroux started out sounding like Billie Holiday, but found her true self as she became mature. Let’s hope that Hoàng Quyên will discover her own voice as well.

Typography for Marketers

An intriguing take on “How Typography Affects Conversions.” Ankit Oberoi:

For Internet marketers, the most important thing to remember is to use typography to complement and enhance your copy. When done right, it can trigger the right emotion, mood, and even action required to get a visitor to convert.

NoVA UX Meetup: UX Army of One

In his presentation titled, “The UX Army of One: How to Get More Done with Less,” Jonathan Rubin, program manager for the DigitalGov User Experience Program at the U.S. General Services Administration, explained five simple steps to get usability and user experience rolling in your organization.

The first step is to take advantage of cheap, effective resources such as templates (scripts, personas and Heuristic evaluations), free tool trials (for prototyping includes Axure, Balsamiq and POP) and books (Rocket Surgery Made Easy by Steve Krug).

The second step is to make quick wins. He suggests making small tweaks along the way rather than making big design changes. For usability, he advised using three testers and to focus on three top usability issues.

The third step is to sell your concept by presenting both good and bad UX stories and showing before and after screenshots of your design. Jon also recommends applying Jakob’s “Corporate Usability Maturity.”

The fourth step is to share results quickly (the day of the testing if possible). When sharing the results, don’t just email them. Present the results instead. Making quick reaction videos are highly recommended if you have the resources.

The final step is to build a team. Find other people who do user experience both inside and outside of your organization. Give yourself a cool title like user experience evangelist or UX team lead. Hands-on training is also a great way to build a partnership.

While the presentation was informative, it focused more on usability than UX aspect. Jon spoke more from a theory than design perspective. Still, I am glad to see some UX activities in the NoVA community. I am definitely keeping an eye on the NoVA UX Meetup in the future.

Is Design School Worthwhile?

Like many self-taught web designers, I questioned the value of academia. Before enrolled into the master program in graphic design at the George Mason University School of Art, I wondered if the investment worthwhile. Would I get anything out of school or would I just waste my time? As I listened to a few web design podcasts that covered the same topic, I had more doubts. Many web designers left school because they found the programs weren’t up to speed with the industry. They weren’t taught responsive web design or the latest technologies.

Even though I was unsure about going back to school, I applied for an MA program away because the degree would allow me to teach and share my passion for web design. In spring of 2012, I was accepted into the program and decided to give it a try. After more than ten years, I was excited to be back to the classroom environment. For my first semester, I took a four-credit course on advanced typography and one-credit course on graduate design seminar.

As much as I love type, I struggled in advanced typography. I could hardly keep up with the professor’s expectation. Each class I had to bring in 20 to 30 pieces of work for critique. As a result, I just had to churn out work, but had no time to refine any of it. I made it through the class, but it was stressful. I didn’t learn much because the course felt like an acrobatic exercise than creative thinking. Once again, I wondered if the efforts and the investments worth it. I thought of dropping out, but decided to give it one more shot.

In the spring of 2013, I took a four-credit advanced web design and a one-credit seminar. I had been doing web design for the past ten years and my technological skills were fairly up to date; therefore, the web design course should be a piece of cake. I was wrong. I struggled even more. While the professor wanted me to do sketches on papers and mockups in Photoshop, I wanted to jump straight into the browser. Our approaches were totally different. Since I was the one being graded on, I needed to follow the professor’s approach.

While I was having a hard time with my advanced web design class, I had fun in the seminar class. For the entire semester the class focused on building a board game. I created a jazz trivia game. What I enjoyed so much about the class was that I was working something that interested me. Rather than just getting the assignment done, I put the effort into the work. At the same time, I got to know a classmate that changed my perspective on schooling. Even though the seminar was just a one-credit, he put 200% into his projects. He went the extra miles on everything he did and that inspired me.

In the fall of 2013, I took a four-credit course on brand identity design and a one-credit seminar. I did well on both because I turned the assignments into opportunities. Rather than just trying to fulfill the requirements, I selected the subjects that I was passionate about and that made the whole different. I put more thoughts into the contents and the design process.

It took me three semesters to realize that you get out of graduate school what you put in. The courses won’t prepare you for the newest trend in the industry, but they prepare you for critical thinking and problem solving. As a result, I learned to select classes that would broaden my horizon rather than classes that teach technical skills. Instead of choosing classes that I know I could breeze through, I would choose classes that would challenge me. In that regard, graduate school is worthwhile.

Designer Presentation: Jessica Hische

Since the focus of this seminar is on analog typography, I would like to present one of my favorite type designers whose work involved mostly with hand lettering. Her name is Jessica Hische. Here’s a short bio of Jessica from The Great Discontent:

Jessica Hische is a letterer, illustrator, and self-described “avid internetter”. After graduating with a degree in Graphic and Interactive Design from Tyler School of Art, she worked for Headcase Design in Philadelphia and was Senior Designer at Louise Fili Ltd. After two and a half years, she left to further her freelance career and has also become well known for her side projects including Daily Drop Cap and the micro-sites, Mom This is How Twitter Works, Should I Work for Free?, and Don’t Fear the Internet, a collaborative project with [her husband] Russ.

Jessica’s clients include Wes Anderson, Tiffany & Co., the New York Times, Penguin Books, Target, Leo Burnett, and Wired Magazine. She’s been named a Print Magazine New Visual Artist (20 under 30), one of Forbes 30 under 30 in Art and Design, and an ADC Young Gun. She currently serves on the Type Directors Club Board of Directors.

Let’s take a look at some of her featured projects.

Jess & Rush Keepsake

This is a printed book based on their online wedding invitation, which is a crazy parallax web site.

Mail Chimp logo revision

I love the details that went into the revision to make the letters more legible at small sizes.

CAA Friday Night Party

Here’s an elegant invitation based on theme of The Great Gatsby.

Minot Font

A display typeface to use used for special occasions such as wedding invites and baby announcements (minot means “child” in French).

Penguin Drop Caps

A series of twenty-six collectible hardcover editions of fine works of literature. Each cover featured a letter illustrated by Jessica.

Moonrise Kingdom

Jessica worked directly with director Wes Anderson on his recent film titled Moonrise Kingdom. Initially she was hired to create 20 credits in the beginning of the movie and a typeface to be used for the end credits. She ended up creating two fonts—a display and a text weight of the same typeface. “Working with Wes was an absolute dream” she said, “I was amazed and impressed at just how involved he is with every aspect of his films.”

Side projects

Aside from client work, Jessica creates side projects to exercise her creativities.

Thousand Under 90

Go ahead and give yourself an award.

Don’t fear of the Internet

A series of video that teaches HTML and CSS to none-web designers.

Quotes & Accents

A brief, useful guide of how to create smart quotes and dashes.

The Daily Drop Cap

A little side project that made a big impact on her career. She illustrated a letter a day and posted them online. The site received more than 100,000 visitors per month.

About Her Site

Her visual design skill alone is incredible and yet what I admired about Jessica is that she also teaches herself coding to build her own web site. In addition to learning HTML and CSS, she also learned CMS. With her recent redesign, she moved off WordPress and rebuilt her site with Kirby, which is a static file generator. I read about Kirby from following her work and played it with a bit. I am using it on a small client project and quite impressed with its lightweight, flexibility and security.

Job Seekers Should Consider Supporting Older Browsers

A few years ago, I went to an interview for a web design position at a government agency. I passed the first interview and was asked to come back to present my work to the director. Once I arrived, the secretary already set up a PC laptop for me to demonstrate my portfolio.

As the director booted up the laptop, he couldn’t find Chrome or Firefox. IE 8 was the only browser available. He said, “Well, this is actually a test to see if your sites work on older browsers.” I said with confidence, “Of course, they would.” Even though I was already using new HTML5 elements at the time, I made sure my site worked on IE 6 as much as it could. I couldn’t have imagined how I would gone through the interview with broken web pages.

With the web, you never know what situation you would run into. It probably doesn’t matter if you’re not intended to work for government or university. Still, if you can support older browser, you should. Progressive enhancement is still very important as proved here.

Contact