Файл: Принципы композиции.docx

Принципы композиции:

• 
  Акцентирование-акцент внимания на главном
  
• 
  Контрастирование- Элементы с высокой степенью контрастирования выглядят четкими и обособленными
  
• 
  Выравнивание
  
• 
  Баланс между элементами
  
• 
  Повторение=ритм
  

Гарнитура-группа шрифтов, а шрифт — это отдельное начертание (обычное, курсивное, полужирное, жирное). Самые известные гарнитуры — это Arial, Helvetica, Futura, Roboto и другие. То есть правильнее говорить не «шрифт Arial», а «гарнитура Arial», если речь идет о шрифте, то это, например, Arial Italic. Но привычнее называть гарнитуры и начертания просто шрифтами. Все шрифты делятся на виды:

• 
  антиква (шрифты с засечками, serif)
  
• 
  гротески (без засечек, san serif) и декоративные.
  

Интер­ли­ньяж — это межстрочное расстояние, которое зависит от размера шрифта и длины строки. Чем длин­нее стро­ка по коли­че­ству слов, тем боль­ше дол­жен быть интер­ли­ньяж. И наобо­рот, слиш­ком узкая колон­ка из корот­ких строк так себе смот­рит­ся даже со стан­дарт­ным интер­ли­нья­жем. Обычно интерлиньяж составляет 120-125% от используемого размера шрифта.Кернинг — это увеличение·или уменьшение·интервала между определенными парами символов. Трекинг — это метод увеличения или уменьшения плотности текстового блока.Трекинг определяет пробел между буквами в целом слове и предложении, позволяя контролировать пространство в тексте равномерно.Кернинг — это межбуквенный интервал. В большинстве классических шрифтов он уже оптимальный, поэтому кернинг лучше не менять, чтобы не потерять читабельность.Виды цветовых палитр:

• 
  Монохроматическая
  Подразумевает использование одного цвета, его тональностей и теней. Монохроматическая цветовая гармония всегда оказывается предпочтительным выбором. За счет уникального контраста оттенков она делает дизайн более привлекательным.
  
• 
  Аналоговая
  Аналоговые палитры основываются на цветах, располагающихся рядом на цветовом круге. Такие палитры используются в случаях, когда нужно создать дизайн без контрастов. В оформлении сайтов это означает соблюдение гармонии цвета за счет заполнения фона страницы аналоговыми цветами.
  
• 
  Комплементарная
  Комплементарная палитра строится на основе двух противоположных цветов круга и используется для создания эффекта контраста.
  
• 
  Сплит-комплементарная
  В основе сплит-комплементарной схемы лежит та же контрастная пара цветов, только в этом случае один из них разбивается на два соседних.
  
• 
  Триадическая
  Триадическая цветовая схема строится из трех равноудаленных друг от друга цветов круга. С помощью такой палитры удается одновременно добиться и контраста, и гармонии.
  
• 
  Прямоугольная
  Прямоугольная палитра включает две пары комплементарных цветов. Наиболее опытные дизайнеры используют ее для создания завораживающих изображений.
  

---

Screen Flows (UML Diagrams)Унифицированный язык моделирования (UML) играет важную роль в разработке программного обеспеченияUML помогает продемонстрировать возможные ошибки в структурах приложений, поведении системы и других бизнес-процессах. 

Каковы преимущества UML? 

• 
  Упрощает сложности 
  
• 
  Сохраняет возможности открытого общения 
  
• 
  Автоматизирует производство программного обеспечения и процессов  
  
• 
  Помогает решить постоянные проблемы с архитектурой 
  
• 
  Улучшает качество работы 
  
• 
  Сокращает затраты и время выхода на рынок 
  

Типы диаграмм UML  

Существует два основных типа диаграмм UML: структурные диаграммы и поведенческие диаграммы (а внутри этих категорий имеется много других).DesignthinkingДизайн-мышление — это способ решения задач, ориентированных в первую очередь на интересы пользователя. Формула «польза для человека + возможности технологий + учет интересов бизнеса» дает в результате устойчивый продукт.«Смотрим — думаем — делаем» — основа любой сессии дизайн-мышленияДизайн-мышление – способ разработки новых продуктов и услуг с фокусом на человека. Задача такого метода – решить пользовательский запрос, а уже потом реализовать технические возможности и посчитать экономическую выгоду. Методология процесса состоит в:

• 
  решении задачи в условиях неопределённости;
  
• 
  решении нестандартных задач;
  
• 
  выявлении скрытых знаний потребителя, которые он не осознает и не вербализирует.
  

Особенности дизайн-мышления

В этом способе применяют методы маркетинга, рекламы, психологии, социологии, философии, а также театральной практики. Главное – творческий подход, а не критический анализ, здесь «думают» чувствами и эмпатией, а не оперируют цифрами и аналитическими данными. В ходе дизайн-сессий сотрудники выявляют проблему изнутри, и они же сами создают ее решение. В этом методе можно и нужно ошибаться, генерировать всевозможные идеи, даже самые абсурдные, так как даже такие предложения способны привести к рабочему решению поставленной задачи.

---

Выделяют особенности подхода:

• 
  Основательное погружение в опыт пользователя.
  
• 
  Фокус на индивидуальность и действия пользователя.
  
• 
  Экономический и цикличный способ разработки проектов – прототипирование продукта из подручных средств, единый процесс, начиная с идеи, заканчивая конечным тестированием.
  
• 
  Творческий подход и командная работа.
  

Основа подхода – человеческий ресурс и эмоциональный интеллект, который влияет на способность понимать, что чувствуют и думают другие. Чем лучше фокус-группа поймет и услышит друг друга, тем быстрее и качественнее у них получится сгенерировать идеи, найти решение проблемыДизайн-мышление применяют в стартапах при создании сервисов, продуктов и услуг, но также он востребован на крупных предприятиях, где есть необходимость в разработке стратегии сервиса или создании блока готовой продукции.Client-server communicationCachingКэширование (или кэш) – это некий промежуточный буфер, в котором хранятся данные. Благодаря кэшированию страница сайта не воссоздается заново для каждого пользователя. Кэширование позволяет осуществлять работу с большим количеством данных в максимально сжатые сроки и при ограниченных ресурсах (серверных и пользовательских).Кэширование позволяет увеличивать производительность веб-приложений за счёт использования сохранённых ранее данных, вроде ответов на сетевые запросы или результатов вычислений. Кэши есть у процессоров, жёстких дисков, серверов, браузеров.Web+responsiveОтзывчивый(responsive) веб-дизайн является практикой создания веб-сайта, подходящего для работы на любом устройстве с любым размером экрана, независимо от того, насколько он большой или маленький, мобильный или настольный. Отзывчивый веб-дизайн сосредоточен вокруг представления об интуитивном и приятном опыте для каждого. Настольный компьютер и сотовый телефон пользователя, все они выигрывают от отзывчивых сайтов.

---

Отзывчивый веб-дизайн разбивается на три основных компонента, включая гибкие макеты, медиа-запросы и гибкий медиа-контент. Первая часть, гибкие макеты — это практика построения макета сайта с гибкой сеткой, которая способна динамически уменьшать размер до любой ширины. Гибкие сетки строятся с использованием относительных единиц длины, как правило, процентов или единиц em. Эти относительные длины затем применяются, чтобы объявить основные значения свойств сетки, таких как width, margin или padding.padding — для промежутков между контейнером и его контентом margin — для промежутков между находящимися внутри контейнера элементами.Основой адаптивного дизайна является сочетание HTML и CSS, двух языков, которые управляют содержимым и макетом страницы в любом веб-браузере.HTML в основном управляет структурой, элементами и содержимым веб-страницы. Например, чтобы добавить изображение на веб-сайт, вы должны использовать HTML-кодЧто такое домен и хостинг?Хостинг — это отдельное место в сети, где Вы размещаете свой сайт. Его можно сравнить с арендованным куском земли, на котором Вы будете продавать помидоры (или что у вас там). Хостинг нельзя купить раз и навсегда, Вы можете только арендовать место и продлевать соглашение о размещении вашего сайта. Хостер — арендодатель, который дает Вам возможность продавать помидоры на его сервере. Зачем нужен хостинг, если можно просто создать сайт на своем компьютере? Все дело в людях. Будете продавать помидоры, закрывшись в своем дворе — покупателей не будет. Поэтому нет хостинга — нет продаж.Домен — это адрес Вашей точки с помидорами, по которому вас найдут люди. Адрес тоже можно взять в аренду на срок от 1 месяца до 10 лет. Если аренда заканчивается, то адрес оказывается в свободном доступе и любой сможет купить его и продавать на нем свои огурцы или консервированный горошек. Для регистрации

---

Языки программированияЧасть веб-страницы, которую видят посетители, называется front end. Back end состоит из всех сохраненных данных, изображений, сервера и других компонентов. Веб-дизайн и разработка немного похожи на строительства дома – архитектор проектирует дом так же, как веб-дизайнер разрабатывает сайт; строительная бригада поднимает кирпичи, раствор, сантехнику и т.д., это сродни разработке back end, художники, интерьеристы и т.д. обрабатывают видимые штрихи, аналогично разработке front end.Разработка Frontend происходит в HTML, CSS и JavaScript, в то время как back end разработчики обычно используют PHP, Ruby, Python, Java, SQL или .NET для программирования. Разработчики full stack понимают и могут кодировать full stack, как frontend, так и backend. (Для получения более подробной информации о разработках frontend и backend, вы можете прочитать здесь и здесь).Для дизайнеров имеет смысл сосредоточиться на понимании основ front end программирования, так как это часть, которая создает структуру и визуальные элементы дизайна.Фронтенд — все, что браузер может читать, выводить на экран и / или запускать. То есть это HTML, CSS и JavaScript.

• 
  HTML (HyperText Markup Language) говорит браузеру, каково содержание страницы, например, «заголовок», «параграф», «список», «элемент списка».
  

• 
  CSS (Cascading Style Sheets) говорит браузеру, как отображать элементы, например, «после первого параграфа отступ в 20 пикселей» или «весь текст в элементе body должен быть темно-серым и написан шрифтом Verdana».
  

• 
  JavaScript говорит браузеру, как реагировать на некоторые взаимодействия, используя легкий язык программирования. Большинство сайтов на самом деле не используют много JavaScript, но если вы нажмете на что-то и содержимое страницы поменяется без белого мигания экрана, значит, где-то использовался JavaScript.
  

Бэкенд — все, что работает на сервере, то есть «не в браузере» или «на компьютере, подсоединенном к сети (обычно к Интернету), который отвечает на сообщения от других компьютеров».Для бэкенда вы можете использовать любые инструменты, доступные на вашем сервере (который, по сути, является просто компьютером, настроенным для ответов на сообщения). Это означает, что вы можете использовать любой универсальный язык программирования: Ruby, PHP, Python, Java, JavaScript / Node, bash. Это также означает, что вы можете использовать системы управления базами данных, такие как MySQL, PostgreSQL, MongoDB, Cassandra, Redis, Memcached.

---