UNIVERSIDAD NACIONAL DE CHIMBORZO
FACULTAD DE CIENCIAS POLTICAS Y ADMINISTRATIVAS
COMUNICACIN SOCIAL
NOMBRE: SAMUEL BANDA
DOCENTE: Ing. Esperanza Vaca
CURSO: 4to A
FECHA: 22/04/2016
Herramientas para la creacin de pginas web
El mundo de las herramientas de diseo es de lo ms amplio... Pero sabras decirme
cules realmente te ayudan a optimizar tu tiempo? 9 herramientas que te ayudarn a
ahorrar tiempo a la hora de crear diseos web
El diseo efectivo y eficiente de sitios web puede ser una tarea compleja, difcil y larga.
De ah que las herramientas se conviertan en un elemento clave a la hora de maximizar
nuestros recursos.
Hoy en da el mercado de la herramientas es muy amplio y cubre todo tipo de
necesidades, por eso resulta difcil escoger la adecuada para cada proyecto.
Hoy te quiero ensear, algunas de las herramientas que me facilitan el trabajo, son de lo
ms completas y seguro que te ayudarn en tu da a da. Y ya sabes, si conoces alguna
ms, estar encantada de que la compartas con nosotros.
Mis herramientas indispensables
1. Adobe Kuler
Si necesitas crear una paleta de color para tu proyecto Adobe Kuler es tu solucin. Una
aplicacin de internet de Adobe gratuita, que te permitir crear y buscar combinaciones
de colores. Para hacer uso de esta aplicacin debers estar registrado como usuario en
la pgina de Adobe, y con tu usuario y password podrs tener acceso a l.
2. Typecast
Esta aplicacin te permite trabajar con mas de 5.000 fuentes desdeTypekit, Fontdeck,
Fonts.com y Google Web Fonts en un solo panel de control.
El objetivo es poder decidir La tipografa que utilizars en los textos que publicars en la
web de forma sencilla y rpida, de la misma forma que lo hacemos con los editores de
texto y fotografa tradicionales. Puedes crear columnas de contenido y alterar la
tipografa usada, escogiendo en el men lateral el proveedor de las fuentes y
escribiendo cualquier tipo de texto para ver los resultados directamente en la web.
Adems podrs obtener el cdigo CSS para poder utilizar esas fuentes en tus pginas
web, con la total certeza de de que tus usuarios cargarn la fuente y vern el mismo
resultado que tu.
3. Mockflow
Te permite montar un prototipo en cuestin de minutos, online y para multitud de
plataformas diferentes: Android, iPhone, WordPress, Joomla, Drupal, Facebook Es
muy intuitiva ya que es tan fcil como hacer drag and drop con los componentes que te
proporciona para construir tu wireframe.
La versin gratuita slo permite un proyecto con 4 pginas, pero puedes descargarlas
en diversos formatos y borrarlas conforme las dejes de necesitar.
4. GuideGuide
Es una extensin de Adobe Photoshop con la que preparar tu documento para
comenzar a disear tus webs ser cuestin de minutos. Un plugin que se ha convertido
en un imprescindible dada la importancia de las guas para conseguir diseos web
perfectos. Una vez que la instales no vas a querer dejar de usarla.
5. Layervault
Seguro que ms de una vez hemos tenido dificultades para gestionar dentro de un
proyecto las ltimas versiones de los archivos. Sobre todo cuando un mismo archivo va
siendo editado por varias personas a la vez.
Layervault es una aplicacin web que te permitir controlar y gestionar todos los
aspectos de tu proyecto (comunicacin con compaeros, gestin de archivos, etc.)
desde una misma interfaz.
Puedes aadirla a la barra de tareas, lo que te permitir ir guardando de forma
automtica a travs de la sincronizacin cualquier cambio, archivo, carpeta, etc. en el
directorio de LayerVault. As tus compaeros de proyecto irn recibiendo actualizaciones
para estar informados de qu aspectos del trabajo se actualizan o cambian, y tambin
recibiremos dichas notificaciones en nuestros otros dispositivos si tambin los
sincronizamos
6. Invision
Esta herramienta ha revolucionado el mundo de las aplicaciones de representacin de
prototipados. Esta herramienta transforma tus diseos rpidamente en prototipos
interactivos con transiciones y animaciones web dotando de gran realismo a tus
mockups. Te permite compartir un mismo proyecto con cuanta gente se desee (entre
ellas el cliente) por lo que resulta muy prctica a la hora de que este pueda previsualizar
e interactuar con el diseo de su web antes de comenzar con su desarrollo.
7. Codekit
Es una herramienta que te ayuda a construir webs de manera ms rpida y ms
ordenada. Adems te permite compilar Sass y Less y optimiza tus archivos.
Con Codekit podrs importar tus frameworks de manera que si haces un include de
algn archivo lo buscar primero en el proyecto concreto en el que ests trabajando y, si
no lo encuentra, recorrer tus frameworks para incluirlo.
8. Proto-io
Si lo que ests diseando es una aplicacin proto.io es una de las herramientas ms
potentes de prototipo que ofrece el mercado de las apps hoy en da.
Ofrece un entorno de creacin de prototipos que podrs usar para crear y presentar el
diseo de tu futura aplicacin.
Posee multitud de opciones para incluir y configurar nuevos componentes, as como
definir los agentes (iPhone y iPad, de momento) que debern acceder al proyecto
creado.
Tambin te permite decidir si la aplicacin ser mostrada en posicin horizontal o
vertical, por ejemplo, as como incluir botones, formularios, cdigo html, barras, textos,
listas, mens, etc., todo sobre una pantalla dividida en zonas para facilitar la posicin
correcta de cada componente.
La versin gratuita est limitada a un proyecto y un agente, permitiendo guardarlo dentro
del subdominio que decidamos.
Estas herramientas que te hemos mostrado es una pequea recoleccin de las ms
aceptadas y utilizadas por los diseadores web hoy en da y que mejor te pueden
funcionar.
9. Sublime text
Para aquellos diseadores que decidan sumergirse en la primera fase desarrollo de la
web Sublime Text es un editor de cdigo multiplataforma, ligero y con pocas
concesiones a las florituras. Es una herramienta concebida para programar sin
distracciones y bastante intuitiva.
Sublime Text te permite tener varios documentos abiertos mediante pestaas, e incluso
emplear varios paneles para aquellos que utilicen ms de un monitor. Dispone de modo
de pantalla completa, para aprovechar al mximo el espacio visual disponible de la
pantalla.
A partir de ahora disear un proyecto web perfecto de principio a fin ser una tarea
mucho ms fcil e intuitiva y tus clientes estarn mucho ms satisfechos
