10 трендов веб-дизайна, от которых стоит отказаться в 2014 году
![](https://static.wixstatic.com/media/72c0b2_0764bffc0f3946a183e37092e32b6306~mv2.jpg/v1/fill/w_105,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_0764bffc0f3946a183e37092e32b6306~mv2.jpg)
Новый год – новый стиль: 2014 год без сомнений станет волнующим для веб-дизайнеров. Экспертам не терпится увидеть, как будут реализованы новые идеи и какие еще тренды появятся в этом году. Ну а от чего нужно забыть в 2014 году? Веб-дизайн, как и любое другое искусство, требующее обновления, вынужден отказаться от пары заезженных, исчерпавших себя направлений. Давайте же оставим позади эти некогда модные элементы дизайна:
Страницы, страницы и еще раз страницы
Сайты с бессчетным количеством страниц и с еще большим количеством контента на них давно канули в прошлое. Теперь когда вы работаете над дизайном сайта, думайте о функциональности каждой страницы и о том, нужна ли она вообще. Вы можете считать, что поработали на славу, когда поймете, что вам больше нечего убрать, а не добавить. Если вы ищете вдохновение, посмотрите на эти прекрасные одностраничные сайты, которые покажут вам, что такое качественный минимализм.
![Компьютер обклеенный бумажками для заметок](https://static.wixstatic.com/media/72c0b2_a79bef68f4354340845d8cc63b319262~mv2.jpg/v1/fill/w_117,h_72,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_a79bef68f4354340845d8cc63b319262~mv2.jpg)
Ленточки
Эти очаровательные штучки украшали сайты на протяжении последних двух лет. Они сделали свое дело, так не пора ли о них забыть? Так как ленты были главным украшением сайтов последние два года, использование их в дальнейшем сделает ваш сайт старомодным.
![Заголовок сайта в виде ленты](https://static.wixstatic.com/media/72c0b2_2ed2b41e372a4bc0a5779b9ff7daf6d0~mv2.jpg/v1/fill/w_117,h_72,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_2ed2b41e372a4bc0a5779b9ff7daf6d0~mv2.jpg)
Нереалистичные снимки из фотобанков
Если вы хотите, чтобы люди прониклись вашим сайтом, вам не стоит использовать стоковые фотографии, которые не передают вашу уникальность. Рискните и разместите на сайте фотографии людей, которые не выглядят идеальными, выбирайте реалистичные снимки, и посетители охотнее поверят вам.
![Нереалистичная стоковая фотография улыбающихся людей](https://static.wixstatic.com/media/72c0b2_82620c7e06ae47dd94e623371875c110~mv2.jpg/v1/fill/w_117,h_72,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_82620c7e06ae47dd94e623371875c110~mv2.jpg)
Не путайте сайт с газетой
Длинные тексты, графические шрифты, маленькие буковки – все это может прекрасно выглядеть в напечатанном виде. Короткие тексты и большие, легко читаемые шрифты куда больше подходят для нашей задачи. Мыслите глобально, но воплощайте задуманное в доступной форме.
![Изображение газеты и компьютера](https://static.wixstatic.com/media/72c0b2_ac3f411a6da043c19f85451ec2c875f4~mv2.jpg/v1/fill/w_117,h_72,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_ac3f411a6da043c19f85451ec2c875f4~mv2.jpg)
Скевоморфизм
Apple превратили скевоморфизм в модный тренд, они же первыми заявили о том, что он изжил себя. Скевоморфизм подразумевает подражание другим вещам в дизайне так, чтобы они походили на реальные предметы (представьте приложение для чтения книг в старом iPhone, которое выглядело, как настоящая книжная полка). Когда Apple выпустили новую операционную систему, скевоморфизм был полностью исключен из дизайна. Пришла пора расстаться.
![Скевоморфизм](https://static.wixstatic.com/media/72c0b2_699880c8af0f4ba9bdfcb2ab7f55fef7~mv2.jpg/v1/fill/w_117,h_54,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_699880c8af0f4ba9bdfcb2ab7f55fef7~mv2.jpg)
Непонятная структура контента
Пытаясь использовать плиточный дизайн, ставший популярным благодаря Pinterest, многие сайты приобретают совершенно хаотичный вид. Не любой контент может быть представлен в виде колонок и плитки. Посетители должны иметь возможность изучить содержимое вашего сайта без всяких трудностей и моментально уловить его суть.
![Плохо организованный контент](https://static.wixstatic.com/media/72c0b2_00980790481044e88e86ff33b677967b~mv2.jpg/v1/fill/w_117,h_72,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_00980790481044e88e86ff33b677967b~mv2.jpg)
Мешанина из шрифтов
Смешивать разные шрифты не очень хорошая идея. Что общего у Arial, Helvetica и Waltograph? Да в принципе ничего. Придерживайтесь не более двух-трех типов шрифтов при разработке дизайна и используйте их аккуратно: один шрифт для основного текста, другой для заголовков и т.д.
![Мешанина шрифтов](https://static.wixstatic.com/media/72c0b2_30108fe8693f4da09812f732c282f44a~mv2.jpg/v1/fill/w_117,h_81,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_30108fe8693f4da09812f732c282f44a~mv2.jpg)
Слишком много кнопок «Поделиться»
Конечно же вы хотите, чтобы ваш контент разлетелся по интернету, но что произойдет, если вы добавите слишком много кнопок «Поделиться»? Вы запутаете пользователя и завалите ваш сайт ненужными кнопками. Выберите самые важные для вас соцсети и используйте только их кнопки.
![Множество кнопок "Поделиться" различных ресурсов](https://static.wixstatic.com/media/72c0b2_b514d848ce144659ad711e321d669bee~mv2.jpg/v1/fill/w_108,h_54,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_b514d848ce144659ad711e321d669bee~mv2.jpg)
Слабый контраст текста и фона
Главное для вас правило: пользователи должны без труда читать текст и просматривать изображения. Так что если вы используете едва различимые цвета (светло-синий и бледно-голубой, например), вы сами создаете неудобства для ваших посетителей. Как решить эту проблему? Используйте контрастные цвета, чтобы выделить ваш контент.
![](https://static.wixstatic.com/media/72c0b2_ae00c1d61609499c9e0ff38a3f977b3a~mv2.jpg/v1/fill/w_117,h_53,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_ae00c1d61609499c9e0ff38a3f977b3a~mv2.jpg)
Слишком сложные иконки в меню
Иконки хорошо смотрятся, если они придают вашему сайту более профессиональный вид, но они не должны усложнять жизнь пользователей. Если вы используете изображение почтового голубя для ссылки «Связаться с нами», вы вынуждаете пользователей лишний раз задуматься, вместо того чтобы просто кликнуть. Используйте иконки, чтобы дополнять слова, а не визуализировать их.
![Меню из иконок](https://static.wixstatic.com/media/72c0b2_8c34afb114ec48ccbb10ef7afc63c111~mv2.jpg/v1/fill/w_117,h_81,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_8c34afb114ec48ccbb10ef7afc63c111~mv2.jpg)