Chief Alchemist - Business Consulting For The 21st Century Via A Holistic & Intelligent Approach
Share ChiefAlchemist.com. RSS 2.0 feed for ChiefAlchemist.com. Sign up for the mailing list. Follow Chief Alchemist on Twitter. 'Like' the Chief Alchemist's page on Facebook. See what Chief Alchemist has been Q&A'ing on Quora. Chief Alchemist bookmarks & highlights on Diigo.com. Follow the Chief Alchemist on Digg.com. Chief Alchemist channel on Last.fm. Chief Alchemist on Flickr. Mark 'Chief Alchemist' Simchock on LinkedIn. Free Initial Consultation. Email Chief Alchemist. Phone Chief Alchemist.
  • Mark ‘Chief Alchemist’ Simchock
  • 'Email me.Email => ca .at. ChiefAlchemist .dot. com
  • 'Phone me.Alchemy United => 732 997-0028
  •  
  • Free initial consultation.Free => Initial Consultation
  • Please be sure to subscribe to your communication channels of choice.
  • Click To Close => The small green (consultation), red (email) or blue (phone) icons in the top upper right.
CURRENT “TOP 10” TOPICS TOOLS CLIENTS & PROJECTS SOURCES SEARCH HIDE
Business Consulting For The 21st Century Via A Holistic & Intelligent Approach

Photoshop: It’s time to move on

Answered => “What is your process to create beautiful and functional UI design for web and/or mobile?” on Quora.

http://www.quora.com/Web-Design/What-is-your-process-to-create-beautiful-and-functional-UI-design-for-web-and-or-mobile

=> My answer…

I believe Aurel Kurtula’s is a great answer. Kudos Aurel.

If for no other reason, Photoshop has been moved to where it should be in the process. That is, in 2015 – fyi: I like to think ahead – its role should be one of supporting the process not being the feature. Photoshop in and of itself is not a web design tool. It’s an image editing and image creation tool. It made sense years ago.

It’s time to move on.

PSD to HTML / CSS might as well be a fax machine at this point. Thinking and working in those terms adds an unnecessary layer to the process. Time is money, correct? More importantly, it also can result in designs that aren’t so easy to convert into mark-up.

Frankly, I’ve grown tired of “web designers” complaining how their image in Photoshop doesn’t look exactly the same once it’s marked up. Pardon me (while I vent) but…No shit! You used a hammer when you should have used a screw driver. What did you expect? To those “web designers” I say: 2007 phoned and it wants its web design tool back.

It’s time to move on.

With that said, I would suggest taking a look at something like Pingendo (http://www.Pingendo.com). It’s a “prototyping” tool for Bootstrap (front-end framework). While it’s not going to help you with any PHP (as Aurel mentioned) you might – if necessary – be able to fake that with JavaScript or one of its flavors (e.g., jQuery). Or just leave the PHP for a later step in your process. In any case, tools such as Pingendo enable you to work directly in “manufacturing mode”.

Yes, you’d still use Photoshop to create and edit pieces of the puzzle. The benefit is Pingendo would be your primary tool for assembly and manufacturing. That is, your “prototypes” would certainly be a lot closer to the real thing (than a Photoshop PSD that’s for sure).

Other than that, don’t over-think the solution. There are plenty of pretty websites with fancy and creative UIs that ultimately deliver a sub-optimal experience, or are just plain useless (from the visitor’s / user’s perspective). With more and more people doing more and more of their internet’ing on small screen (read: mobile device) it’s very easy to get sucked into the “this looks soooo great on my 24″ display.” Unfortunately, a 24″ display is a very friinge use case. Don’t be THAT designer. Please.

It’s time to move on.

Required.
Will not be published. Required.
Please include http://