- ¿Qué recursos se utilizan para hacer un diseño de sitio web bueno y hermoso?
- ¿Utiliza plantillas?
- ¿Qué patrones usa?
- ¿Hay algún sitio web con buenos recursos e ideas?
Respuesta
960 grid tiene un buen conjunto de plantillas para comenzar.
Inspírate en otros sitios web que te gusten, teniendo en cuenta sus técnicas. Como Smandoli sugirió que organice lo que quiera con la función (navegación, CSS, colores, diseño, etc.)
Mantenga su marcado limpio y lo más simple posible, pero no más sencillo.
Agregando al consejo "mira otros sitios web": Abre una carpeta en los marcadores de tu navegador (favoritos) y etiqueta cualquier sitio que encuentres que te guste. Solo toma un momento. Asigne un nombre al marcador después de lo que le haya gustado (acción del menú, navegabilidad, combinación de colores, uso de gráficos, etc.). – Smandoli
Vote +1 por el enlace a 960. Es alentador. – Smandoli
... 960 Grid cambió mi vida, ¡gracias de nuevo! – Smandoli
Veo hermosos ejemplos de diseño para obtener inspiración. Luego prueba ideas, experimenta con elementos y colores. Después de un tiempo, a veces después de un largo tiempo, nace algo nuevo y hermoso.
10 top blogs for Web Developers es un lugar que enumera algunos blogs a seguir para obtener algunas ideas.
Uso un buen diseñador.
¿Es eso una persona o una herramienta? ... o ambos ;-) –
Una persona: las herramientas no hacen diseños (aunque sería genial) – cdonner
Uso las plantillas proporcionadas por mi diseñador.
+1 para el ejemplo realista del mundo real;) – Bozho
Comience con lápiz y papel.
Mis pasos suelen consistir en:
Qué tipo de sitio es lo que quiero hacer ? ¿Cómo puedo cautivar mejor a la audiencia de este tipo de sitio?
esbozar un sencillo estructural diseño en un papel con un lápiz
Decidir sobre los colores y de color combinaciones (1, 2 o 3 columnas dónde va??): www.colourlovers.com me ayuda más.
Cree la estructura del sitio en CSS y utilice palabras de relleno para probar la fluidez si desea un sitio fluido.
Piensa en cómo quiero llevar los colores al diseño. Color de fuente, color de fondo, etc. Algunas pruebas de aquí.
Agregue características de javascript, imágenes, y otras cosas.
Prueba como loco; ¿compatible con el navegador ? Muestra personas y encuentra lo que se ve bien/mal.
Este consejo no es sobre herramientas, se trata de la estética.
Comience con opciones de color.El color es todo.
Proporcionaré un selector de color en línea, pero nunca he encontrado uno que me haga muy feliz.
ACTUALIZACIÓN: ¡Whoo! ¡La publicación de Flam puede haberme ayudado allí!
¿Qué hay de Otro diseño Multicolumna (YAML)? Es un marco CSS para crear diseños flexibles de múltiples columnas probadas con todos los navegadores comunes.
- Elija un diseño de base que se ajuste a sus necesidades: ¿qué tipo de profundidad de navegación necesita?
- Elige colores y fuentes que usted (o su cliente) pleasuring
- Crear fondo y las imágenes de la frontera
eso es un buen comienzo ...
Obtener una, diseñador experimentado dedicado con una sólida cartera (sabrá que es una buena cartera cuando lo vea) y habilidades de HTML/CSS de nivel experto. Esto es algo que no se puede reemplazar con plantillas listas para usar.
killersites.com es una referencia clásica. El diseño generalmente se encuentra entre OS (más físico) y AI (más lógica). La nueva regla de diseño que comencé recientemente es que cuanto menos números tenga el usuario, mejor. Dicen que cuantos más números, más hechos tiene el texto, piensan que las personas responden de forma más natural a las formas y al color que los números.
http://www.coolartz.wordpress.com/
miro ejemplos de diseño hermosas
http://themeforest.net/ – Chalist
me parece un problema del mundo real que útilmente se puede resolver con el software. El diseño fluye del problema.
- 1. Sitio web (s) de diseño de software
- 2. diseño de carpeta de sitio web
- 3. ¿Cómo se hace un enlace de botón a un sitio web en Cocoa?
- 4. ¿Qué es un buen sitio web para aprender prólogo?
- 5. ¿Algún buen diseño de CSS para desarrolladores web no artísticos?
- 6. ¿Elegir el diseño correcto para un sitio web?
- 7. OOP: buen diseño de clase
- 8. ¿Cómo puedo probar el diseño de un sitio web en un dispositivo móvil?
- 9. Cómo publicar un sitio web usando PSAKE
- 10. Sitio web para practicar las habilidades de diseño de OOP
- 11. Cómo hacer un buen diseño GUI de Swing de
- 12. ¿Cuál es un buen patrón de diseño para los valores de retorno del método web?
- 13. ¿Un buen servidor web de python multiproceso?
- 14. ¿Cómo se redirige a un sitio web externo con rieles?
- 15. ¿Qué es un buen motor de búsqueda para insertar en un sitio web?
- 16. ¿Cómo perfilas tu sitio web/aplicación web?
- 17. Cómo ejecutar MSDeploy un paquete de sitio web creado en un sitio web de IIS virgen
- 18. Buen diseño: cómo pasar InputStreams como argumento?
- 19. ¿Cómo alojar un sitio web JSP en un servidor web?
- 20. Medición en un sitio web
- 21. Google Chrome Toolbar rompiendo el diseño del sitio web
- 22. ¿Cómo deletreas revisas un sitio web?
- 23. cómo crear un sitio web ASP.Net conectable?
- 24. Qué es un buen CMS para integrar con un sitio web Java existente (necesita buenas API)
- 25. fallas de caché decrecientes a través de un buen diseño
- 26. Mapa del sitio en un sitio web altamente dinámico
- 27. ¿Cómo construir un sitio web en Node.js?
- 28. Cómo "Monkey Test" un sitio web
- 29. ¿Cómo despliega un sitio web en sus servidores web?
- 30. Cómo integrar Google Analytics en un sitio web de jQueryMobile
Personalmente empiezo cada proyecto web estableciendo la pregunta en 'community wiki' que me brindó una gran información :-P – Boldewyn
Esta es una pregunta bastante subjetiva ya que "no hay una respuesta correcta". Editaría tu pregunta y marcaría Community Wiki. – Travis
Llegué a +1 a esta pregunta porque me llevó a 960 Grid y ColourLovers – Smandoli