Algunas cosas a las que debes prestar atención en el diseño y diseño web móvil

En circunstancias normales, primero se crea la versión para PC de la página y luego la página para dispositivos móviles. La versión para PC de la página puede presentar contenido más rico y los usuarios pueden concentrarse más al navegar por la web, logrando así el mejor rendimiento. la mejor experiencia. Pero en muchos casos, las visitas a las páginas provienen más bien de teléfonos móviles, como páginas especiales, a las que los usuarios acceden a través de WeChat o portales QQ móviles. Si comenzamos con la versión para PC del tema, el contenido de la versión móvil será una página web trasplantada de la versión para PC, lo que reducirá en gran medida la experiencia de la versión móvil.

1. El ancho seguro y el área extendida permiten que la página se adapte a las resoluciones convencionales.

Igual que la página web en la PC, determine un ancho seguro y controle la información importante dentro del ancho de 640PX ( con La resolución del iPhone es un ancho seguro. La altura actual de la primera pantalla de los navegadores principales en el iPhone 4S se puede ajustar de acuerdo con el canal de entrega de la página específica.

2. . >

La imagen del encabezado de un tema generalmente tiene un gran atractivo visual. Para los usuarios de teléfonos móviles, el tiempo de espera para cargar una imagen es mucho más caro que en una PC si una página tarda más de 5 segundos en cargarse. El 70% de los usuarios optará por cerrarlo. Entonces, no importa cuán brillante sea el tema, no se presentará al usuario, por lo que el borrador del diseño debe comprometerse en el área extendida. En el encabezado (más allá del rango de 640 px), se recomienda usar colores sólidos. Los materiales enlosables pueden reducir el tamaño de la imagen del encabezado, mejorar la velocidad de carga y el fondo borroso puede comprimir la calidad de la imagen al máximo. extensión.

3. Fuentes<. /p>

El tamaño de fuente en los teléfonos móviles es generalmente el doble que el de las computadoras. Generalmente, las fuentes de 12 píxeles utilizadas en las computadoras deben ser de 24 píxeles en las páginas web móviles. Durante el proceso de diseño, también se debe utilizar la representación predeterminada de iOS y Android. Para restaurar de manera más realista el entorno real, los tamaños de fuente principales se controlan en 3, con un rango de grande, mediano y pequeño. Evite el uso de tamaños de fuente aleatorios. y el tamaño de fuente debe ser un número entero.

4. El área de interacción de control es adecuada para control táctil.

La altura del botón principal del tema del teléfono móvil es superior a 80 px. y se coloca en la primera pantalla según las necesidades de la actividad. El espacio entre la parte superior e inferior del enlace de texto es mayor a 80 px, y la zona caliente del dedo en la pantalla es la más pequeña.

5. Utilice menos saltos en páginas web móviles

Los usuarios de teléfonos móviles tienen un entorno de red más pobre que los usuarios de PC, por lo que los saltos de página tendrán un mayor efecto psicológico en los usuarios. si la información se puede mostrar razonablemente en una página móvil. Si es necesario un salto, podemos utilizar métodos que pretendan que no es un salto, como expandir, mostrar, etc. para reducir la inseguridad causada por los usuarios. >