Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [flat-design]

The tag has no usage guidance.

1
vote
1answer
62 views

How to duplicate objects while keeping modification on both duplicates? [duplicate]

I'm making a soldier with night vision goggles on his head with Illustrator. I have duplicate the right half of the NVG into the left half. However, if I were to make any changes on the right half, ...
-1
votes
1answer
178 views

difference between Flat and Material design illustration [duplicate]

What's the difference between Flat and Material design illustration? Even, Are they any different? For example, what can I call the picture below?
0
votes
1answer
98 views

How to remove the part of a shape that is not within the rectangle?

How can I keep just the part of the shape that is inside the rectangle? I would like to do something like this: Here's the original video I've seen this from: (StackExchange doesn't allow me to post ...
1
vote
2answers
968 views

Is there a convenient way to create these shape “confetti” effects?

So this is a super popular style I've seen recently, with geometric shapes/icons evenly spread out throughout the canvas to create an almost "confetti" effect. I was wondering if there's any "industry ...
0
votes
1answer
318 views

How do I turn a Render of a 3D Model into this flat / vector style in Photoshop? (CS6)

In Overwatch one of the gamemode icons is this: Which is clearly a filtered 3D render, or vector/trace of a 3D render of one of their charcters. I wouldn't think it's unreasonable to assume it's just ...
2
votes
3answers
622 views

How to increase the perception of depth in a flat logo

I am creating a logo with the arch from Cabo San Lucas. Any suggestions on how to make it look like it has more depth?
-3
votes
1answer
112 views

Website with lots of images [duplicate]

I'm trying to make a website on my own, but i don't have a lot of pictures. Can anyone tell me a website with a lot of pictures of different styles like photography, flat design, etc...
-2
votes
1answer
262 views

Is there a skeuomorphism to flat design converter?

For those who have never heard of flat design, flat design involves the use of simple colours, shapes, and patterns. A good example would be this flat design pigeon set: What software can convert a ...
0
votes
2answers
451 views

Flat Paper Look - How can i make these? And what would I need?

Is there a name for this style / look? I really like it, but have no idea how to begin or what to look for. What Software would I most likely do this with? Any advice on how one would begin making ...
2
votes
1answer
358 views

Web design concept to represent categories

I have been looking all over the web for good examples of how represent 4 major categories on a web page from a design perspective. I am designing a web site help centre. There are 4 major categories:...
0
votes
3answers
658 views

Good source for learning about light/shadow/gradients in flat designs

I came across this creation here on dribble. I have marked some areas with arrows, which are either 'lit up' because of bright light, or have 'shadows' because of absence. And also this one here : ...
2
votes
0answers
67 views

What makes a flat color: “flat”? [duplicate]

What kind of calculations are there are behind 'flat' colors? Where I can start to choose them effectively? What are the properties? I found this article on color theory. It's great but I'd like to ...
-3
votes
1answer
120 views

How images in flat design websites are created?

First, I would like to know if the images in this portfolio screenshots? Then, are the images in this web page screenshots of the website? Otherwise, how did the designer draw these images? In the ...
4
votes
2answers
898 views

Google Cardboard Design Lab - design style

What method was used to generate this look? I am particularly referring to the "tessellation" (?) that got them the triangled / polygon look and feel to the scenes. Credit goes to UsTwo and the demos ...
0
votes
6answers
203 views

Help identifying a style consisting of only basic shapes, like Flat design but more rudimentary

Recently, I have been seeing more and more examples of some kind of design style consisting only of rudimentary basic shapes, leaving out as much detail as possible. It's been used for many things, ...
0
votes
2answers
144 views

Is there a name for this kind of graphic? [duplicate]

I found this image on Dribbble, but I see it's very different from normal images I see everyday. I don't think this is created from Photoshop; it's hard me to explain it. What is the name of this kind ...
1
vote
4answers
3k views

How to create shading effects for flat design?

I learned a way to use Blend Tool to create shading effect for flat logo design.Here I put same adjustments as the tutorial does, but my shading is not smooth for some reason. I am guessing it's a ...
3
votes
6answers
961 views

Design Critique poster

Here is my attempt. Extremely preliminary, I understand this would require several iterations. But any sort of constructive criticism would be helpful. Question 1 : Are there way too many elements? ...
3
votes
1answer
2k views

How to create a shadow like this corel?

With flat designs trending across the board in the graphic designing community, there have been some amazing and subtle effects out there... One of those effects is a simple shadow like the one in ...
0
votes
6answers
491 views

What caused the rise of flat design?

What factors led to flat design catching on in web and app design? I know that Microsoft and Apple led the way in abandoning skeuomorphism in favour of more austere designs, but what motivated this ...
-1
votes
2answers
215 views

Photoshop : how to create a menu button subtly pushed

I found the following question : Photoshop: how to create buttons that look "subtly pushed"? and I fell in love with the menu (Dashboard, contacts, deals, mail). I tried to reproduce it but ...
2
votes
2answers
253 views

Is my mobile UI too busy or just right? [closed]

I recently finished touching up my UI for my app, I was curious to hear some professional opinions. Is it too busy? I need to display a few things in tandem and this was my solution. If anyone is ...
0
votes
0answers
102 views

Make simple icons larger without losing quality in Photoshop? [duplicate]

I couldn't find an answer to my question, probably because this is so basic. How could I make a simple 2 colored flat icon 2 times larger in Photoshop (CC) without making it blurry?
3
votes
2answers
1k views

Creating a flat, 2D logo with 3D Illusion

I'm an apprentice designer and I often visit websites like Logopond in search of inspiration for some illustrations and logos. I see many logos with a similar style to this: Meaning they are 2D - ...
0
votes
1answer
131 views

Where can I get flat images for a website? [closed]

I'm building a new website but am finding a lack of minimalistic images and clipart. This is a very general question but are there any good sites to find minimal, flat, simple, etc. images? I have ...
2
votes
2answers
1k views

What are these line and dot graphs called?

I am looking for some kind of minimalistic network graphs but I can't find the right words to describe them. A while ago, I discovered a webpage that has these kind of graphs but I no longer find it. ...
9
votes
3answers
1k views

Are bokeh and flat design compatible?

I would like to know if this is correct to use a background bokeh style, and combine it with content flat design? Something like:
2
votes
2answers
2k views

How to make logo more 3D while flat?

This is actually the very first logo I've designed (for my imaginary company). I'd like to bring the optical illusion (look closely, it looks like a cube) up a bit, without any radical 3d bevels or ...
1
vote
1answer
353 views

How can I make more consistent icons by controlling the ratio of icon using grid?

I have experience using Sketch for UI design. I also know Illustrator, vector tools and different shape tools (like align, subtract, union ..etc). Recently I want to top my skills more by starting to ...
6
votes
1answer
1k views

What's the name of this flat illustration style?

I want to buy some stock photos like the ones below. What is this design called? I don't even know how to start searching...
0
votes
3answers
65 views

What should I do to distinguish an item which has the same color with its background?

I'm making a game where some discs/circles moves around in a tiled map. Each disc/tile have a color, and sometime the color of the disc and the tile are identical. It would be hard for the user to ...
0
votes
0answers
34 views

How to achieve parallel hatching tecniques digitally? [duplicate]

I'm really inspired by the redesign of this movie poster: I really love the flat color and the minimal use of shading. In looking specifically at the outer layer of the sun, and the right hand side ...
0
votes
2answers
866 views

How do you create this flat cartoon style in photoshop or illustrator [closed]

I saw this image and have been trying to figure out a way to create the same. The shading particularly has me confused.
3
votes
2answers
145 views

Making Demonstration graphics for web applications

I have been through a lot of websites which have the following kind of demonstration images/icons which look plain but awesome. What are they exactly called? What is the term for such graphics? Any ...
20
votes
5answers
12k views

What is the difference between “flat style” and “material design”?

After Windows 8 came out all spoke about "Metro UI" and later about the "Flat design". Now, after Android Lollipop came out all speak about "Material design". Can somebody explain the difference ...
4
votes
6answers
3k views

Do we have name for these kind of “flat graphics” images?

What is the name for these type of images? I love these kind of graphics and it's so flat which totally matches my current product development. Do we have a name for it? A name will make it easier to ...