Web adaptativa para el restaurante AndraMari & Co.
1 seguidor
En primer lugar avisar que no soy diseñador y se nota, pero en mis ratos libres he estado preparando una web que fuese ultra-adaptativa, o sea, que se adapte a cualquier tamaño de pantalla, ligera y que usase lo mínimo de javascript y fuese accesible.
El resultado es el siguiente: Restaurante AndraMari & Co.
Usuario desconocido
La verdad que en cuanto a programación no está nada mal.. quizás en una resolución grande como en la que estoy (1920x1080) la tipografía <p> es demasiado grande para mi gusto.
En cuanto a diseño te diría detalles que a mi personalmente no me gustan como el degradado utilizado en los menús superior e inferior que quizás es demasiado brusco (un único color gris muy oscuro creo que le iría bien dada la estética general de la web) , y esto: http://www.andramarirestaurante.com/images/arrow_right.gif realmente le quita bastante calidad al diseño general de la web que no está del todo mal, si es por compatibilidad de navegadores puedo llegar a entender que uses .gif en vez de .png pero de ser así le pondría fondo a la flecha y lo guardaría sin "halo" para que no se note ese pixelado de lo contario usaría PNG pues la calidad no tiene nada que ver.
Por otro lado también quitaría el pattern de puntos que has puesto en las fotografías, si fueran realmente puntos de 1px podría quedar bien... aun así creo que en este caso quedaría mejor sin ellos.
Con estos sencillos cambios creo que la web quedaría muchísimo mejor, siempre desde el punto de vista de mi gusto y criterio.
Un saludo.
arturios
Gracias por las críticas y las tendré bien en cuenta.
En cuanto al tamaño de la web, si, es cierto, en resoluciones muy altas queda demasiado grande, así que probaré a poner un tamaño máximo de ancho (¿1280px ó 2048px tal vez? ya probaré).
Es cierto, el degradado superior e inferior queda feo, lo cambiaré.
Y si, quisiera usar png u otra solución, pero está el internet explorer :-/ a ver si encuentro algo mejor.
En cuanto al pattern pixelado es por que las imágenes sólo pueden medir un máximo de 640px de ancho y si crecen más se nota el ruido jpg, tengo que encontrar otro que quede mejor.
Y lo dicho, gracias por los consejos.
Usuario desconocido
Un placer darte mi opinión.
La solución al gif de la flecha que yo usaría sería hacer un jpg cuadrado con fondo negro / flecha blanca y el hover con fondo rojo / flecha blanca
Respecto al tamaño de las imagenes en vez de redimensionar hacia mayor tamaño, haría las imagenes al tamaño máximo que las va a mostrar y que la redimensión sea sólo hacia abajo.
Un saludo!