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, ...
user avatar
  • 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 ...
user avatar
  • 39.9k
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 ...
user avatar
  • 16.2k
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 ...
user avatar
  • 12.8k
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.
user avatar
  • 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 ...
user avatar
  • 7,136
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 ...
user avatar
10 votes

How do you make an Android loading icon in Illustrator?

You can do this really easily in CS6 or later by applying a gradient to a stroke with a rounded end cap. I've circled the relevant appearance settings below: Older versions of Illustrator do not have ...
user avatar
  • 19.8k
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.
user avatar
  • 24.3k
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?...
user avatar
  • 22.9k
8 votes

How to convert between Android DP and CSS px?

I believe the full answer to your question can be found here: https://stackoverflow.com/questions/2025282/difference-between-px-dp-dip-and-sp-in-android To convert dp to px you need to take account ...
user avatar
  • 89
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 ...
user avatar
  • 26.1k
6 votes
Accepted

How can I achieve consistent colours in my app on different mobile displays?

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 ...
user avatar
  • 488
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-...
user avatar
  • 24.3k
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. ...
user avatar
5 votes
Accepted

Preserve Photoshop PNG transparent margin from generator

The transparency is not excluded. I mean, the transparency does exist where it should ( between the blue color blocks ). The image is just trimmed to get rid of that extra blank space that you don't ...
user avatar
  • 15.2k
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 ...
user avatar
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 ...
user avatar
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.
user avatar
  • 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 ...
user avatar
  • 4,262
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="...
user avatar
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 ...
user avatar
  • 7,136
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 #...
user avatar
  • 4,945
3 votes
Accepted

Techniques to focus a specific list item?

I can think of a few options. Pardon the simple samples: 1. Highlight the item as a block or add a border 2. Add an element ,for example an icon 3. Change the color of the title
user avatar
  • 26.1k
3 votes

Is this typeface intentionally so uneven, or is this some display error?

The typeface looks to be a Palatino knock-off (there are literally dozens and dozens of them in circulation) "created" by someone who was evidently half drunk half the time and comatose otherwise. The ...
user avatar
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.
user avatar
  • 196k
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 ...
user avatar
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 (...
user avatar
  • 1,000
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/...
user avatar
  • 7,060
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 ...
user avatar

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