Tag Info

New answers tagged

1

Try to ditch the border and especially the border-radius on your elements. Get rid of the padding from each of the three containers, so the list elements touch each other. Divide them just with a low contrast 1px solid line. More padding on the list-items would also look good. Try styling the headlines a little bit more subtle. Finally - I personal - would ...


3

In order to save time and allow for transitions between states, creating button effects in the styling language for whatever UI you're creating, not creating images for each one, is important. This will allow for the effect to be reused when you have different text, sizing, etc. Take for example designing for the web or something that understands HTML/CSS: ...


3

If, what you are trying to accomplish doesn't have to be flat, i would recommend you just to add an inner shadow like this If it has to be flat-design though, i recommend change of color (darker) or inversion:


1

One of the aspects of 'flat' design are flat areas of colour, without an outline. Your current design is teeming with outlines—try and remove those and give the areas they outline contrasting colours. The 'flat' design aesthetic that's very trendy at the moment also eschews rounded corners for regular, 90° corners, you might want to use those as ...


5

The easiest and simplest way would be to darken the button when its pressed. Applying a 30% black layer on top will do the trick.


2

This really depends on how complicated you want your button to be. A simple button can be made with just a single shape with multiple properties to represent normal and pressed states. In Illustrator, you can check the shape properties in the Appearance panel, they are just like layers and can be shown and hidden to switch the button's states. In the figure ...


1

For the headline I would suggest Bitter Bold. I think that the headline could use a thick, serifed font for contrast with the body copy. Bitter got some pretty nice hard serifs so - in my opinion - it goes excellent with sans-serif paragraphs.


2

You can make a new comp Cmd+N with the screen dimensions, and in the project panel, drag that new comp into your main comp. Then you can make the UI animations within that new comp and they will be updated to your main comp. The new comp size will work sort of like mask in this case. If you've already created/animated the layers in your main comp, you can ...


0

I'm doing the same all days. The only advice i could give you is: start with align to pixel from the very beginning of the project. Change from align to no align breaks all. Join me in the search for a better app for UI design, today I think illustrator's goods overcome its bads.


0

3D Applications, like Blender, Maya, Modo etc. are as good as After Effects for mocking up things like this. Perhaps better in some regard, altough typography is typically easier in After Effects. 2 dimensionality is after all just a subset of 3D. Slap in a orthographic camera and you are set You may need to work on the workflow a bit upfront. So saving ...


0

Flat design = a generic term that refers to the trendy modern UI aesthetic of blocky flat icons and blocks of color. Metro Design = Microsoft's new UI design (now called Microsoft design language) for Windows 8 that uses the flat design visual aesthetic. Material Design = Google new UI design for Android that uses the flat design visual aesthetic. (Note ...


3

Material design is unrelated to flat design in its principles. Material design is skeuomorphic in that it is an attempt to make web design more realistic in how it portrays elements, using layers and animation in a way that makes sense outside of the browser. Visually flat design and material design are similar at the moment, but material design can be ...


0

Material design is not flat, its a bunch of flat layers of "material" that are spaced out a little bit on the Z axis. This means that these objects have shadows and are supposed to come from somewhere when they appear on the screen and leave to somewhere when they are not needed anymore. Which means they don't just fade in and out. There are also a bunch of ...


2

There is a symbol for it in predicate logic. "And/or" is just called "or" and is represented as ∨, from the Latin vel meaning or. But note that it's a separate symbol from the letter "v", though similar. In contrast, "or" in the sense of "this one or that one but never both" is called "exclusive or" or "xor" and can be symbolized as ⊻ or ⊕. ...


2

For "and" you could obviously use & or + -- these would be the most intuitive. For "or" something which indicates a "split" might work.... Just need to be careful it doesn't look like "less than"



Top 50 recent answers are included