Thread Tools Display Modes
05-08-13, 01:31 PM   #1
Haleth
This Space For Rent
 
Haleth's Avatar
Featured
Join Date: Sep 2008
Posts: 1,173
New Aurora button style

Hello!

I want to update the theme of my Aurora/FreeUI addon to a more flat/modern look, starting with buttons of all kinds. Eventually I want to get rid of the shadow border too.

I got feedback from someone though that they liked the old theme more. So I figured I'd ask around. What do you prefer?

Old:



New:




Don't pay attention to the blue/pink colour, those are based on class. Also, the latter two screenshots are darker because it's evening.

Last edited by Haleth : 05-08-13 at 01:39 PM.
  Reply With Quote
05-08-13, 03:58 PM   #2
10leej
A Molten Giant
 
10leej's Avatar
AddOn Author - Click to view addons
Join Date: Feb 2011
Posts: 583
I quite like the flat look myself. But, I'm currently working on an Aurora Skin for BobUI and not sure how it would look with my borders.

Here's my still very incomplete skin
Attached Thumbnails
Click image for larger version

Name:	Capture.PNG
Views:	747
Size:	196.3 KB
ID:	7704  Click image for larger version

Name:	Capture2.PNG
Views:	564
Size:	318.2 KB
ID:	7705  
__________________
Tweets YouTube Website

Last edited by 10leej : 05-08-13 at 04:03 PM.
  Reply With Quote
05-08-13, 04:06 PM   #3
Nibelheim
local roygbi-
 
Nibelheim's Avatar
AddOn Author - Click to view addons
Join Date: Jan 2010
Posts: 1,600
I reckon it could be done just by changing the defaults. Setting the gradient defaults to result in a flat gradient makes all buttons/etc flat, and then add a setting for border style

This way it would only take anyone 10 seconds to switch styles to their choosing
  Reply With Quote
05-08-13, 04:17 PM   #4
Haleth
This Space For Rent
 
Haleth's Avatar
Featured
Join Date: Sep 2008
Posts: 1,173
Fair point. I do actually want to make it easier to change the theme, but it was never designed with that in mind and it'll be quite a pain to add more advanced options.

Part of the reason I actually wanted to move away from the gradient is because of technical issues. Any gradient alpha texture on a frame that has an AnimationGroup as a child, or is a child of a frame with an AnimationGroup, will go completely white on every OnUpdate call as long as the animation lasts. My original 'fix' to this on the talent frame, for example, was to disable the Play function of the glow animation of the 'Learn' buttons. This caused taint though, and now I use a whole lot of workarounds (including setting the gradient alpha every OnUpdate for the duration of the animation), and it -still- doesn't work properly in certain scenarios which I can't identify.

I could of course find or make me an actual gradient texture, but then that makes customization more difficult. Unless I add an in-game option for people to switch between the flat and gradient texture, then set the colour...

ponders
  Reply With Quote
05-08-13, 05:45 PM   #5
Be3f.
A Theradrim Guardian
 
Be3f.'s Avatar
Join Date: Jan 2011
Posts: 65
Was never really a fan of the highlights

+1 for flat .
__________________
-- Be3f.
  Reply With Quote
05-08-13, 06:03 PM   #6
Tonyleila
A Molten Giant
 
Tonyleila's Avatar
AddOn Author - Click to view addons
Join Date: Mar 2010
Posts: 758
Do you remember why you gave us the gardient back? Flat looks all cool at light backgrounds but if you have a dark background its not good to see the buttons or input filds. they are to hard to differ from the window background color. Test this at the Horde AH in OG (dark place where you have to find buttons)
Also if you change again this will maybe be the death of Missing Textures - I currently don't have time to change everything I personaly don't care about the white button @ talent window

However if you want to change the puffy border feel free to do so for myself I already use a 1px border but thats an easy lua edit everyone can do if he wants.

+2 for stay gardient because I gave you 2 reasons ;D
__________________
Author of: LeilaUI and Aurora: Missing Textures
__________________

Last edited by Tonyleila : 05-08-13 at 06:08 PM.
  Reply With Quote
05-08-13, 06:28 PM   #7
Kkthnx
A Cobalt Mageweaver
 
Kkthnx's Avatar
AddOn Author - Click to view addons
Join Date: Aug 2011
Posts: 247
The flat look is way better. I have always liked a flat look. Its very simple and matches more things than not. I think it looks a lot better. Change is never bad.
__________________
Success isn't what you've done compared to others. Success is what you've done compared to what you were made to do.
  Reply With Quote
05-08-13, 06:44 PM   #8
Haleth
This Space For Rent
 
Haleth's Avatar
Featured
Join Date: Sep 2008
Posts: 1,173
Thanks for the feedback, everyone I'll be pushing new builds to GitHub soon that prepares for the solid/gradient option, and already has a colour option. GUI components will follow later.

Originally Posted by Tonyleila View Post
Do you remember why you gave us the gardient back? Flat looks all cool at light backgrounds but if you have a dark background its not good to see the buttons or input filds. they are to hard to differ from the window background color. Test this at the Horde AH in OG (dark place where you have to find buttons)
Good point, but the difference here is that the buttons are (almost) solid, whereas the old ones (before gradient) were semi-transparent.

Originally Posted by Kkthnxbye™ View Post
Change is never bad.
  Reply With Quote
05-08-13, 06:53 PM   #9
Nibelheim
local roygbi-
 
Nibelheim's Avatar
AddOn Author - Click to view addons
Join Date: Jan 2010
Posts: 1,600
Originally Posted by Haleth View Post
F*** yeah! Reminds me of those old 8-bit games I used to play
  Reply With Quote
05-08-13, 07:07 PM   #10
Haleth
This Space For Rent
 
Haleth's Avatar
Featured
Join Date: Sep 2008
Posts: 1,173


https://github.com/Haleth/Aurora/com...7fda627c48412a
https://github.com/Haleth/Aurora/com...517c22e7f3ea7e

Still need to add GUI stuff, but you can try it already.

/run AuroraConfig.buttonColourGradient = true or false
/run AuroraConfig.buttonColour = {r, g, b, a}
/reload
  Reply With Quote
05-08-13, 07:19 PM   #11
Kkthnx
A Cobalt Mageweaver
 
Kkthnx's Avatar
AddOn Author - Click to view addons
Join Date: Aug 2011
Posts: 247
Originally Posted by Haleth View Post
Thanks for the feedback, everyone I'll be pushing new builds to GitHub soon that prepares for the solid/gradient option, and already has a colour option. GUI components will follow later.



Good point, but the difference here is that the buttons are (almost) solid, whereas the old ones (before gradient) were semi-transparent.



Pure love right here!
__________________
Success isn't what you've done compared to others. Success is what you've done compared to what you were made to do.
  Reply With Quote
05-08-13, 10:07 PM   #12
Tonyleila
A Molten Giant
 
Tonyleila's Avatar
AddOn Author - Click to view addons
Join Date: Mar 2010
Posts: 758
Originally Posted by Nibelheim View Post
F*** yeah! Reminds me of those old 8-bit games I used to play

I'm missing a Neon Green border around it; Please fix this before upload - thanks!
__________________
Author of: LeilaUI and Aurora: Missing Textures
__________________
  Reply With Quote
05-08-13, 10:25 PM   #13
Nibelheim
local roygbi-
 
Nibelheim's Avatar
AddOn Author - Click to view addons
Join Date: Jan 2010
Posts: 1,600
Originally Posted by Tonyleila View Post

I'm missing a Neon Green border around it; Please fix this before upload - thanks!
Almost makes me want to design an 8-bit UI

  Reply With Quote
05-09-13, 02:25 AM   #14
zork
A Pyroguard Emberseer
 
zork's Avatar
AddOn Author - Click to view addons
Join Date: Jul 2008
Posts: 1,740
http://designmodo.github.io/Flat-UI/

@Haleth
That yellow thing is a joke right? No good.

@Nibel
I love the DotT style the most.
__________________
| Simple is beautiful.
| WoWI AddOns | GitHub | Zork (WoW)

"I wonder what the non-pathetic people are doing tonight?" - Rajesh Koothrappali (The Big Bang Theory)

Last edited by zork : 05-09-13 at 02:30 AM.
  Reply With Quote
05-09-13, 02:37 AM   #15
Haleth
This Space For Rent
 
Haleth's Avatar
Featured
Join Date: Sep 2008
Posts: 1,173
@ Zork; Yes, it was a reply to "Change is never bad"

That UI does look pretty. Perhaps there's some things to consider there...
  Reply With Quote
05-09-13, 03:39 AM   #16
Xionyus
A Deviate Faerie Dragon
Join Date: Jan 2013
Posts: 13
I sorta like the gradient, but the flat looks just as nice. TBH, if you switched it, a majority of people wouldn't notice. If it's a pain and causing a problem, scrap the gradient and just go with the flat. ^^
  Reply With Quote
05-09-13, 09:42 PM   #17
MiRai
A Warpwood Thunder Caller
Join Date: Jul 2011
Posts: 96
I'll chime in late saying that I like the gradient over the flat.
  Reply With Quote
05-09-13, 10:38 PM   #18
Nibelheim
local roygbi-
 
Nibelheim's Avatar
AddOn Author - Click to view addons
Join Date: Jan 2010
Posts: 1,600
Originally Posted by zork View Post
@Nibel
I love the DotT style the most.
Haha. Now it all makes sense
  Reply With Quote
05-10-13, 07:30 PM   #19
Tonyleila
A Molten Giant
 
Tonyleila's Avatar
AddOn Author - Click to view addons
Join Date: Mar 2010
Posts: 758
I now just removed "F.Reskin(PlayerTalentFrameTalentsLearnButton)" from the talent window to fix the white button and I think with Missing Textures no one how dosen't know will see the difference to the original button
__________________
Author of: LeilaUI and Aurora: Missing Textures
__________________
  Reply With Quote
05-11-13, 05:34 AM   #20
Haleth
This Space For Rent
 
Haleth's Avatar
Featured
Join Date: Sep 2008
Posts: 1,173
You should change your UI scale though, some of the borders are messed up.

The new builds on my Github also don't have the white button problem, because I made an actual gradient texture instead of using SetGradientAlpha.
  Reply With Quote

WoWInterface » AddOns, Compilations, Macros » UI Screenshots, Feedback and Design Discussion » New Aurora button style

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off