{"id":4042,"date":"2014-04-10T10:43:25","date_gmt":"2014-04-10T08:43:25","guid":{"rendered":"http:\/\/www.weweb.cat\/es\/2014\/04\/10\/flat-design\/"},"modified":"2016-12-22T14:04:23","modified_gmt":"2016-12-22T13:04:23","slug":"flat-design","status":"publish","type":"post","link":"https:\/\/www.weweb.cat\/es\/flat-design\/","title":{"rendered":"Flat Design, una tendencia web que perdura"},"content":{"rendered":"

[et_pb_section admin_label=\u00bbsection\u00bb background_image=\u00bbhttp:\/\/www.weweb.cat\/wp-content\/uploads\/2016\/01\/bg-header.jpg\u00bb transparent_background=\u00bboff\u00bb allow_player_pause=\u00bboff\u00bb inner_shadow=\u00bboff\u00bb parallax=\u00bboff\u00bb parallax_method=\u00bboff\u00bb padding_mobile=\u00bboff\u00bb make_fullwidth=\u00bboff\u00bb use_custom_width=\u00bboff\u00bb width_unit=\u00bbon\u00bb make_equal=\u00bboff\u00bb use_custom_gutter=\u00bboff\u00bb gutter_width=\u00bb3″ custom_css_main_element=\u00bbposition:absolute;||top:0;||left:0;||margin-top:0;||margin-left:0;||width:100%;||height:100px;\u00bb][et_pb_row admin_label=\u00bbrow\u00bb][et_pb_column type=\u00bb4_4″][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section admin_label=\u00bbSection\u00bb fullwidth=\u00bboff\u00bb specialty=\u00bboff\u00bb][et_pb_row admin_label=\u00bbRow\u00bb][et_pb_column type=\u00bb3_4″][et_pb_text admin_label=\u00bbText\u00bb background_layout=\u00bblight\u00bb text_orientation=\u00bbleft\u00bb use_border_color=\u00bboff\u00bb border_color=\u00bb#ffffff\u00bb border_style=\u00bbsolid\u00bb]<\/p>\n

El Flat Design ha sido una clara tendencia en el dise\u00f1o web<\/strong> durante 2013 y parece que, de momento, se quedar\u00e1 un tiempo m\u00e1s con nosotros.<\/p>\n

\u00bfQu\u00e9 es el Flat Design?<\/h3>\n

Flat Design (Dise\u00f1o Plano) es una t\u00e9cnica que debe su nombre a la sencillez de sus formas<\/strong>. Se caracteriza por su estilo minimalista<\/strong> que utiliza el color y la tipograf\u00eda de manera audaz para crear una experiencia diferente al usuario. Los iconos ganan terreno frente a las im\u00e1genes complejas o cargadas.
\nSe trata de un tipo de dise\u00f1o muy claro e intuitivo<\/strong>. Liga a la perfecci\u00f3n con las webs responsivas<\/a>, ya que su sencillez ayuda a que una web sea perfectamente visible desde cualquier dispositivo<\/strong>.
\nEn Flat Design no encontramos elementos decorativos, efectos de profundidad, ni atributos tridimensionales como sombras, relieves ni gradientes.<\/p>\n

\"Flat<\/p>\n

\u00bfPorque funciona el Flat Design?<\/h3>\n

Se crea un espacio bidimensional minimalista, sencillo y claro para ofrecer la m\u00e1xima funcionalidad al usuario<\/strong>.
\nSe establecen unos \u00f3rdenes muy claros de lectura y se reducen todos los elementos visuales que no aportan informaci\u00f3n para facilitar la experiencia de navegar al usuario, incluso en pantallas peque\u00f1as.<\/p>\n

El color como protagonista<\/h3>\n

Una de las caracter\u00edsticas del Flat Design es su peculiar forma de utilizar los colores<\/strong>, ocupando espacios generosos y ganando protagonismo<\/strong> dentro de las pantallas. Se ampl\u00eda la paleta de colores para crear \u00f3rdenes de lectura, transmitir sensaciones y atraer la atenci\u00f3n del usuario. Podemos encontrar desde combinaciones de colores brillantes saturados, colores retro m\u00e1s apagados o bien un solo color en diversas intensidades.
\nUna de las cosas que convierte el Flat Design en algo atractivo es que es nuevo y divertido, debido a su manera de combinar y escoger los colores, dejando de lado algunas reglas crom\u00e1ticas hasta ahora vistas.<\/p>\n

\"invoisse\"<\/p>\n

Quiz\u00e1s este estilo no siempre ser\u00e1 el m\u00e1s adecuado para dise\u00f1ar una p\u00e1gina web. Pero si el Flat Design encaja con una p\u00e1gina web se obtendr\u00e1 un resultado brillante y atractivo<\/strong>, donde la sencillez y los contenidos se impondr\u00e1n.
\nAqu\u00ed os dejamos una p\u00e1gina web que muestra, de manera original, la diferencia entre el flat design y el dise\u00f1o realista<\/a>. Que la disfrut\u00e9is!<\/p>\n

\"tv-safety\"<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_4″][et_pb_sidebar admin_label=\u00bbSidebar\u00bb orientation=\u00bbright\u00bb area=\u00bbsidebar-1″ background_layout=\u00bblight\u00bb remove_border=\u00bboff\u00bb header_font_size=\u00bb18″ body_font_size=\u00bb14″] [\/et_pb_sidebar][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n

Articles relacionats<\/h3><\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \u00bfQu\u00e9 contenidos debe tener una p\u00e1gina web?<\/span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t <\/a>\n\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \u00bfDebo tener una p\u00e1gina web optimizada para m\u00f3viles?<\/span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t <\/a>\n\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t InstantShift \u2013 104 fuentes gratuitas para dise\u00f1adores<\/span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t <\/a>\n\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t Plugin de WordPress para formularios: Contact Form 7<\/span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t <\/a>\n\n\t\t\t\t\t\t <\/div>\n<\/div>