Max Donchenko

1. Дизайн не должен мешать пользователю. Чем меньше шума, тем лучше. В идеале - ничего лишнего на экране. И как можно меньше анимации.
   
2. Функциональность превыше эффектов - сначала содержимое, только потом украшения
   
3. Мыслить от абстрактного к конкретному, мыслить модульно - чистый холст делим на части (в пропорциях), потом добавляем компоненты в виде сплошных фигур, потом детализируем компоненты. Так мыслит и верстальщик, и программист. Хранить компоненты в отдельных файлах.
   
4. Красивый дизайн - логичный дизайн. Все должно быть упорядоченно, иметь обоснованные размеры, отступы, цвета и эффекты
   
5. Постоянство - одна цветовая схема, пропорции, типографика, элементы
   
6. Стандарты и традиции. Поведение предсказуемо. Стрелка вниз на панели означает, что панель развернется вниз, а не вверх. Красный - опасное действие, зеленый - безопасное. Используйте стандартные иконки, вместо никому не знакомых.
   
7. Смотрите на дизайн чужими глазами - наложите черно-белый фильтр или размытие и убедитесь, что содержимое не растворилось, акценты на месте. Продумайте, что случится с колонкой или меню, если текста будет слишком много или мало.
   
8. Растровая графика для фотографий и многоцветных изображений. Все что может быть описано в векторе - делается в векторе.
   
9. На каждое правило бывают исключения
   

1. Design for Hackers: Reverse Engineering Beauty - технический взгляд на элементы дизайна
   
2. Прочие книги по UX и web-design в списках бестселлеров amazon / ozon
   
3. behance и dribbble - для анализа лучших практик
   
4. Руководства по стилям: Google Material Design, Modern UI, Apple Human Interface Guidelines, ibm design. Тоже для анализа практик и правил для конкретной платформы.
   

// Templates
gulp.task('templates', function() {
  
  var config = {
    revision: new Date().getTime()
  };    

  gulp.src('./assets/views/**/*.jade')
    .pipe(jade({
      locals: config
    }))
    .pipe(gulp.dest('./public/'))
    .pipe(notify({ message: 'Templates task complete' }));
});

// Templates
gulp.task('templates', function() {
  
  var config = require('./config.json');

  gulp.src('./assets/views/**/*.jade')
    .pipe(jade({
      locals: config
    }))
    .pipe(gulp.dest('./public/'))
    .pipe(notify({ message: 'Templates task complete' }));
});

{
  "param1":"мои данные 1",
  "param2":"мои данные 2"
}