pouët.net

Go to bottom

Flat Design Pouet

category: general [glöplog]
Just messed with the css a little bit...

BB Image

Thoughts?
added on the 2017-02-15 09:13:13 by mrdoob mrdoob
I like it
added on the 2017-02-15 09:25:35 by EviL EviL
Make it so, Number One. :D
added on the 2017-02-15 09:28:04 by Alopex Alopex
I don't like it
added on the 2017-02-15 09:29:12 by 1in10 1in10
those shadows actually make it less flat than the current 'design' ?
added on the 2017-02-15 09:34:04 by the_Ye-Ti the_Ye-Ti
good point
added on the 2017-02-15 09:40:44 by EviL EviL
I like it.

Removing all of those lines round the tables cleans the design up a ton, and the shadows do the job the lines currently serve (giving the parts some visual separation) without all the fuss.
added on the 2017-02-15 09:41:11 by psonice psonice
Flat design (to me at least) implies less visual detail - simpler design, no fancy borders on stuff, no textures. The idea is to make it clearer, less cluttered. It doesn't mean flat as in 2D.

So if you're using shadows to give a sense of 'depth' in order to separate out the UI elements like mrdoob did there, that's flat design. If you're putting shadows under the text and stuff to make it look cool, not so much.

Note the 'Submit' button - that has a fancy bezel and an outline to make it look like a physical 3D button. That now sticks out as the main non-flat element ;) The platform / demo type icons could do with an update to match too.
added on the 2017-02-15 09:48:20 by psonice psonice
Web 1.1 :D

No really, I actually like it. Clashes a fair bit with the icons and buttons though. Like some sort of (unintentional) normal mapping. ;)
added on the 2017-02-15 09:54:26 by tomaes tomaes
Nice effort
added on the 2017-02-15 09:58:35 by Soundy Soundy
It's different than it's been since decades. So... no? :)
added on the 2017-02-15 09:59:32 by Preacher Preacher
Yes please!
added on the 2017-02-15 10:08:15 by KILE KILE
I don't think the colors work anymore like that.
added on the 2017-02-15 10:15:27 by Gargaj Gargaj
But on the upside multiple skins are supported so if you can provide a CSS we can make it work :)
added on the 2017-02-15 10:16:04 by Gargaj Gargaj
looks fresh!
added on the 2017-02-15 10:22:32 by v3nom v3nom
Fonts look horrible blurry and there is maybe a tad too much of drop shadow, but quite okay :)
added on the 2017-02-15 10:36:11 by leGend leGend
Shadow things...they look good, but tend to slow down A LOT the scroll down performance and overall performance of the render.

Like the top-bottom padding increase making some sections more easy to read.
added on the 2017-02-15 11:41:23 by JaK JaK
The proper google-like flat design would have 2-colour icons, 100pt fonts, 999 pixel margins around each paragraph and absolutely no colour differences between elements, not to mention any graphical separators. Go back to drawing board and don't come back until you learn something about "not getting in the way" and "not distracting" UIs!
added on the 2017-02-15 11:54:30 by rutra80 rutra80
soo... like the logos, can we have people submit stylesheets and it'll be different every time?

come ooon... it SOUNDS GREAT!!! :D
added on the 2017-02-15 11:59:31 by farfar farfar
Quote:
I don't think the colors work anymore like that.

Like they ever did :)

Quote:
Fonts look horrible blurry and there is maybe a tad too much of drop shadow, but quite okay :)

Don't worry about the fonts, they'll stay readable for you unless you buy a Mac :D
added on the 2017-02-15 12:08:14 by kb_ kb_
Quote:
Like they ever did :)

It's all about context, okay? :) If you're proposing an update, you might as well update everything, right? :)
added on the 2017-02-15 12:18:32 by Gargaj Gargaj
When we are talking a complete design overhaul:

flat -> yes, please!
fonts -> not blurry please (while i think this is just some filtering on the screenshot!?!)
change colors to more modern -> yes, please!

+ remove the trumpet-background completely!
...i know "pouet" is the sound of a trumpet, but otherwise this has nothing to do with the demoscene at all! ;)
tbh I don't like it that much, just replacing borders with drop shadows doesn't do it for me :/ Lets make a "compo" out of it, I'll give it a shot tonight and see if I can do any better :)
added on the 2017-02-15 15:51:24 by LJ LJ
As far as I can tell aside from the avatars everything else that contributes to the visual is in the CSS, so you can overhaul it as much as you can. User-selected CSS isn't (yet) in the code but it should be fairly trivial to add; as well as external previews. (index.php?_EXTERNAL_CSS=http://...)
added on the 2017-02-15 16:17:25 by Gargaj Gargaj
Quote:
fonts -> not blurry please (while i think this is just some filtering on the screenshot!?!)

I didn't changed the fonts, that's how the font looks on my browser/os conf.

Quote:
But on the upside multiple skins are supported so if you can provide a CSS we can make it work :)

The css would benefit of some clean up... In order to remove the borders I had to modify quite a few rules.
added on the 2017-02-15 17:03:07 by mrdoob mrdoob

login

Go to top