Primero que nada lo que haria seria exportar cada elemento de la UI por separa en formato .png o .jpg (depende del elemento) posteriormente haria su maquetado en html y despues en css.
Ejemplo:
Posteriormente haria el css:
Código CSS:
Ver originalform input[type=text]{
background: url(images/bg_input.png) no-repeat;
height:35px;
width:220px;
}
form input[type=submit]{
background: url(images/bg_submit.png) no-repeat;
height:25px;
width:50px;
}
Donde la imagen del input text seria el cuadro de texto donde insertamos valga la redundancia el texto y la imagen del input submit seria la imagen de la lupa.
Asi seria mas o menos lo que yo haria y como lo haria.