Raymond Geerts Posted November 9, 2014 Posted November 9, 2014 I like how the grey background makes the active tab realy pop out 2
diogo Posted November 9, 2014 Posted November 9, 2014 Marek, did you follow Google material design guidelines for this? http://www.google.com/design/spec/material-design/introduction.html Looking good 1
Marek Posted November 9, 2014 Author Posted November 9, 2014 yes i did Diogo, paper on grey background and buttons are based on material design but not every thing is based on it. for example forms and tabs are different 2
Ivan Gretsky Posted November 9, 2014 Posted November 9, 2014 That is great! If you could make a little tutorial about how you did that, that would be awesome. What did you start from (scratch or Reno theme)? Is it a module? Maybe a quick ordered list style of steps you took to arrive at this wonderful interface... I am always looking for some learning and am eager to learn how to modify backend interface. Learning from your recent experience should be a pleasure. Of course if you got a little time for that. 2
diogo Posted November 9, 2014 Posted November 9, 2014 The buttons can have a deeper and softer shadow ⬇ from the new "inbox by gmail" (I'm loving it by the way, and still have one invite left to give) 2
Marek Posted November 9, 2014 Author Posted November 9, 2014 Hi Ivan, Note that it is not working admin theme ... I have done it only in vector graphic software. I would like to make it a real admin theme but now I don't have much time to do it. however i can say something more about why i designed it the way i did 1
Marek Posted November 12, 2014 Author Posted November 12, 2014 so here is what i would like to point out about it... firstly, tabs as Raymond said pops out on a grey background, which is different to basic and reno admin theme in basic/reno theme it looks to me that changing tabs is only going to change first input field, because after each input field there is a horizontal line. Although, i am not sure it is really needed. i think that it is better to make input labels a little bigger, and description (if any) slightly smaller. Paper in material design nicely stands out and buttons that are outside of paper should suggest that it is save to change tabs without loosing what you have written in inputs, i.e. it is not going to load another page color of active input field would be light blue. I noticed that in basic theme and reno theme active inputs doesn't change border color. blue would be also color of links pink color is for active menu items/ tabs. it shows you where you are now i didn't use icons in menu but it can be added. However, I don't like font awesome ... maybe some custom icons could be made. another thing is that save button, which is primary button, should stand out. So it is made bigger and with a shadow. I dont know why but in basic theme and reno theme top save button is on right side and bottom save button is on left side. I think both should be on right side. 1
Adam Kiss Posted November 12, 2014 Posted November 12, 2014 It's always fun tweaking these things! This one's mine: 4
Ivan Gretsky Posted November 16, 2014 Posted November 16, 2014 It would be really nice to see those as working modules, not just prototypes. Seems like there are not so many admin theme modules with stated campatibility with 2.5. Is it hard to implement or nobody had enough time recently to upgrade/create new ones?
Marek Posted November 16, 2014 Author Posted November 16, 2014 I don't have any experiences making admin theme so I don't know how much time it would take. however, I plan to make it work ... sometime ... in the future ... now I don't have enough time to start working on it. 2
renobird Posted November 17, 2014 Posted November 17, 2014 If you start with AdminThemeReno, a lot of what you've shown here shouldn't be too difficult with just some CSS changes. A small bit of markup change to move the search input into the sidebar. Give it a shot. I think you'll be surprised at how easy it is. 3
Marek Posted December 29, 2014 Author Posted December 29, 2014 html/scss prototype ... not working as admin theme, it is just html theme 2
Marek Posted December 3, 2017 Author Posted December 3, 2017 hey, I wanted to show you my latest redesign that i did a few months ago for fun, hope you like it. 7
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now