Programación java

¿Qué es una retícula Cualquier documento que tenga que ser maquetado tendra que estar compuesto en fundamento a una reticula. La reticula son una serie de guias que nos daran los dimensiónes de las columnas para el texto, graficos e imagenes que tengamos que componer. De dentro a afuera En este articulo vamos a explorar el diseño de la reticula de dentro a fuera. Vamos a componer primer una reticula para los contenidos y despues veremos como componer la reticula para el resto de los fundamentos de navegacion (botoneras, etc...). La hoja en blanco La primera aproximacion que debemos realizar para poder plantear una reticula es conocer el contenido, jerarquias y metas del documento. Debemos conocer con claridad que debe comunicar el documento, la temática del mismo (si es opinión, si es una receta, si es un informe técnico...). Si vuestro sitio web puede albergar distintos tipos de documentos deberemos diseñar tantas reticulas como tipos de documentos. No hay otra via. No se puede pensar en un diseño "para todo" ya que perderemos legibilidad y comprension por fracción de los usuarios. Si el usuario se ve expuesto a distintos tipos de contenido debajo el mismo esquema, se puede perder. Es clave que una diferencia visual marque una diferencia editorial. Ya conoces el contenido... ponlo sobre el papel. Hay dos maneras de aproximarse al diseño de la retícula. El matemático. Se supone que uno puede directamente beber el ancho del documento, calcular la proporcion aurea y sacar una reticula. En este caso, las líneas azules nos marcan la proporción aúrea del documento y de ahi podemos sacar una retícula. A mi este metodo no me suele gustar porque da por expertos muchos apariencias de ancho de parrafo, etc.. que son necesarios cuidar. El orgánico La aproximacion mas natural es la organica donde el contenido nos dara las proporciones que despues podremos sistematizar en manera de reticula. Por ello el primer paso para establecer la reticula es colocar vuestro contenido sobre el papel... o en este caso, sobre el navegador. Debemos ser capaces de crear un ancho de texto donde veamos que vuestro contenido fluye de manera natural. En pantalla la lectura es mas dura que en papel y por tanto debemos cuidar el ancho de linea. Por lo comun algo sobresaliente a los 350 pixeles con tipografias de dimensión 10 / 11 / 12 suele ser correcto. Aun asi, debemos cuidar mucho estos apariencias de dimensión y ancho de linea ya que un documento que puede leerse con comodidad en pantalla ahorra mucho tiempo a los usuarios. En especial en entornos como intranets, universidades o institutos de documentacion, si se alcanza realizar los documentos legibles en pantalla, el ahorro de impresiones, etc... puede ser mayusculo. Este ancho de columna fundamento es el punto de partida para la reticula. Ahora poseemos que ver como pondremos las fotos, llamadas de texto, anotaciones, etc... Sistematizando la retícula Dentro de nuesto ancho general, debemos de ser capaces de partir la retícual en un número suficiente de columnas y filas como para poder alojar todo tipo de fundamentos pero sin que sean demasiados como para que parezca arbitrario o demasiado complejo de gestionar. Aqui igualmente debemos laborar de manera organica al comienzo manerando el layout de manera libre. Photoshop suele ser la dispositivo mas comoda. Debemos componer las fotografias, probables graficas de manera natural y despues ver como sistematizar los elementos. Es decir, debemos separar los procesos de diseño y de producción. Y es bueno que sean personas diferentes. El diseñador debe liberarse de probables trabas tecnicas que le impidan expresar con libertar el concepto a plasmar. Si los apariencias tecnicos son los que imperan, al final todas las web acaban pareciendo lo mismo. La retícula es la única vía para un diseño escalable El diseño basado en la retícula es la única vía que te garantiza que tu proyecto, a nivel de diseño, sea escalable. Por otro lado, a pesar de optar por un diseño órganico como método de aproximación al diseño, lo mejor a nivel operativo es que ese diseño se traduzca a términos lo más redondos posibles. Es decir, que al acabar el programa tengamos un lenguaje del estilo: Ancho de parrafo: 350 px Ancho de columna 1: 150 px Ancho de columna 2: 150 px ... De esta manera a nivel operativo cualquier ampliacion, revision, edicion se podra hacer desde una fundamento solida