*TEXT capitalization in buttons -* I thinks as long as text in buttons are not long, capitalization is good. Capitalization makes the text stand out from the rest of the text(I know there is background color to make it look different but capitalization also serves the purpose) and it grabs the user attention from ux point of view. I think use of uppercase depends on context and is subjective, somewhere it may give an aggresive touch but somewhere it also serves the purpose of grabbing attention to a particular thing.
*Drop-shadows - *Before giving the reasons I want to tell you that i didn't followed any specific rule sets while making this design. I just did what felt right to me. First of all, when you will hover the button then they will have drop shadows, maybe in video this is not visible. I have given the dropshadows to feature list to make it little more prompting to user but one thing that you will notice that its dropshadow will not change when it's hovered because it not clickable. All the clickable things that are having dropshadows will have change in dropshadows when hovered to make it look like the cards are being pushed down when cursor comes over them. On blog posts, I have intentionally added dropshadows which reduces when hovered for the above reason. I have always wondered why things goes up when hovered when it should go down to give a more realistic feel. *Colors -* There is some problem in video. Things are not having a black mask or shade over them, it's just video problem. I have chosen different colors than the previous design because I really didn't like the sky-blue color at all. I dont want to offend anyone but the color of fixed navbar( solid black) and sky blue color really felt odd to me from a user pov, so I changed them to a better shade. The benefits that it provides is that the color I have used is more soothing and it is more comfortable to eyes. I have intentionally removed the background of the feature list section because I didn't like the blue-greyish background it was having, but some work can be done to make sections look distinct. I changed the logo's red color in the background to white color so that it kinda of blend better in background. I tried putting logo at different position but it was looking a lil odd so I put it in background with low opacity. Some other changes that I have done are the mask over the images is darken a bit more, font selection and line height. When there is so much text then I think a good amt of line height and word spacing is needed. I prefer other fonts but for this design I have used montserrat. I really suggest you to see the live version of this design and maybe I can share my screen with you, if you have enough time. I just said what I felt right which is likely to be wrong. It will be really very appreciable to have any conflicting views so that I can change what's wrong and don't make such mistakes in future. BR, Arshad On Monday, April 4, 2016 at 2:30:18 PM UTC+5:30, Arshad Khan wrote: > > Hello all, > > I have tried to redesign the Jenkins 2.0 website to make it look even more > beautiful. I have attached a full-website screenshot and a link for a > video. Have a look! > > Video link: https://youtu.be/FFFF3QUOjm0 > > Code: https://github.com/arshdkhn1/jenkins.io/tree/redesign > > Best Regards, > Arshad Khan > -- You received this message because you are subscribed to the Google Groups "Jenkins Developers" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/jenkinsci-dev/dead4dab-0202-4654-bf01-5bb331eaa84a%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
