Creating UI Design Specification in Photoshop

Creating UI Design Specification in Photoshop

Another GUI, web project, or any other kind of prototype that needs to be dissected by developers is designed beautifully and it’s time to send it for coding. To make sure that your design will be implemented perfectly – you may need to help the front-end developer by creating a reference sheet with annotated measurements for your mock-up.

Of course, you can use standard Photoshop tools to draw arrows and type annotations but, as you can imagine, it will take a considerable amount of time. Not to mention that it is extremely tedious.

There are tools for Photoshop, extensions and scripts, that automate the process. I’m not going to go into detail about each of them, and although some have little more features than others, these tools are all pretty basic. These Photoshop “plugins” measure distance, draw rules, and type-in pixel values for you, saving you time.

Advertising Without an Axe to Grind

I made a discovery – Google Translate interprets idiomatic expressions. I mean, not word to word as some other applications, but it finds analogs in the language in which the text is translated. For example, the Russian saying, “Делать из мухи слона (Make an elephant out of a fly)” will be converted to a familiar to English speakers phrase with the same meaning, “Make a mountain out of a molehill” or another one, “Заблудиться в трёх соснах (Lost in three pine trees)” will become, “Lost in broad daylight.”

Some ideas can be expressed deeper and more clearly with help of idiomatic expressions. Idioms are acquired gradually throughout childhood and adulthood and can’t be quickly absorbed by adults who started learning, in this case, English as a second language. This feature is extremely useful for such people, including myself.

February NYC Web Design Meetup

In the evening of February 28th the event started with a presentation held by Khoi Vinh, a user experience designer, writer and speaker, who spoke about the online news industry and web design tendencies. The last part I liked the most, although, at the end of the allotted time, Khoi Vinh ran out of time and had to skip some parts which, judging by the slide titles, were interesting. The second part if the meeting was dedicated to website design critique by a panel of designers. And at the end we supposed to open network and socialize, but I was hungry and had no energy for that. Overall, I liked the meeting and plan to go there often (and socialize).

P.S. The NYC Web Design Group constantly looking for presenters, so if you have a topic you’d like to present, or a website you’d like to have critiqued, or just looking to network with others in the web design industry, please find more information here.

Art Project, powered by Google

Art Project, powered by Google

I’ve opened for myself another project from the corporation I like. Art Project, powered by Google, lets one to explore museums with Street View technology and virtually move around a museum and view some artworks in high resolution. Now you can be a highly cultured man without changing out of your sweatpants. >>

My Personal Punch-Clock

This small application I’ve created a long time ago for my personal use and later I wrote about it in my old blog. Some people found it useful, so I’ve decided to republish it.

My Personal Punch-Clock is time management software for freelancers that helps to track time spent on projects. This software wasn’t created to compete with commercial versions with lots of features. What singles it out is its total simplicity. In addition, it’s absolutely free. It runs under Windows only and I don’t plan to develop a Mac OS version (don’t know how). Doesn’t require installation. Download

Hello Again, World!

I’ve decided to renew my blogging commitments and soon here will be something much more useful than this post. Unfortunately all the old entries are gone.