¿Existe una regla general o algunas pautas para decidir qué color usar para un borde?

Creo que la única forma de decidir un color, y otras características, es evaluar el propósito del borde. Debe tener un propósito, incluso más de uno; si no es innecesario.

Una distinción que creo que es importante es que, a pesar de que borderCSS lo llama simplemente a, en realidad está definiendo un archivo border stroke.

La definición de un borde en este contexto es simplemente: "El borde o límite de algo".

La distinción es importante porque, incluso sin trazo de borde , todavía tiene un borde. Si el borde es visible depende de si el color alrededor del borde es igual o diferente. Mire el elemento 'Preguntas de Hot Network' a la derecha de esta página (solo visible en la versión de escritorio). No tiene trazo de borde, pero claramente tiene un borde.

Si está agregando un trazo de borde porque lo vio en un buen diseño en otro lugar, puedo afirmar categóricamente que necesita aprender más sobre el diseño .

A juzgar por sus propios méritos, el borde es intrascendente, lo que pretende hacer debe definir cómo lo implementa.

Algunos consejos que pueden ayudarlo a decidir lo que quiere hacer; esta no es una lista completa de propósitos para usar un trazo de borde; Agregaré más cuando piense en ellos:

¿Es para hacer que el elemento se destaque de todo lo demás?

• Necesitará un fuerte contraste para lograr esto.

• El contraste más fuerte entre colores se logra utilizando el color directamente opuesto en una rueda de colores estándar. No es lo que estoy recomendando, solo información para ayudarlo a comprender.

¿Para separar elementos?

• Probablemente sea mejor usar colores grises o muy desteñidos, para no desmerecer el contenido en sí.

• Esto también podría lograrse simplemente considerando la proximidad de los elementos a elementos no relacionados y agregando más espacio en blanco.

¿Para crear una sensación de profundidad?

• El uso de bordes para crear profundidad probablemente implique el uso de tintes más claros y sombras más oscuras del color de fondo, como una especie de bordes biselados, o "sobresaliendo" como un botón.

• Esto también se puede lograr mediante el uso de una sombra suave y un degradado, o una combinación de los tres.

¿Para agregar interés visual?

• No hay pautas para esto, depende principalmente de su comprensión del diseño y su talento creativo.

Cosas para considerar:

• El grosor del borde está intrínsecamente ligado al color que elijas. Lo que necesitas entender es difícil de describir; el volumen y las proporciones de un elemento coloreado contribuirán a cómo se percibe el color. Por ejemplo, un bloque grande de amarillo puede verse más oscuro que una línea delgada del mismo amarillo dependiendo de los otros elementos en juego.

• Puede usar bordes sin trazos, como los de este sitio, para separar los elementos de manera efectiva.

• Cuantos más trazos de borde uses, y cuanto más contrasten, más ruidoso se volverá el diseño.

Personalmente, no puedo recordar la última vez que usé un trazo de borde completo de más de 4px (excepto para fines de desarrollo). Cuando trazo, tiendo a agregarlo a un lado, a menudo en la parte inferior. Sin embargo, este es mi estilo, y rara vez lo hago de todos modos.

En resumen, su pregunta me revela que necesita aprender más sobre el diseño en general, un borde en sí mismo es muy arbitrario (enlacé una pregunta útil en mi quinto párrafo).

He tratado de proporcionar una dirección básica, pero realmente debería hacer una investigación independiente: diferentes estilos de escritura atraen a diferentes personas, lo que me gusta aprender (libros e Internet), puede perforar su cráneo, pero puede encontrar un autor chiflado que describe las cosas de una manera que entiendes mucho mejor o una serie de podcasts, videos, etc., es por eso que recomiendo una investigación independiente .

Este sitio es un gran recurso para todos los niveles de diseño gráfico, por lo que recomiendo y espero que se quede y crezca con nosotros. :)

Espero haber ayudado, ahora voy a comer. Todos, siéntanse libres de agregar a esta publicación o hacer ediciones significativas.