Learning IA: Quote #1

Posted in Design, Internet

 

We tried using wireframes as a strictly internal tool: no client viewing allowed. But as much as a wireframe helped designers visualize the functionality and interaction of the site, it cramped their style. Designers who stuck close to the wireframes did not exercise their creativity, and all our sites started to look the same.

Page Design Diagram (PDD) on Where the Wireframes Are: Special Deliverable #3 by Dan Brown

Dunny DIY Vector Template

Posted in Design, Toys

I’ve been searched throught the internet, to find any vector Dunny template, but i’ve got none. Many stuff that i’ve found are in bitmap format. I can’t find any single vectorized template out there *Sigh* So i decided to make one based on bitmap template i’ve found. Hope you like it and let’s draw that blank Dunny! (note: this is not official blank template from Kidrobot, any copyright and register are belongs to Kidrobot Company)

DOWNLOAD

Adobe Illustrator Format (.ai)

EPS Format (.eps)

Twitter Background: My point of view

Posted in Curah Rasa, Curah Ide, Design, Internet, Tips&Trik, Blogging

In the past 1,5 years until today I’ve been using Twitter as one of my social-networking or micro-blogging tools on the internet. Honestly, for me (and for others thousand people I believe) Twitter is the best micro-blogging tool in the universe that actually can revolutionary change the way you think and the way you act, both in the internet life and actual life. There’s so many interesting things around Twitter, beside the chat, useful links, friendship and so many many amazing things on Twitter, there’s one thing that related to kind of visual thingy, the thing that always be my interest, oh and it’s my primary job actually related to visual :) that thing is: Twitter profile background.

Instead of discussing about technical issues like ‘how to make a Twitter background’ or ‘what size is the Twitter background’ or something like that, I’ll addressing more into the concept of background itself as a one of the visual element, that I believe, need more attention to it. I’ve seen so many kinds and so many people doing customs on their Twitter profile background. One thing that also interesting, there’s a website that compiling and showcasing a lot of great Twitter profile background. Day after day looking on different kinds of Twitter background, either on my Twitter followers profile background or from the many Twitter background showcase websites, it has pushed me to write some of my own notes about what the best way to designing our own Twitter profile background. On this notes, I’ll give some example on people’s "common mistakes" about the Twitter background. Mmm, but i’m not trying to tell you that I have the best Twitter background. No. Even my background is far from perfect tho :)

So, here we go…

1. It’s about "Twitter Background", but let’s focus on the second word: Background.

As a part of visual element, the definition about "background" as I noted from Wikipedia is "the part of a scene that appears to be farthest from the viewer". Let’s highlight the word "farthest" for a while and keep it in mind. On the other side, as an opposite of background, there’s also a visual element called "foreground", which I believe, the definition of "foreground" is the other way from the "background" definition. The background should be treat as a BACKground and should not be treat as FOREground. It means, the background should not much attractive than it’s foreground. Why? because it’s BACKground (remember the word "farthest"), and we should consider that the background is ‘later’ than foreground. Without saying the background is less important, sorry to say, but foreground is much more important. Why? Let’s see the illustration below. 

 click to enlarge

Commonly the foreground (and it should be) containing a main/primer object(s) of information such as text(s) or image(s). These primary element (foreground) is the main thing that should be seeing first by eyes rather than the background. The background is a supporting element and the good background should (errr, MUST) help this foreground to be more visible/stand out. The background is far and foreground is near. Back and Front. Simple isn’t? :) I’ve seen so many people lost on it’s meaning of background and they applied misconception about background on their Twitter profile background.

2. Do you see a redundant?

"Why should I read your name twice? Why should I read your website URL twice? Why should i read your bio or your interested things twice? and why should i see your ugly avatar twice? :D "  — (Keep open the illustration above)

We should thanks to Twitter that have been so nice to give us a certain area that can be fill up with our personal information on the sidebar. In my humble opinion, use it properly! so we don’t need to repeat the information again on our background. I still believe that the best twitter background is contain other informations, literally or visually, that could not be delivered by the default Twitter information sidebar.

I planned to make a great Twitter background, but it ended with dizzying people that came to my profile.

More crowded, more visible, more eye-catching, but keep in mind that it’s just a BACKGROUND.

 

3. Your Twitter profile background is not for yourself, it’s for your next thousand potential followers! (to catch your unique personality)

Yes, custom things make it more personalized, but it doesn’t mean "WTF with people says". Of course the Twitter background is the area that we can customize to match with our brand personality. It show who we are, sometimes it also show what we capable for (your particular skills; maybe on art, design, photography, business or it can be anything). But trust me, you’ll never look at your twitter background twice and sure neither your followers, but for other people, first look on your Twitter background is the most crusial part for them to seeing you as a unique person and it will end up with how people will decide to follow you or not to follow you (yes believe me, that’s one of the visual power that sometimes people could not realize that visual capability).  

People these days are getting sharpen and more aware to visualize and to show their unique brand personality, even if they’re not visual designers, i’ve seen so many Twitter background that well-done designed and have a strong personality, but in many cases they’d missed about the basic background-foreground concept. Redundant information on background also another thing that always make me unpleasant because the Twitter profile page it self is already crowded with the tweets timeline. 

You can agree, but in the other side you could disagree with this issue I’ve written above. So let me hear your thought about it :) Oh ya, don’t forget to follow me on Twitter! ;)

KAWS Profiled on CBS

Posted in Design, Toys, Video


[via WoosterCollective]
KAWS on Wikipedia

My Gagas Awards 08 Failed Submission

Posted in Advertising, Curah Ide, Design, Event

Gagas Award 2008 - Rizal Renaldi - Anom Bayu

2008 © Rizal Renaldi / Anom Bayu

ree-o-bama

Posted in Design, Miscellaneous, Tutorial

reeblog support Obama. Yea, and I loved Obama poster made by Shepard Fairey of Obey. Inspired by that, I’ve tried to make copycat version of the poster. And oh hell yeah, I used my own face of course :) Here is the "rush version". Didn’t smooth at all on it’s traced stencil style. I’ve took a bad lighting on the original photo, then I have no actual shade guide so I’ve made the shades on my own improvement XD

Photobucket    Photobucket

Photobucket

keep read to see big detail version.

Give me more!

Hancock dan Brand

Posted in Advertising, Curah Ide, Design

Beberapa minggu lalu saya menonton film berjudul Hancock, yang dibintangi oleh Will Smith. Bercerita tentang seorang superhero (Will Smith) bernama Hancock yang berkelakuan tidak selayaknya superhero yang ada dalam standar persepsi kita tentang seorang “superhero”. Hancock sebagai superhero yang digambarkan di film ini lebih tepat disebut begundal, perusak kota, dan pemabuk, namun betul-betul memiliki kekuatan layaknya Superman. Sampai akhirnya Hancock bertemu dengan seorang konsultan public relation bernama Ray Embrey, yang baru saja kecewa karena ide CSR (Corporate Social Responsibility)-nya ditolak para board of directors sebuah perusahaan farmasi. Alhasil sang konsultan brand ini “membantu” Hancock untuk merubah citranya menjadi superhero yang benar-benar superhero sebagaimana superhero semestinya.

Sebenarnya filmnya tidak berhenti sampai disitu, namun saya cukupkan ceritanya sampai disitu saja dulu, karena yang akan saya bahas disini lebih kepada bagaimana film Hancock mencoba mendeskripsikan secara sederhana perihal Brand dan Branding, lewat sebuah objek bernama “Hancock”.

Anggap saja Hancock adalah sebuah produk atau jasa. Persepsi konsumen (masyarakat kota) tentang Hancock sedemikian buruk, dan ini berpengaruh terhadap citra (image) Hancock. Harus dilakukan “langkah-langkah terintegrasi” yang akan merubah citra Hancock menjadi lebih positif sehingga nantinya Hancock lebih bisa diterima oleh konsumen. Satu hal yang perlu diingat bahwa Hancock adalah manusia. Dia memiliki sifat, karakter, dan kepribadian yang unik (disadari atau tidak). Semua elemen yang terlihat, terasa, terdefiniskan, terjewantahkan dari seorang Hancock nantinya harus bisa membentuk persepsi orang lain menjadi positif. Kurang lebih begitulah misi Branding Hancock ini. Misi ini juga yang dalam film tersebut dipegang teguh oleh Ray Embrey, yang dalam film tersebut menjadi seorang konsultan public relation dan juga menurut saya menjadi konsultan brand.

Sampai titik ini, jika Anda belum menonton film Hancock, Saya sarankan Anda untuk menonton filmnya terlebih dahulu. Sesudah menonton filmnya Anda bisa melanjutkan membaca tulisan ini. Jika ternyata Anda sudah pernah menonton filmnya namun belum sempat menyadari kaitan film ini dengan “Brand” dan “Branding”, Saya sarankan juga untuk menonton kembali filmnya untuk menyegarkan dan menguatkan kembali ingatan Anda tentang Hancock.

Inilah beberapa poin yang berhasil saya kumpulkan, dalam kaitan Hancock dengan Brand dan Branding:

• Brand harus “kuat” dan “jelas”
• Brand yang baik harus terencana dengan baik

Sejak awal sebenarnya film ini sudah memberitahukan satu hal pada kita perihal “kuat”, yaitu esensi dari superhero itu sendiri, yaitu “kuat”, dan brand harus “kuat”. Tapi mari kita batasi film semenjak Hancock masuk penjara. Saat itu adalah saat dimulainya proses pembentukan brand Hancock. Mencari core identity dari Hancock, menyadari hal apa saja yang layak dan tidak layak dilakukan, perlu dan tidak perlu dari Hancock (5W+H), menyadari SWOT atau TOWS (Strenght, Weakness, Opportunity, Threat) dari Hancock, dll. Semua hal ini mendeskripsikan bahwa sebuah brand harus kuat dan jelas. Brand must be well-planned. Find it’s core identity, like Hancock at the jail.

Photobucket

• Brand harus fokus dan tunggal
• Brand yang besar adalah brand yang bisa me-maintain dirinya

Anda ingat konflik di film ini ketika Hancock bertemu dengan istrinya? Di film tersebut disebutkan bahwa Hancock tidak boleh berada berdekatan dengan istrinya tersebut karena kekuatan keduanya akan hilang, dan ini akan menyebabkan musuh-musuh mereka dapat dengan mudah menghabisi mereka. Single, well propositioned, not a kind, it’s must be the only one, must be unique. Another of a kind will just screw up the brand. Brand are threatened in every seconds. Keep maintain it. Fight it’s enemy. Huge brand doesn’t mean a conducive situation. Competitors will always hunting huge brand down, no matter how longer, no matter how it cost. 

 

• Brand adalah tentang persepsi
• Brand harus “nyata” bagi semua orang (konsumen)
Ingat ketika saat Hancock berada di penjara, lalu ternyata situasi di luar sana menjadi tidak kondusif. Kejahatan meningkat, polisi kewalahan menghadapi para penjahat. Saat itu adalah momen yang tepat untuk membentuk brand Hancock menjadi lebih positif. Dan benar saja, ketika Hancock melakukan aksi heroik dan positifnya yang pertama sejak ia dipenjara, lalu berhasil mengalahkan para penjahat perampok bank dan menyelamatkan para pengunjung bank yang ditawan perampok, persepsi masyarakat berubah 180 derajat menjadi sangat positif. Coba lihat foto yang saya sertakan untuk poin ini. Saat terjadi perampokan itu, padahal Hancock sama-sama menghancurkan fasilitas disekitar bank tempat terjadinya perampokan, tapi citranya mulai berubah karena saat itu Hancock mulai mempertimbangkan untuk menolong orang. Perception: People always remember a little bad things rather than a million good things. Actually, “old asshole hancock” was a brand. But it’s not a lovable brand. But it’s still brand anyway. The brand that doesn’t sell.

 

• Brand harus dikomunikasikan
Brand and publication (’initiative promo’ by media, hancock press conference), and sure media will build the brand.
Dalam film Hancock, Ray Embrey memberikan sebuah kostum kepada Hancock didalam penjara. Kostum disini bisa disebut brand attributes and brand communication; it’s part of visual communication. Brand also must be supported by many kind of communication channel (Public Relation, Publication, and of course Visual Communication).



• Brand bukan (semata) logo
Hancock have no logo on his chest, but if it’s well branded, the “logo” will always be remembered by consumers (people).
Namun bukan berarti logo menjadi tidak penting dalam Brand. Jika Anda sadari, hampir semua superhero memiliki simbol atau tanda (biasanya menempel di dada di kostumnya), hal ini menegaskan pentingnya visual sebagai sebuah tanda yang berkaitan dengan objek yang diwakilinya, inilah definisi logo. Dan sebuah visual (logo), akan (dan harus) mudah sekali diingat oleh setiap orang. Ketika anda mengingat huruf “S” besar maka akan dengan mudah anda mengkaitnya dengan Superman. Jika Anda mengingat sebuah lambang kelelawar berwarna hitam, sudah bisa dipastikan Anda mengingat Batman, dan jika Anda mengingat sebuah tanda mirip “Checklist” yang disebut “Swoosh”, tentu saja anda mengingat Nike, bukan Reebok dan bukan Adidas.

Beberapa catatan lain tentang brand dari film Hancock:

• It’s hard to maintain the brand. Because it’s always many people behind it. They’re just human. So treat the brand like human. Like Hancock.
• Build the brand, keep it up in a well proposition, and maintained it. Once the brand get “hurt”, people will raise it up and they’ll become “volunteer of brand defense army”

Sources:
http://en.wikipedia.org/wiki/Hancock_(film)
http://www.imdb.com/title/tt0448157/

Mohon Maaf

Posted in Design, Miscellaneous

mohon maag.

Tips Membuat Logo Partai

Posted in Curah Rasa, Design, Miscellaneous

Beberapa tips mantap membuat logo partai yang baik dan benar

1. Jangan baru bikin logo partai sekarang, padahal Pemilu nya digelar tahun depan. Coba membuat logo dengan selang waktu lebih lama, agar logonya bisa terencana dengan maksimal.
2. Googling di google untuk mencari sesuatu hal di internet itu bagus, tapi jangan berharap bisa nemu ide bikin logo partai dari website atau blog-blog, apalagi berharap bisa nyomot gambar logo. Kalaupun anda keukeuh berharap internet bisa menjawab persoalan logo partai anda, coba jangan hanya mengetikkan kata "logo partai" di google, cobalah tulis kalimat yang lebih lengkap.
3. Jangan sekali-kali mencoba membuat logo sendiri dengan menggunakan Microsoft Word! Hubungi biro desain terkemuka, minta mereka untuk medesainkan logo partai anda.
4. Partai tanpa logo itu percuma, tapi partai dengan logo yang busuk itu lebih percuma. 
5. Jika anda sudah googling-googling, browsing-browsing ke berbagai blog dan website, sudah jungkir balik kemana-mana tetapi tidak menemukan logo yang bagus, anda bisa coba 5 tahun yang akan datang.

*Menjelang Pemilu 2009 ini banyak sekali referer dari google ke post saya tentang logo partai beberapa waktu silam. Untuk itu saya sengaja bikin post baru tips membuat logo partai ini. Semoga berguna.

SI Hello Makin Gelo

Posted in Design, Miscellaneous

Kekekeke… Hari ini Rabu, 2 Juli 2008 pukul 5:21 PM waktu indonesia bagian barat. Muncul pesan YM dari seorang kawan. Isinya begini:

Dia: ree lu di kaskus namanya *** (Bagian ini di-edit)?

Saya: bukan hung .. reehythm

Dia: kek ada avatar lu
http://www.kaskus.us/showthread.php?t=940173
yang hello


Saya penasaran, apa betul yang dimaksud teman saya itu. Kalau pun iya, avatar yang mana? Segera saja saya gerebek TKP, dan ternyata inilah yang saya temukan.

http://i159.photobucket.com/albums/t142/rizalrenaldi/reeblog/hello-palsu.jpg

Hahahaha, ada-ada saja :D FYI, saya di kaskus nickname-nya reehythm, dan kayaknya itu gak mungkin saya :)
Mungkin ada yang belum ngeh bahwa avatar di screenshot diatas adalah hasil comotan. Dulu icon bubble kotak dengan kata "hello" itu terpajang di halaman index (cover) website pribadi saya (www.reeworkz.com). Sekarang sih kebetulan saya udah gak pake lagi icon itu di halaman index cover website saya. Avatar dengan bentuk yang sama juga pernah saya pakai untuk beberapa waktu itu forum MWI, tapi lagi-lagi, saat ini saya udah gak pake lagi avatar itu. Tapi kalau masih penasaran, mari saya kasih liat versi gedenya aja ya.

http://i159.photobucket.com/albums/t142/rizalrenaldi/reeblog/hellobyreeworkz.jpg

Senang rasanya, dengan begitu saya jadi tau setidaknya ada orang yang suka dengan apa yang saya buat, dalam hal ini reeworkz dengan hello-nya. Tapi yang disayangkan mungkin caranya yang terkesan "maen comot" aja. "Terkesan" lho, bukan beneran. Terima kasih buat sang member kaskus tersebut yang sudah sudi untuk menggunakan Hello-nya reeworkz ;)
Nah, kalau dalam beberapa hari kedepan ternyata avatar-nya udah gak ada atau udah diganti sama si empunya account kaskus diatas, jangan salahkan posting ini kalo cepet basi ya. Mmm, saya jadi kepikiran sebuah ide nih. How about, "Spread The Hello!" …mmm, sound interesting… :D  

Aduh kelupaan! sori hung! Terima kasih untuk rekan saya, Luhung yang dengan sudi memberikan report soal Hello-nya reeworkz ini.

Bahan bacaan berguna lainnya :D :
http://rizalrenaldi.blogsome.com/2007/03/23/reeworkzcom-is-soon-ready-to-rock/
http://rizalrenaldi.blogsome.com/2008/03/09/reeworkz-hello-lets-go/