April Zero | Anand Sharma's Blog And Gallery

April 2ero, Mark III Drafts

The Latest Blog Post • Posted 1 year, 9 months Ago • November 9, 2008


Picking up where we left off.. Yuri and I decided it was missing something. Ultimately I decided it was time to pull out the big guns and to use an idea I had been saving for the new Dragon Interactive—tan stone. It would follow the same shape but add texture in order to make things more interesting. Smooth and black is cool but the grey was getting a bit dull…

So without further ado:

01 — Testing out the colors and new tan texture
03 - blue stripe
06 - Playing with depth and the new sideblade

There were two main options for the navigation: to the left like in some of the previous drafts, or as a bar across the top (ie. the current version of aprilzero)

07 — Red tabbed nav prototype
08 — top nav

Problem with having it at the top is that assigning the buttons colors clashes with their category assignments. Also, it doesn’t do much for the overall shape of the site.

11 — testing out top red

Starting to shape the site and try out new things.

12—red top with details

Rounding off sharp corners and adding shadows/highlights.

Starting to experiment a bit here with the nav and elements. A bit of a 3d pad for the column icons, as well as a way to travel through time a few months back and forward.
13—bringing back one of the old navigation concepts (see mark2 drafts) and a slice of the green logo

And at the end of the day, after a bunch of other small decisions and changes…

20 — Green draft, annotated details
21—blue
22—red

and starting to fill up the content part…

30 — water texture
??
filling up with content


« Previous20 CommentsNext »

Comments

This place isn't ALL about me — just mostly.


Anand

1 year, 9 months ago

And for those who care, here’s a shot with the grid: http://farm4.static.flickr.com/3186/3015061348_715cf0fb15_o.jpg

Tristan

1 year, 9 months ago

I love your new design ideas!
Are you available for work?

Anand

1 year, 9 months ago

Probably not until this is done

Swift Arrow

1 year, 9 months ago

Wow! Really liked the water running on the stone (over the blue colored stone)!!!
Beautiful!!!

Kevin

1 year, 8 months ago

Hey Anand,
You’re one of the best designers i’ve ever seen.
I’d like a little Tutorial about creating the “arc” next to the Header in Photoshop.
Somebody knew anything? ;)

So long,
Kevin

David Perel

1 year, 8 months ago

Wow, this is an awesome concept. Well done.

Swift Arrow

1 year, 7 months ago

So… When’s it coming?

DK

1 year, 7 months ago

Brilliant design! Really inspirational!

Prateek Sharma

1 year, 7 months ago

Very well done Anand. Really inspirational. Keep up the good work!

Best Regards,
Prateek.

Chris

1 year, 7 months ago

Really amazing work… keep it up!

Ryan

1 year, 7 months ago

Awesome work! Very creative, the water effect is great.

Sash

1 year, 7 months ago

hey!

very nice =)
where can i find a tutorial who’s explaining like that 3d background in the header.?
can someone help, please :)

Aaron

1 year, 7 months ago

I would have to agree with Sash. Would I be wrong in assuming that was done in Photoshop?

Is that scalable with different screen resolutions, or do you have a javascript to detect that?

Would a more in depth tutorial; overall though, GREAT design.

Stella

1 year, 6 months ago

Amazing really, you’ve gotta have a great sense of real painting so you can do all this lighting illusion of depth. I’m really impressed everytime I see someone doing this and the first that I saw creating this amazing effect was http://dragoninteractive.com/ For a pitty I haven’t found any tutorials for that too but I’m sue with a lot of watching I can do that on my own eve though I don’t have that painter sense :)

Nicole Caverta

1 year, 6 months ago

There is a blog hosted at blogspot and I want to contact the owner. How can I? Thanks.

Michal Kopanski

1 year, 6 months ago

If this blog-like comment string is still alive, the tutorial on how to create a 3D shelf illusion can be found at:

http://psdtuts.com/tutorials/interface-tutorials/how-to-create-a-3d-shelf-element-similar-to-dragon-interactive/

Cheers,
Empek

Stella

1 year, 6 months ago

Thank you Michal :) I should have missed exactly this tutorial on psdtuts

Jimothy

1 year, 6 months ago

Wow. Your design capabilities are unparalleled. I’m in awe. I can’t wait to see it finished, despite how INSANELY jealous I am. Design always slows me down, but it seems to come natural to you. keep it up, man!

Brian

1 year, 5 months ago

wow great worl. love the blogg thats showing it. would love to try something in the same way idea. nice training for photoshop too :) hope thats ok ?:)

Nathan

1 year, 2 months ago

I have to say, your breadcrumbs for that site are jaw dropping. I also like the superbly executed use of imagery.


Those were all the comments. But don't be shy — Add your own!

Leave a Comment!

Please enter your information and entry.



Or Contact me Directly »