Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн


Дизайн Форум


Про дизайн и web дизайн




Главная     Галереи Дизайна (29)




  Статьи о дизайне





  Галереи дизайна

Промышленный дизайн, графический дизайн, гламурные картинки, иконки, аватары.

  Помощь Дизайнеру!

Советы по дизайну. Философия, психология и трудовые будни дизайнера.



  Тенденции равития web дизайна в 2015





Лендинги остаются в моде
(пример: www.sibirix.ru)

Лонгриды
Лонгриды - способ подачи большого количества текста на одной странице сайта посредством разделения его на блоки, которые в свою очередь разделяются фото и видео вставками. Так текст выглядитэффектнее, а наличие в нем цитат и выделенных сносок делает текст удобочитаемым и привлекательным для пользователя. Если обычную простыню текста никто читать не будет, то лонгрид прочитают с удовольствием. Лонгрид это настоящее приключение и увлекательное чтение.

Примеры классических лонгридов:
http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek
http://red-is.ru/cases/m2m
http://www.wired.com/2014/08/edward-snowden/
http://eephusleague.com/magazine/
http://victoryjournal.com/stories/el-duque-la-gran-fuga




Интерактивные страницы
(пример: rdcm.com, www.catchthedragon.nl/#/208/proefrit, dreamteam.pl, takemetotomorrowland.com, bilbao360walk.com)

На слабых интернет соединениях - меньше 4mb/sek. такие сайты будут тормозить.
  1. Слайдер на главной странице
    (пример: inbetgames.com/ru.html, vitra-russia.ru)

  2. Наличие анимированных 3D объектов
    (пример: tornado.fly-phone.ru, fetedelabiere.promo-agency.com/instant-verif-age, blacknegative.com/#!/adisseo/, ony.ru, zurb.com, www.catchthedragon.nl/#/208/proefrit, takemetotomorrowland.com)

  3. Полноэкранные фоновые изображения и видео-фон
    (пример: red-is.ru, tornado.fly-phone.ru, www.avantel.ru)

  4. Эффект параллакс - изменение положения объекта относительно фона при прокрутке
    (пример: www.spaceneedle.com/home/, www.zvezda-kino.ru)

  5. Морфинг - изменение формы элемента в зависимости отего назначения и действий пользователя
    (пример: www.studioup.it, blacknegative.com/#!/adisseo/, www.catchthedragon.nl/#/208/proefrit, dreamteam.pl, species-in-pieces.com/#)







Аскетизм
Отказ от изображений и графики в шапке сайта.
(пример: turbomilk.ru, tcaan.ca/en/)




Монохромный дизайн
Применение оттенков серого и контраста в оформлении сайта. Развиваем в себе аскета.
(пример: www.eau-de-design.fr, tcaan.ca, avenirclinic.com, www.sherpamarketing.ca)




Винтаж
Применение винтажного стиля аля-ретро (www.lapierrequitourne.com)




Настраиваемая адаптивная верстка
Фиксированная ширина сайтов, которая подстраивается под размер монитора - с боков всегда остаются поля фиксированного размера.
(пример: www.rawnet.com, inbetgames.com/ru.html, tcaan.ca/en/)




Текстовый дизайн
Использование очень крупных шрифтов. Применение разнообразных шрифтов.
(пример: tcaan.ca/en/, www.eppidesign.com/hire-us-1-1)




Профессиональные фото
Использование профессиональных фотографий на страницах сайта.
(пример: blacknegative.com/#!/adisseo/, www.itransition.ru, themes.wplook.com/theagency/)




Меню сайта похоже на меню в мобильных приложениях
Меню спрятано за значком гамбургера. (пример: www.avantel.ru, www.firmafamily.com)




Фантомные кнопки
Прозрачные не выделяющиеся кнопки содержащие текст в рамочке.
(пример: rdcm.com, www.rawnet.com, dreamteam.pl, vitra-russia.ru)




Плоский дизайн, копирование стиля Windows 8
Плоский flat-дизайн иногда анимированный, рисованные изображения, плиточный под windows 8 стиль оформления страниц сайта.
(пример: ony.ru, www.m2mbank.ru, www.albinotonnina.com, www.infratechnology.ru, marussia.dev.cpeople.ru, zurb.com, education.iceandsky.com, forbetter.coffee)






404
Интересная страница ошибки 404.
(пример: huwshimi.com/404/, www.deviantart.com/browse/all/404/)




А также
Применение способа авторизации на сайте через соцсети. (пример: freeger.com)

Увеличение скорости загрузки страниц сайта. (пример: www.ibm.com)



Смотрите также:
Иллюзии зрительного восприятия
Иллюзии зрения









  Rambler's Top100  


Web дизайн и создание сайтов       Пользовательское соглашение

Карта сайта      Наверх