Skip to main content
5 votes
Accepted

How do I create a rectangle with rounded circle incision in Sketch?

Paste your screenshot onto your Sketch canvas/artboard and lock the layer (option-click the the eye next to the layer name). Create a rectangle and circle that match the rectangle and circle in your ...
Brian R's user avatar
  • 393
4 votes

Where are the light sources located in Material design?

It is actually 45 degrees altitude and 90 degrees angle. You can see it in the video @Cagrigk posted. (this is the link with the exact timing). These images posted in Material design: The ...
Alvaro's user avatar
  • 346
4 votes

Which Adobe tools are most appropriate to make App Store icons, and images?

It's not about the tools I have some bad news for you I'm afraid. The tools won't help you. You can dismiss Dreamweaver immediately since that isn't a design tool (in any reasonable sense of the ...
mayersdesign's user avatar
  • 8,552
3 votes

Mythology/ancient mobile-design do's and don'ts?

I think the do and do nots are, do it atractive and usable, and do not make it unatractive and usless. In my opinion you have it easy. Greek clasic decoration on vases for example have a timeless ...
Rafael's user avatar
  • 37.8k
3 votes
Accepted

Mythology/ancient mobile-design do's and don'ts?

Skeumorphism is "outmoded", but that does not mean there aren't situations where it's not appropriate to use it. If you search for apps and games with a mythological theme, you'll see that there's a ...
spiral's user avatar
  • 7,435
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 ...
Eric Silva's user avatar
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 ...
Cai's user avatar
  • 40.7k
3 votes

Design critique on my apps menu

Your design looks nice an clean which is an excellent start. However, you don't seem to have a cohesive grid structure and the horizontal menu doesn't work. You don't have a defined center or equal ...
Stegathesaurus's user avatar
2 votes

Design mobile layouts using physical resolution or logical resolution?

Is there a middle ground? Hopefully no. Or we will have to work on 3 resolutions n_n. This means browsers on the iPhone 6 will interpret the resolution as 375 x 667. The browsers do not interpret ...
Rafael's user avatar
  • 37.8k
2 votes

Which color can be used with the top bar so to get a better contrast?

Colours can be a tricky thing so I would suggest that in future when designing a wireframe for your apps you work in grayscale (See step 7 here). This would help you to avoid this problem later on in ...
Jenna's user avatar
  • 2,926
2 votes
Accepted

How many columns should be used for small screen devices?

There is no hard rule or "best number" for the number of columns used in a design for small screens like the 320px screen you mention. Generally 1-2 columns are used for this width as it keeps ...
Zach Saucier's user avatar
  • 13.4k
2 votes

Can I use material design for both Android and iOS?

Apple has the iOS Human Interface Guidelines, which set some limitations on design but they shouldn't prevent you from implementing material design in your app. The only real limitations you have to ...
Cai's user avatar
  • 40.7k
2 votes
Accepted

When and when not should i use proportionally-to-screen sizes

You'll want to choose your font and image sizes to be comfortably usable on the smallest screen, which might result in short lines and little space for images. But that's a function of physics, for ...
MMacD's user avatar
  • 355
2 votes

font size for mockups across all devices

Font size will be different across different devices, due to the differing pixel densities of the screens, but it can be surprising how well the same or similar sizes work across them all. This is ...
Marc Edwards's user avatar
2 votes

Are there any guiding principles for using Capitalization variants in web products (websites, mobile sites, mobile apps)?

I hope not. There could be some design principles in your company. There also are tends that come and go. Part of design is experimenting. So go and experiment with your project. Just keep the style ...
Rafael's user avatar
  • 37.8k
2 votes

Sketch - how to create 3d design preview pics?

There's a free plugin called Angle for sketch for doing this which is very effective (name is linked to website) which I've used, is highly effective and well documented. In addition to the free ...
GerardFalla's user avatar
  • 9,636
2 votes

Good way to highlight important values in limited space

I would choose to be clear and prominent in highlighting. Sample color is irrelevant. Alter to fit the app theme.
Scott's user avatar
  • 210k
2 votes

How can I make a heading more legible on a real estate background?

This post if full of random image examples from a Google Image Search. Images are copyrighted to their original creators. No license or permission should be attributed to any images in this posting. ...
Scott's user avatar
  • 210k
2 votes

How to create an effect like in the below picture?

The place you need to start exploring is HDRI images, and more specific, Tone mapping. Tone mapping is a step on the so-called "HDRI look". This increases the contrast of an image, but in a different ...
Rafael's user avatar
  • 37.8k
2 votes
Accepted

Should I create a button image in high resolution if the product needs to be low resolution?

The most professional way would be to make it in vector, so it is resolution independent. Then, export in any size you see fit. You could try to do this is Photoshop as it has some vector tools that ...
Vincent's user avatar
  • 25.3k
2 votes
Accepted

Showing twelve action buttons without occupying too much space

Which one do you prefer ? You are slated with an issue of integrating form and function (aren't we all). From a purely aesthetic viewpoint, I prefer # 3 or # 4. I find # 1 and # 2 to be very ...
Kyle's user avatar
  • 4,159
2 votes
Accepted

I am developer and started managing team. I want to learn how to create wireframe. Can anyone advice?

You can either become a designer or learn to think like a designer (long-term process) or just add a designer to your team (tomorrow) and let the designer do his part.
Lucian's user avatar
  • 29.4k
2 votes
Accepted

What's procedurally important in web building circa 2022?

The question content seems to be focused around designing for various viewports, so that's what this answer focuses on. This depends largely on the team working on the project, the skills of the ...
Zach Saucier's user avatar
  • 13.4k
1 vote

What artboard sizes are acceptable when using 960 grid system

960 grid system was an interesting option when the 1024x768 px monitors were the standard. Sayed that it could work for a tablet with that resolution. But I am afraid that that is an old aproach, so ...
Rafael's user avatar
  • 37.8k
1 vote
Accepted

What could be good position for the view showing the duration in the layout?

A little suggestion from here, if useful.. moved things a bit around and added a little duration bar, as an idea. The exact time of where you are in the song could maybe also pop up/become visible ...
Reda's user avatar
  • 26
1 vote

What could be good position for the view showing the duration in the layout?

As the length of the song is most relevant to the song, place the duration on the same baseline as the song title flush right. Its size and position do not change.Directly below, is the playlist ...
Stan's user avatar
  • 5,071

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