Hot answers tagged

23 votes

Alternative for Sketch on Windows?

After trying a bunch of Windows applications, I haven't found anything equivalent to Sketch for Windows. And no, Illustrator and such are NOT Sketch alternatives. Fireworks is probably the closest, ...
  • 331
23 votes
Accepted

What is meant by 'designing an icon at 100% scale'?

Designing at 100% scale just means designing at the size (in pixels) that you will be displaying/outputing your icon at. If you are designing a 24px × 24px icon, you set up your artboard in ...
  • 40.1k
19 votes
Accepted

Why are Apple products so common in mockups?

They're familiar. Designers tend to use Macs, so when they want to put a mockup on a screen, it's the first that would come to mind. They're popular. Sure, Windows has more market share. But can you ...
  • 16.3k
17 votes
Accepted

How do I keep my floating action button from blocking other components?

There are some different ways you can handle this. Don't place vital content below the button This is the most obvious approach, and probably the most general. Whenever possible, structure your ...
  • 13.2k
15 votes
Accepted

How to convert between Android DP and CSS px?

I think the accepted is wrong. The css px is actually Device Independent Pixel(dip), and it is a common pattern to use px as dp in css.
  • 166
13 votes
Accepted

Alternative for Sketch on Windows?

Some other valid options for 2017: Gravit Designer: This is a very young product and as such it's still lacking many features, but for now it's a good vector editor, and the roadmap promises a lot ...
  • 7,219
12 votes

Alternative for Sketch on Windows?

2018 update: Lunacy — reads and saves .sketch files (native Windows app, free) Figma — reads .sketch files (browser-based, freemium) Disclosure: I'm one of the authors of Lunacy. I have no relation ...
10 votes

How do I keep my floating action button from blocking other components?

May be a bit simplistic and not the most elegant solution, but: add an empty 'dummy' entry to the end of the list, so the user can scroll further than the last entry.
  • 25k
9 votes

Why are Apple products so common in mockups?

While the other answers are accurate, the real explanation is far easier: They're standardized. What's a windows laptop look like? What's an android phone look like? What's an Apple laptop look like?...
  • 23k
7 votes

Material Design: Should the status bar look different from the action bar?

I don't think this is referenced directly, but if you look at at the color section there's this paragraph that mentions the status bar vs toolbar: To create contrast between elements, you can use ...
  • 26.2k
6 votes

Strange Webpage Font Rendering on Android

This is called a ligature. The tend to be very subtle, like the ones used for te ff, fi and ffl combinations. This one is... less so. You can deactivate ligatures (all of them) using -webkit-font-...
  • 25k
6 votes
Accepted

How to create proper Vector Images that can be used as an Android Vector-Drawable?

Solution Save as a "Plain SVG" in Inkscape. Note: As of Inkscape 0.91, if you save as "Plain SVG" and then just do a normal "Save", it will save again as an Inkscape SVG. ...
5 votes

How to convert between Android DP and CSS px?

W3C says: The px unit thus shields you from having to know the resolution of the device. Whether the output is 96 dpi, 100 dpi, 220 dpi or 1800 dpi, a length expressed as a whole number of px ...
5 votes

Alternative for Sketch on Windows?

This a tough one, as Sketch is pretty amazing. Photoshop is currently adding in Sketch-like features, trying to catch up. And Adobe is also, as previously mentioned, now pushing their new Adobe ...
4 votes

Alternative for Sketch on Windows?

You could try Macaw it's for both windows and Macintosh. It also has a feature to generate mark-up from your designs so you can do responsive design very easily.
  • 151
4 votes
Accepted

What density is the 512x512 icon for an Android app?

If I remember correctly (no guarantees there), Google doesn't just use scaled versions of their icons, but responsive icons. Meaning they optimize their icons for each size. So in your case, you ...
  • 4,327
4 votes

How do I keep my floating action button from blocking other components?

This works for me. Add bottom padding to RecyclerView <android.support.v7.widget.RecyclerView android:id="@+id/my_recycler_view" android:layout_width="match_parent" android:layout_height="...
4 votes
Accepted

How to generate tint, shade and shadow colors in illustrator?

There are two easy ways: Use the Color Guide palette. Open the Color Guide options to control the number of steps and variation between steps. There is a script called "Add Highlight And Shadow ...
  • 7,219
4 votes

Andoid style guide - px to dp, how do i convert?

1 dp (density-independent pixel) = 1 pixel at 160 PPI (or mdpi) From developer.android.com Density-independent pixel (dp) A virtual pixel unit that you should use when defining UI layout, to express ...
  • 40.1k
4 votes

Convert PX to DP

Photoshop uses PX as a unit of measure for the forms and in development the app uses DP, I know how the conversion works From PX to DP The conversion will depend on how the original design in ...
4 votes

Secondary color is a light version of the primary color

It's often a hard job to sync to a client's taste so what I will give you is a tool that will help you make things a loooooot easier: The color tool allows you to set a primary color (in your case #...
  • 4,935
3 votes

What is this style of game art called?

As in the comments its not really an exact style. 8bit ish, Voxel ish, basically its hipster :) To go about making these, espescially for a game of any scale. I would use a pipeline of Illustrator (...
  • 1,010
3 votes
Accepted

What is this style of game art called?

After more searching, I found a program that can accomplish this effect very easily. As stated in one of the comments, a search in Google that leads to similar images is: 8-bit isometric voxels ...
3 votes

Alternative for Sketch on Windows?

I'm not a Sketch user.... but if I was bound to Windows, which I'm not, I'd definitely be looking at Xara, which is Windows-only.
  • 203k
3 votes

Android animation formats

A PNG Sequence is often used in my experience. Example: <!-- Animation frames are wheel0.png -- wheel5.png files inside the res/drawable/ folder --> <animation-list android:id="@+id/...
  • 7,065
3 votes

Sizes and dpi confusion

Here's the best explanation I've read on what DPI actually means:. The short version: If you change the DPI of an image it has no effect on the quality of that image. DPI is only relevant in the ...
3 votes
Accepted

Fonts that display in all devices and operating systems

You will have to make sure you're using the right font type in PowerPoint as not all font types can be embedded. Note You can embed any TrueType font that is included with Microsoft Windows. ...
  • 12.9k
3 votes

What color should be given to the ripple feedback?

Some useful logic I got from Android SDK packages android.support.v4.graphics and android.support.v7.graphics. The ripple color is white or black with related transparency and animation. Color (white/...
3 votes
Accepted

Why PSD design ppi matters on iOS, but not on Android?

Assuming the same pixel dimensions, PPI (or DPI, but it really is PPI) makes no difference at all. A 100x100 pixel image at 72PPI is exactly the same as a 100x100 pixel image at 300PPI. No difference ...
  • 40.1k
3 votes
Accepted

How do I export a graphic to support multiple Android screens in Illustrator?

Each asset you need for the app will have to be saved as a bitmap image (PNG or WebP) at the various densities needed. If it’s appropriate, you can also use Android Vector Drawables, which are an SVG-...

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