Hey hey people. Back again with another website design I have been tinkering with. This time I wanted to try and make something following the flat user interface design that seems to be so popular nowadays. It ended up being a lot harder than I imagined due to the limitation in effects I was able to use while maintaining the style. I opted to pay particular attention to my colour scheme and spacing while making this. I relied mostly on colour, iconography and nice typography to create a design that was simple, easy to navigate and easy on the eyes.
Live preview below as always. Much love.
LIVE PREVIEW
Wow, looks nice Tasemu. Good job! 🙂
Aug 20, 2013 07:25 PM
(This post was last modified: Aug 20, 2013 07:27 PM by arimaru.)
Very nice, I really like the UI, Nothing to flashy just a nice simple look
Very good work Tas. You always amaze me with everything.
Kinda dislike the tiny bit of space under the flag of each post. Also think that top bar could stay stationary, but otherwise, it looks great. Nice and simple.
Hm from what I can see it looks very nice tas. 9.5/10
We choose to fap not because it's easy, but because it's hard.
![[Image: zy1p8Df.gif?1]](https://i.imgur.com/zy1p8Df.gif?1)
Looks nice but a little bit to crowded with stuff but besides that it looks really nice
Looks quite nice :) keep up the good webdesign !
hi.
You have spacing and typography issues throughout the whole design.
- Everything feels way too cramped together.
- Should differentiate between your heading slab font and your san serif font, because right now it just looks like you splashed those two fonts into random places.
- Couple of validation errors as well.
- The state your website is in right now, it really shouldn't even be considered responsive right now. I suggest you consider fixing them.
Overall, good attempt indeed. It's very nice to see designers in HF are converting to flat designs. Good luck man.
Wow this looks sick! I say a 9/10 on this one
(Aug 20, 2013 08:42 PM)Aired Wrote: You have spacing and typography issues throughout the whole design.
- Everything feels way too cramped together.
- Should differentiate between your heading slab font and your san serif font, because right now it just looks like you splashed those two fonts into random places.
- Couple of validation errors as well.
- The state your website is in right now, it really shouldn't even be considered responsive right now. I suggest you consider fixing them.
Overall, good attempt indeed. It's very nice to see designers in HF are converting to flat designs. Good luck man.
Aye ill fix those up. I need to mess with the mobile version a fair bit to get something more practical. I will look over my typographic choices and try to part them more.
Ill also work on my spacing. I cramped a lot together because a lot of the sites i had a look at followed that theme. ^^
Thanks for your feedback, I will make sure to use it.
Link 3 and 4 are a bit derpy on mobile. They get pushed to the next line, and that kinda ruins the look you were going for.
I'll switch it out for a mobile dropdown button. ^^
I like it! Keep up the good work! - Did you code it by your self?
Your free online strength/weightloss and mental coach.
Hit me up for free advices.
A lot of people have given you some really nice feedback, so let me jump in here and add my own.
The navbar looks nice, however the color is a little milky. A tad darker would be nice.
The edit profile link should be larger or be a button. Do you even need it, considering there's already a cog in the navbar?
Consider using the title="" attribute in HTML to define what your icons do. This way, I can see what the lightbulb does when I hover over it.
I'll add more soon.
|
![[Image: WFY.png]](https://i.nyah.moe/WFY.png)
