I know nothing about design. Is that photoshop he is using? Are there standard/automated ways to go from photoshop to html/css? A cursory google search reveals little but paid services.
Timelapse: Designing a new website
11–20 of 21 posts
Re: Timelapse: Designing a new website
#12It's fun to watch something like this, but it looks like he copied & pasted a lot of elements from other websites into his design. Directly lifting UI elements & photos from other websites and dropping them into your site is a big negative in my mind.
I spotted one site I know very well (I used to maintain it), which was the distinctive Xero.com homepage and sub pages.
I don't think it was copy and pasting, but "inspiration" ... This is how most designers work, I think.
Re: Timelapse: Designing a new website
#13I know nothing about design. Is that photoshop he is using? Are there standard/automated ways to go from photoshop to html/css? A cursory google search reveals little but paid services.
Yes it is Photoshop CS3. There is no automated way to go to HTML/CSS. You have to do it manually hence all the paid services.
Re: Timelapse: Designing a new website
#14"The new homepage took two weeks to get to a final design, but only 4.5 hours of actual work. Why the discrepancy? If you stare at the same design for extended periods of time things will start to blend together. Sleeping on a design for a day or two will allow for a fresh look."
Good to hear, because I find the same thing with regard to app design--long periods of mental churning followed by brief glimmers of clarity and insight.
Re: Timelapse: Designing a new website
#15"The new homepage took two weeks to get to a final design, but only 4.5 hours of actual work. Why the discrepancy? If you stare at the same design for extended periods of time things will start to blend together. Sleeping on a design for a day or two will allow for a fresh look." Good to hear, because I find the same thing with regard to app design--long periods of mental churning followed by brief glimmers of clarit…
Glad to see this as a common experience.
I routinely tell my co-founder that design, for me, is constantly iterating until it doesn't suck. The only designs I'm very happy with are the ones that are extremely minimalist (my own blog, my wife's site), and those are the ones in which I'm JUST trying to present the content, and even those end up with iterating towards 'stark' until I have to put something back on the page. Then I call it done.
The other common adage between Steve and I, whenever he doesn't like something, is that I'll tell him to 'give it time.' Sometimes, he grows to love the thing he hated, and sometimes, it evolves into something much better.
Again, I am appreciative of those designers who can just throw something down that looks awesome on the first or second try, but at least I'm getting to the point that the average wireframe isn't better than my best efforts.
Re: Timelapse: Designing a new website
#16I can't wait to make one of these. This can be a great method(resource)for hacker/artists to show money the depth in workflow which goes into a project. Thanks, and great work with this and your deliverable.
Re: Timelapse: Designing a new website
#17It's fun to watch something like this, but it looks like he copied & pasted a lot of elements from other websites into his design. Directly lifting UI elements & photos from other websites and dropping them into your site is a big negative in my mind.
I thought I saw him lift a picture of a MBP off Apple.com into his document for a bit. I got a bit worried there too. I know lots of web apps end up with one of those generic MacBook pictures showing their site on the screen -- Apple won't sue you for using their picture?
Re: Timelapse: Designing a new website
#18For those on Linux and without Flash, may I recommend http://vminko.org/it_notes/video-dl to play the video in mplayer:
wget http://vminko.org/storage/video-dl.sh && chmod + x video-dl.sh && ./video-dl.sh vm 17158963Re: Timelapse: Designing a new website
#19It's fun to watch something like this, but it looks like he copied & pasted a lot of elements from other websites into his design. Directly lifting UI elements & photos from other websites and dropping them into your site is a big negative in my mind.
I didn't see any photos that didn't come from istockphoto. The logos were his customers logos. Most of the UI elements seem to come from other PSDs of stuff he's already created. Inspiration from Basecamp and it looks like some Flickr screenshots... totally normal.
I also didn't see any purchase process for the Eiffel Tower picture he found on iStockPhoto. Finding random images on the Internet and copying them into a design is not how professionals build websites.
Re: Timelapse: Designing a new website
#20Earlier quoted context omitted.
I didn't see any photos that didn't come from istockphoto. The logos were his customers logos. Most of the UI elements seem to come from other PSDs of stuff he's already created. Inspiration from Basecamp and it looks like some Flickr screenshots... totally normal.
I also didn't see any purchase process for the Eiffel Tower picture he found on iStockPhoto. Finding random images on the Internet and copying them into a design is not how professionals build websites.
You are allowed to use stock images in your designs to figure out if you are actually going to use it. It has an enormous watermark on it that you can't see because of the compression in the video.