Low-Tech Web Design
ロー・テック・ウェブ / 2018– / Estilo / Estilos de interfaz
El estilo arranca cuando Kris De Decker y sus colaboradores trasladaron Low-tech Magazine a un servidor alimentado por energía solar en 2018 y publicaron cómo lo habían construido. Las imágenes bajan a blanco y negro con cuatro niveles de gris, no se carga ni una fuente web, y la altura de la franja de color que hay detrás de la página informa de la carga que le queda a la batería. El peso de los datos pasa a ser la primera restricción de la maqueta.
Las fotografías se reducen a blanco y negro con cuatro niveles de gris, y el grano de puntos queda a la vista / La altura de la franja de color que hay detrás de la página muestra la carga restante y baja de noche o con mal tiempo / No se carga ninguna fuente web, así que el texto llega en monoespaciada o en la tipografía por defecto del navegador / Cada categoría de contenido tiñe la página de un color fijo, el azul #162DAB, el rojo #D11305 o el verde #006951
Imágenes en la página de origen
Entrada del diccionario
- Usos idóneos
- Construir una página de artículo un orden de magnitud más ligera sin renunciar a sus fotografías, para lectores con poca energía y poco ancho de banda · Comunicar el estado del sistema, la carga restante o el tiempo en servicio, mediante el aspecto de la página y no con una cifra
- Tipografía
- No cargues ninguna fuente web y compón en monoespaciada o con lo que ya tenga el navegador, sujetando el texto a una sola columna de unos 33rem.
- Composición
- Una columna que corre hacia abajo sin marcos decorativos, y las imágenes pueden exceder el ancho del texto siempre que pesen menos que el archivo original.
- Material
- Convierte las imágenes a un tramado de cuatro niveles en blanco y negro, añade el color después con un filtro CSS según la categoría, y ata la altura de una franja de fondo al estado de la alimentación.
- Precaución
- Imitar el aspecto del tramado aplicando un filtro a fotografías a plena resolución deja el peso intacto y produce una página pesada que solo parece ligera.
- Para profundizar
- 2018年のHow to Build a Low-tech Website?本文（4階調のディザと静的生成の記述） / 同サイトのCSS変数（地の#FFF5D1と分類ごとの青・赤・緑） / ディザ表示と元画像を切り替えるトグルで、同じ写真の重さの差を確かめる
Entradas relacionadas
Citar esta entrada
El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.
- Link
- https://indexstyle.org/es/styles/low-tech-web
- Markdown
- [Low-Tech Web Design — IndexStyle](https://indexstyle.org/es/styles/low-tech-web)
- HTML
- <a href="https://indexstyle.org/es/styles/low-tech-web">Low-Tech Web Design — IndexStyle</a>