Marek Posted November 8, 2014 Share Posted November 8, 2014 11 Link to comment Share on other sites More sharing options...
SiNNuT Posted November 8, 2014 Share Posted November 8, 2014 That's looking pretty good. 1 Link to comment Share on other sites More sharing options...
Raymond Geerts Posted November 9, 2014 Share Posted November 9, 2014 I like how the grey background makes the active tab realy pop out 2 Link to comment Share on other sites More sharing options...
diogo Posted November 9, 2014 Share 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 Link to comment Share on other sites More sharing options...
Marek Posted November 9, 2014 Author Share 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 Link to comment Share on other sites More sharing options...
Ivan Gretsky Posted November 9, 2014 Share 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 Link to comment Share on other sites More sharing options...
diogo Posted November 9, 2014 Share 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 Link to comment Share on other sites More sharing options...
Marek Posted November 9, 2014 Author Share 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 Link to comment Share on other sites More sharing options...
Ivan Gretsky Posted November 10, 2014 Share Posted November 10, 2014 Go ahead! Link to comment Share on other sites More sharing options...
diogo Posted November 11, 2014 Share Posted November 11, 2014 Might help http://material-ui.com/ 1 Link to comment Share on other sites More sharing options...
Marek Posted November 12, 2014 Author Share 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 Link to comment Share on other sites More sharing options...
Marek Posted November 12, 2014 Author Share Posted November 12, 2014 7 Link to comment Share on other sites More sharing options...
Adam Kiss Posted November 12, 2014 Share Posted November 12, 2014 It's always fun tweaking these things! This one's mine: 4 Link to comment Share on other sites More sharing options...
Marek Posted November 15, 2014 Author Share Posted November 15, 2014 3 Link to comment Share on other sites More sharing options...
Ivan Gretsky Posted November 16, 2014 Share 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? Link to comment Share on other sites More sharing options...
Marek Posted November 16, 2014 Author Share 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 Link to comment Share on other sites More sharing options...
renobird Posted November 17, 2014 Share 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 Link to comment Share on other sites More sharing options...
Marek Posted December 29, 2014 Author Share Posted December 29, 2014 html/scss prototype ... not working as admin theme, it is just html theme 2 Link to comment Share on other sites More sharing options...
Marek Posted December 3, 2017 Author Share 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 Link to comment Share on other sites More sharing options...
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