Appearance matters
April 4, 2008
No, I am not talking about preparation for a date or for an interview. I am still talking about a prototype I am working on. Even if you told that there is no need for special styling and a professional web designer will prepare something two weeks later, and the application should simply work, so it is possible to play around a bit with it.
And because you love the semantical nature of the html you start with a pure html with this scientifical styling. That means no styling at all. But even if you are not a professional designer, exactly like me, you should take one or two hours to create some basic stylesheet to make the user interface pretty less ugly.
- create a rails layout and a partial for the navigation
- put all the items into the menu (even if you are going only to implement one use case / function in your prototype), it will give the page some structure
- use the color schema of the customer Powerpoint presentation for your CSS
- adjust the
displayattribute for relevant elements
For example, if you want the main navigation to be shown in one row at the top of the screen and you have implemented the menu as unordered list <ul> then put something like
ul.main_menu li {
display: inline;
background-color: orange;
padding: 4px;
font-weight: bold;
}
into your CSS file.
Trackback Pings
TrackBack URL for this entry:
http://www.innoq.com/movabletype/mt-tb.cgi/3034