Tag Info

Hot answers tagged

11

The Color panel has some well hidden abilities to copy the foreground colour to the clipboard. These can be assigned to a keyboard shortcut. I use ⌥⌘C. It's also possible to right click with the eyedropper tool. This is quicker if you're sampling many colours.


7

I don't know of any place that MS has explicitly stated that they will reject anything that looks like iOS. On the other hand, I would be surprised if there isn't an unspoken rule about it that would put you on the "don't rush with that one" list. Regardless of the official rules, ignoring the fact that Windows Phone is visually a notably different ...


6

Not all displays are equal. This is a problem in the desktop world, too. I got shiny new monitors last year, and looking at some of my old work now emphasizes just how poorly calibrated my monitors were at the time. My advice is to just accept it as something you can't control and ensure that there is sufficient contrast between your colors so that it ...


6

For optimum viewing, and given that you can't control what's below them, those buttons should really have a set, high contrast, background color/gradient. This would ensure that the text is always readable. You can also do away with the drop shadow on the type to provide a more upper-scale, fluid, appearance. Another alternative, if you want the photo ...


5

Inkscape is probably the best alternative I've seen (Mac or WIN). It's free. If you already have Illustrator, use that. Nothing states you must upgrade. Even going as far back as Illustrator 8, it's still a very good app provided your hardware can still run it. Seems to me, for an Illustrator owner, using an older version of Illustrator will result in ...


5

I think what you're looking for is very similar to this recent question: How to achieve a gradient in adobe illustrator The issue is that a lot of what seems flat in the latest UI trends really isn't. There are subtle gradients and hard edged shadows all over the place. As I noted in the comments, I think the main thing you are noticing is how your very ...


5

Microsoft may reject the app, at least in the early days of the Windows Store. They're trying hard to ensure apps meet their design criteria. Depending on exactly how it looks, you may still be fine though. I think there's two main considerations, assuming you'd be able to get the app onto the store: An iOS-like app on Windows Phone will seem out of place ...


3

As suggested by horatio we changed the off state of the button to be in the base layer. The button was changed to have no off state, and just an over state and it now degrades gracefully on touch based devices. That said, a lot of PDF readers built in to browsers, like the one in Chrome, will "helpfully" highlight buttons in a PDF, meaning that there is a ...


3

From a visual point of view, a design doesn't have to be symmetrical to be balanced. Balance has to do with the weight of elements on both sides of an axis (or multiple quadrants). Check this other question for example. Elements with different sizes can still be balanced: You can also have an even number of elements that have the same size, but use other ...


3

General workflow Just to clear up your first point, your workflow is fine but it isn't the only accepted solution. Some people use only Photoshop (hopefully with vector-based shapes); some go with purely Illustrator; and many use a hybrid of the two such as your description. Most people using a hybrid flow would jump from Illy to Photoshop for additional ...


3

I'd say coming up with several designs that follow basic GUI guidelines and testing them on the devices is a good start. I also think trying to keep them in one continuous style helps giving an overall complete look. Keep in mind they have to work in varying resolutions. So either find a good balance between complexity and simplicity or make different ...


3

Skeuomorph is perhaps the term you are looking for. Here's a discussion on UX: http://ux.stackexchange.com/questions/13449/what-are-some-examples-of-famous-effective-skeuomorph-uis/ I think it's an equally valid Graphic Design question as well. As an aside: I think knobs are one of the greatest physical UI elements out there. I also think it's the one ...


3

I use Illustrator for that. If the platform you are going to use supports SVG, go for it. Otherwise, here are some thoughts about how to create crisp raster UI elements using AI (JPG, PNG, etc). Mind you, I am a pixel picker and a bit obsessive at it. Make sure you create a document that is RGB to start with (as opposed to CMYK) so you can see the colours ...


3

For a 2d side scrolling game. Vector style. Using Stencyl That is the key bit of info we needed! Looking at their documentation for animations it looks like animation is handled within the app--meaning that you create the individual animations yourself outside, then import them as individual frames. As such, it appears that the tool you need is a ...


3

I am not sure that design changes made my "work" more or less effective, thus my feeling that functionality did not change: I work as usual, and the only thing that changes the functionality for me - new UI options/actions and not design itself as a visual feature. If you ask psychologists, probably they will find some users feeling better when using "such ...


2

All you really need is a Layer Style stroke to create the border. Set the stroke to a gradient under Fill Type, pick a good grey and white gradient... then adjust the stroke width to control the size of the border.


2

Nothing should happen. The iphone 4 has a higher pitch screen but doesn't usually effect the number of pixels in an image/UI however I would think using high res UI design would slow down the iPhone 3. the best way to check is design a background image or UI element and see how they look on each iphone.


2

I've got some propositions too :). When it comes to proprietary world you could take a look at one of the Corel Draw versions or Xara Xtreme. In the "free world", besides mentioned Inkscape, there's also sK1 (its development ended, but at the same time PrintDesign project have been started to directly replace sK1 in — hopefully — near future).


2

According to Apple.. yes: Apple's legal stuff You can't use Apple to sell non-Apple products. That includes Apple's "Trade dress" or look-and-feel. I don't know about Android but I suspect there's a similar document somewhere for Google.


2

Legally, yes, you are copying protected IP. In this case, it'd likely be a form of 'trade dress' or, possibly patent infringement. Would Apple or Google sue? Likely not. Your use could even be argued as fair use (though whether you have the financial ability to argue it in court is another issue). Context is everything, of course. All that said, I'd ...


2

The best way? Use Photoshop (preferred) or Fireworks. Draw everything using vector shapes. Use Layer Styles for additional effects. Lay all the elements you need out flat, and use Slices to save the PNGs required. There's quite a few questions on graphicdesign.stackexchange.com on the topic. A search might help you out.


2

Check out Poser they have many 3D character models. You might even find some custom creations floating around online if you do a search. Another option if you want a 'unique' face is to use photogammetry, which is basically using multiple photos to construct a 3D model. I know there is at least one app on iPhone that does this, unfortunately I can not ...


2

You have two ways of doing what you are asking depending on the purpose you are following. If your purpose is that the image has to scale automatically depending on the resolution of the device's screen where it is visualized then the prior answer by DA01 works fine. The scale job is done by using HTML5 and CSS. This is true if you are building a Web App, ...


2

It would appear your team has a communication problem on their hands. That said I would suggest you possibly integrate a meeting PRIOR to development. Since this is one sided I will suggest a variety of workflow methods that you should possibly consider if the communication is broken for the team. Project sit down - before a design -> development ...


2

If this is the correct icon, looks like the border radius is 12px. The overall size is 60 x 60px. Image taken from DesignBoom


2

PNG Express might be the closest thing you are going to find. I've never used it myself, so I can't really tell you how well it works... At the bottom of the website there is a title: "Create specifications fast and accurately" which describes a feature similar to what you want. There's also a video at the bottom of the website, that shows it pretty well. ...


2

I'll take a guess that you're exporting as PNG-8 with a small number of colors, which chops off any pixels below a certain transparency and leaves the resulting image strongly aliased (the technical term for "jagged"). PNG-8 only has one level of transparency; it's an all-or-nothing proposition, but using a high value for the number of colors can give an ...


2

I would think twice about using exact Apple icons in your own projects (especially if they are commercial projects), but that said, you can download an iOS7 PSD template from Teehan + Lax that contains the icon you need. They've been sharing these files for a few years now and they're very handy (and pixel-perfect). http://www.teehanlax.com/tools/iphone/


2

I hate the look of iOS 7. I loved the tiny drop shadows from iOS 6. I loved how everything looked real, how it had weight and volume, the skeuomorphic feeling to the interface. iOS 7 has stripped everything down to cartoonishly minimal lines. I could have coped with the ridiculously bright colors if the icons still felt like things, but the current flat ...


1

So the Artboard x. :5; plainclothes was just making the point that if you have your artboard set up this way then your work will all be slightly off. You can check that this is not the case in Artboard options; You can see the artboard is selected at the left side and at the top right is where the x and y options are that you might want to toggle. (you ...



Only top voted, non community-wiki answers of a minimum length are eligible