Iconos:¿Cómo puede un desarrollador sin conocimientos de diseño hacer que los iconos de sus aplicaciones se vean bonitos?[cerrado]

StackOverflow https://stackoverflow.com/questions/6729

  •  08-06-2019
  •  | 
  •  

Pregunta

Probablemente paso demasiado tiempo tratando de hacer que mis interfaces visuales se vean bien, y aunque soy bastante experto en encontrar la combinación adecuada entre usabilidad y estilo, un área en la que no tengo esperanzas es en crear íconos bonitos.

¿Cómo superan ustedes este problema (estoy seguro que es común)?Estoy pensando en cosas como imágenes en botones y quizás lo más importante de todo, el ícono de la aplicación real.

¿Confías en diseñadores externos, internos o externos?¿O conoce algún sitio web oculto que ofrece muchos íconos para que los usemos?Probé con Google, pero parece que encuentro paquetes costosos que son muy específicos, millones de íconos de Star Trek o íconos que lucen terribles en 16x16, que es mi tamaño preferido en los botones de la aplicación.

Se agradece cualquier ayuda/consejo.

¿Fue útil?

Solución

Los buenos iconos son difíciles de diseñar.Intenté diseñar el mío propio y también utilicé diseñadores gráficos internos.Sin embargo, crear un buen conjunto de iconos requiere mucho trabajo, incluso para el diseñador gráfico.

Creo que su mejor solución es comprar/encontrar un conjunto de íconos para usar en sus proyectos.

El conjunto de iconos de seda es un conjunto bueno y gratuito que se puede encontrar en FamiliaFamFam.Hay más de 1000 íconos en este conjunto y es muy popular.

Si buscas algo "diferente", puedes comprar conjuntos de iconos por unos cientos de dólares.Teniendo en cuenta el costo de que un diseñador los cree para usted o de hacerlos usted mismo, ¡el costo de estos conjuntos es económico!

Aquí hay algunos diseñadores de íconos que he encontrado en la web:

Otros consejos

No olvide tampoco que, a menos que tenga muchos botones en la barra de herramientas u otros objetos similares para llenar, es posible arreglárselas con muy pocos íconos más allá de su propio ícono de aplicación exclusivo y íconos del sistema.(Recuerde llamarlos desde bibliotecas existentes en la máquina del usuario, no reempaquetarlos, mantenga contentos a los abogados).

Tener demasiados íconos puede ser tan malo como tener algunos feos.Muchas pautas establecen que si no puede tener íconos de apariencia profesional, coloque algunos espacios en blanco.Puede ayudar a mantener la interfaz liviana y ordenada.

Si tienes dinero, definitivamente recurre a un diseñador profesional.Al principio, si no tiene muchos proyectos que requieran un diseñador, simplemente contrate uno por contrato.Si empieza a sentir la necesidad de un diseñador a tiempo completo, será beneficioso contratar uno.

Hay disponibles conjuntos de iconos gratuitos atractivos, pero deberías buscar un conjunto de iconos decente que puedas reutilizar para la mayoría de tus proyectos.

Finalmente, si no tienes acceso a un diseñador, mantén el aspecto muy limpio y simple, porque es probable que no puedas hacer un diseño atractivo (ya que no eres un artista).

Me gustan los íconos de seda gratuitos en famfamfam, pero son png y cuando los convierto a formato ico, se ven bastante feos.No estoy seguro de qué estoy haciendo mal...

No es necesario ser un gran diseñador para crear una interfaz de usuario decente y una excelente experiencia de usuario para su aplicación.

Creo que hay ciertos principios que puedes seguir y que pueden mejorar drásticamente tu aplicación.

En un nivel alto esto incluye:

  • Identificar sus 3 casos de uso principales
  • Medir y reducir la cantidad de clics necesarios para superar los casos de uso principales
  • Dibuja, crea un prototipo, tíralo y desafíate a ti mismo a hacerlo con menos

Escribí una entrada de blog que intenta escribir algunos principios relacionados con el diseño de GUI.Compruébalo y déjame saber lo que piensas.

Cómo mejorar la experiencia del usuario de su aplicación GUI con algunos principios simples.

Estos son los enlaces de íconos que encontré hace algún tiempo, creo que aún no estaban publicados:

Esto también suena interesante: AbrirClipArt pero su web no parece ofrecer vistas previas rápidas (miniaturas)

Contamos con un diseñador interno que hace el nuestro, aunque también utilizamos diseñadores independientes.

Podrías intentar iniciar un concurso de diseño en 99 diseños?

También hay algunos conjuntos de iconos gratuitos disponibles, como estas.

Si buscas en Google, también encontrarás bastantes conjuntos de íconos disponibles comercialmente que puedes usar (¡aunque obviamente ninguna de las opciones de conjunto de íconos te dará un ícono específico para tu aplicación!).

¡Espero que ayude!

Tengo una pareja que me gusta mucho:

GlyFx y Iconos vectoriales de liquidez.

Los de Liquidicity son especialmente útiles para WPF o Silverlight, puedes hacer una interfaz que incluso ampliada se vea genial.

Me gustan los íconos de seda gratuitos en famfamfam, pero son png y cuando los convierto a formato ico, se ven bastante feos.No estoy seguro de qué estoy haciendo mal...

Parece que estás eliminando el canal alfa.Debes asegurarte de cargarlos como PNG ARGB de 32 bits antes de convertirlos en íconos.

Me encontré con IconBuffet al registrar mi copia de Visual Studio Express.Tienen algunos íconos increíbles que puedes usar en tus aplicaciones.

Para el desarrollo de aplicaciones, también comencé a jugar con interfaces WPF en .Net, que pronto también estarán disponibles en Mono.Con la capacidad de utilizar imágenes web e imágenes en aplicaciones de Windows, incluso los no creativos pueden desarrollar interfaces increíbles.

Para diseños de sitios web, utilizo sitios como OSWD para diseños y maquetaciones que son gratuitos.

También recomiendo IconFactory.O para ser exactos: http://stockicons.com/ Hay muchos conjuntos de íconos a un precio asequible y creo que comprar un conjunto profesional es la mejor opción que tienes si no eres diseñador gráfico.

Si solo necesita un ícono, probablemente valga la pena contratar a un diseñador gráfico.

Pero, ¿por qué crees que necesitas crear íconos para que tus interfaces se vean bien?Las interfaces basadas en iconos son la pesadilla de la interfaz de usuario en estos días.Mire una captura de pantalla de Komodo IDE o Eclipse, por ejemplo.Estas son interfaces terriblemente mal diseñadas.Es imposible saber qué hacen los botones hasta que pasas el cursor sobre ellos y obtienes la información sobre herramientas.Te sugiero que uses texto a menos que haya un ícono que represente mejor el concepto, no sientas que necesitas representar cada idea visualmente.

Supongo que depende del contexto para el que estés desarrollando la interfaz de usuario: ¿tienes muchos usuarios que no hablan inglés como primer idioma?¿Es para uso ocasional o para que los usuarios avanzados lo utilicen todos los días?¿Es un sitio web?¿Es una aplicación de escritorio?

Pero cuando realmente necesitas íconos, existen algunas buenas bibliotecas.Creo que la coherencia es realmente importante; Tango Por ejemplo, "existe para ayudar a crear una experiencia de interfaz de usuario gráfica consistente para un software gratuito y de código abierto". Y los íconos bastante atractivos tienen licencia bajo Creative Commons

Pensé que podría ser interesante mencionar que Axialis acaba de lanzar una versión gratuita de su Icon Studio para Visual Studio 2008.Sólo se instalará si VS 2008 Pro o TFS está instalado y se conecta directamente a la barra de herramientas de VS.

Siempre me han gustado las selecciones de íconos en virtualLNK.Tienen una buena cantidad de paquetes de íconos que tienen un aspecto moderno a un precio razonable.

Pruebe este sitio www.iconsreview.com, ofrecen reseñas de una variedad de paquetes de íconos, tanto gratuitos como de compra.

www.iconshock.com Tiene más de 400.000 iconos y puedes comprar la colección completa por unos 400 dólares.

Alternativamente, hay varios sitios que ofrecen íconos gratuitos, solo asegúrese de verificar la licencia.

Terminé obteniendo créditos de $20 (cantidad mínima) de vectorstock; tienen muchas imágenes vectoriales, íconos y cosas así para elegir, y se venden por 1 crédito ($1).

siempre puedes continuar Elance y contrate a alguien para que le haga íconos/logotipos.Lo he hecho varias veces y es bastante barato para lo que obtienes.Hay tanta competencia en ese sitio que eventualmente alguien llegará a su precio.Siempre he creído que no tiene sentido hacer girar tus ruedas con algo en lo que realmente no te especializas.

Ah, sí, y me gusta este sitio, ¡mantenerlo simple siempre es mejor!

Intento mantener mis aplicaciones muy simples.La simplicidad y la usabilidad pueden ser un buen diseño en sí mismas si se hacen de manera inteligente.

Tomemos como ejemplo todos los botones de Stackoverflow.No debería ser muy difícil implementar algo similar en su propia aplicación.Son simples y hacen el trabajo.

Intente apuntar primero a lo limpio y simple, y luego preocúpese por los elementos estéticos.

¿Cómo escribe software un diseñador sin conocimientos de programación?

Consiguen un programador para hacerlo.

¡Haz trampa y usa fotos!

He tenido problemas con esto. Lo que tiendo a hacer ahora es buscar fotografías de objetos PERO sobre un fondo blanco.El fondo se puede hacer transparente.entonces uso esto Herramienta de conversión para convertir un archivo PNG en un .ico.Al exportar, incluya todas las resoluciones hasta un tamaño de 512 píxeles para obtener buenos resultados.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top