Адаптивность
В любой момент воспользоваться интернетом и зайти на интересующий сайт позволяют современные смартфоны. Поэтому каждому сайту важно делать адаптивность под данные гаджеты, то есть иметь «мобильную» версию.
![](imgs/adaptive_01.jpg)
Минимализм
Минимализм является классикой дизайна. Минималистичные геометрические фигуры, логотипы, шрифты многим приходятся по вкусу.
![Сайт http://google.com/](imgs/minimalism_01.jpg)
Пример использования минимализма в дизайне. Сайт - Google
Иконки
Иконки помогают пользователю легче ориентироваться по сайту, а веб-дизайнерам экономить пространство для более важных деталей.
![https://dribbble.com/shots/1804367-340-Freebies-Touch-Icon-Set](imgs/icons_01.jpg)
Пример бесплатного пака иконок - Touch Icons
Тёмная тема
Не так давно стал популярным тренд на тёмную тему, что может быть связано как с экономией энергии, так и со здоровье-сберегающими технологиями. Данный тренд поддержали большинство популярных компаний. Но при этом палитру для тёмной темы подобрать непросто.
![](imgs/darktheme_01.jpeg)
Оригинал картинки - Статья на Habr
Иллюстрации
Иллюстрации делают сайт запоминающимся, превращая его в визитную карточку любой компании.
![](imgs/illustrations_01.png)
Пример иллюстрации. Оригинал - unDraw/illustrations
Градиенты
Градиенты помогают сайту выглядеть более объёмным, «неплоским», но важно сделать градиент подходящим, т.к. можно испортить восприятие сайта.
![](imgs/gradients_01.jpg)
Пример правильного и неправильного использования градиентов
Сведения
Об авторе:
Злобин Артём Николаевич, учащийся 8А класса МБОУ СШ №93 г. Архангельска
О руководителе проекта:
Лапина Арина Алексеевна, учитель английского языка МБОУ СШ №93 г. Архангельска
Используемые инструменты:
- Adobe Photoshop CC 2014
- Sublime Text 3 (+Emmet)
- Google Chrome
Отзывы