collapse

Author Topic: Mockup in browser or graphics app  (Read 832 times) Bookmark and Share

0 Members and 1 Guest are viewing this topic.

Offline Scott

  • Caffeine & Nicotine Addict
  • Administrator
  • ********
  • Posts: 1,414
  • Reputation Power: 2
  • Scott barely matters.Scott barely matters.
  • Gender: Male
  • Extremely Odd Individual!
    • scottsampson
    • The ravings of an internet lunatic
  • Referrals: 0
  • Referrals: 0
Mockup in browser or graphics app
« on: 18 January 2010, 14:49:40 »
Something a little different this time.

Have a read of the following article, and tell me your thoughts.

http://24ways.org/2009/make-your-mockup-in-markup
Please help keep the forum clean - report all spam!
------------------
Artificial Intelligence is no match for Natural Stupidity.
------------------
Some people are like slinkies. They serve no actual purpose, but it's great fun to watch them fall down the stairs!
------------------

Offline notbanksy

  • Global Moderator
  • ********
  • Posts: 497
  • Reputation Power: 2
  • notbanksy barely matters.notbanksy barely matters.
  • Gender: Male
  • Thought Police
    • a branch of design
  • Referrals: 0
  • Referrals: 0
Re: Mockup in browser or graphics app
« Reply #1 on: 18 January 2010, 15:06:57 »
An absolutely fantastic article, and one that brings together many of the thoughts I've had during the design stage of making a web page.  I always prefer to show clients an HTML page rather than a single image, because they always look different - it's a fact of life.  I'm also a strong advocate of not getting hung up about differences in rendering across the different browsers, so long as the site still looks good in all of them.  Why pander to Microsoft anyway?
Great find, Scott - one for the bookmarks folder :)
« Last Edit: 18 January 2010, 15:12:25 by Scott »
Bloomin' good web design and copywriting from a branch of design

Offline Car

  • Full Member
  • ***
  • Posts: 191
  • Reputation Power: 0
  • Car has no influence.
  • Gender: Female
    • CHouseLive
  • Referrals: 0
  • Referrals: 0
Re: Mockup in browser or graphics app
« Reply #2 on: 19 January 2010, 10:55:43 »
Mmm interesting. 

Personally I always start with good old fashioned pencil and paper.  Then I type up the basic content in html - no styling.  Normally I then revise my pencil sketches making changes I have thought about why mucking about with the actual content.  Next I open up corel draw and create various backgrounds and such, although I have never bothered with a full mock-up.  Then I style the basic content using css. 

I have found that this approach allows me the fastest turn around time.  The fact is I design around the html content rather than fit the content around my design.

This method also works well with clients.  The can't normally imagine how a picture can become a webpage so it is just easier to show them a functional web page.  I then make changes if they ask.  This method also normally means I can to some degree side step peoples odd frontpage type requests because I am showing a working alternative, which they can then get their head around!


Offline seth

  • Debugging the world of code one line at a time
  • Full Member
  • ***
  • Posts: 214
  • Reputation Power: 0
  • seth has no influence.
  • Gender: Male
  • Philly Code Hound
    • http://www.facebook.com/sethmgoldstein
    • sethgoldstein
    • Where to find Seth Online
  • Referrals: 0
  • Referrals: 0
Re: Mockup in browser or graphics app
« Reply #3 on: 06 May 2010, 15:48:44 »
Honestly, I don't agree with her. I have my contract setup so that the design is delivered before the coding happens in a jpg. They approve then I get another payment.

I do understand that a lot of why we use Photoshop is going to be obsolete when CSS3 becomes mainstream, but the keyword here is Mainstream. It's not. And won't be for a bit.

As for the crashing of her Photoshop, that could very well be her system config and not the program. Photoshop very rarely crashes on me (Win7 6gb RAM).

I'm a bit wary to jump into HTML5 and CSS3 right now because the compatibility isn't there yet.
-Seth the PhillyCodeHound-
http://www.sethgoldstein.me - My Google Profile
----
http://www.sethgoldstein.net - My Blog
----
http://www.goldsteinmedia.com - My Web Design and Internet Marketing Company
----
http://a2sm.com - A2SM: Addicted to Social Media Magazine
----
"Life is too short. Live it to the max everyday!"

 


* Featured Tutorials