Red de conocimiento informático - Problemas con los teléfonos móviles - ¿Cuáles son las especificaciones de tamaño para el diseño web y de interfaz de usuario?

¿Cuáles son las especificaciones de tamaño para el diseño web y de interfaz de usuario?

Lado WEB

Elementos esenciales: logotipo, menú (navegación), banner (animación flash, H5), área de contenidos (noticias, perfil de la empresa, visualización del producto...), Copyright información (copyright, información de contacto)

Elementos opcionales: búsqueda, teléfono, atención al cliente online, estadísticas de tráfico...

Hábitos de experiencia de usuario: Izquierda: área de navegación, Área de lista

Derecha: área funcional, área de contenido

Fuente: mínimo 12 px, más negro #333333

Fuente 12 px, 14 px, 16 px selección de efecto Ninguno, otros tamaños de fuente Utilice nitidez, nítido, grueso, etc.

Fuente de la parte del título: 14px~24px (use Yahei si es posible)

Fuente de la parte del texto: 12px, 14px (Yahei o dinastía Song), la línea de palabras el espaciamiento es generalmente entre 1,5 y 2 veces.

Especificación de tamaño: cuando la resolución es 1024px*768px, el ancho de pantalla completa es 1003px y el rango visible generalmente se define entre 920px~1000px. Común: ancho 960 px, 980 px, 1000 px, alto de pantalla 650 px.

Aspecto de la interfaz de usuario

iOS

fuente y tamaño de fuente del iPhone

Fuente: chino: Pingfang Inglés: San Francisco

Tamaño de fuente: texto mínimo 24px; icono de columna permanente 20pxAndriod

Fuente: chino: Siyuan Heidi; inglés: roboto

Tamaño de fuente: anotación mínima: 24px; ; título del artículo o nombre del icono: 32px; título de navegación: 36px (aquí está la especificación de diseño con un tamaño de 720px*1280px, nota: 1sp=2px)

Tamaño de la interfaz

Icono tamaño

¡Espero que el contenido anterior pueda ayudarte!