автордың кітабынан сөз тіркестері  Дизайн для разработчиков

Стефани Стимак

Прежде всего необходимо определиться с основными разделами сайта, то есть с тем, как делить страницу на части. Если представить себе готовый сайт в виде блюда, например пасты карбонара, то перед его приготовлением необходимо знать, что собой представляет каждый из ингредиентов. Кроме того, чтобы получить нужное блюдо, надо соблюдать определенный порядок при добавлении этих ингредиентов. Разделы сайта — это ингредиенты, и надо точно знать, что они собой представляют, прежде чем собирать их воедино.

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

С помощью контраста мы стремимся привлечь внимание пользователей к определенному фрагменту содержимого.

Просто при выборе способов выравнивания стоит рассматривать компоненты как единое целое в контексте разделов веб-страницы.

Вайрфрейм — это план или схема сайта, определяющая его структуру, где будут располагаться различные фрагменты его содержимого.

Близость, выравнивание, повторение, контраст и баланс в контексте разработки макета сайта помогают создавать прочный фундамент для его дизайна.

) основы проектирования пользовательского опыта, к которым относится исследование, так сказать, вайрфрейминг проекта (то есть определение расположения и взаимосвязей между компонентами) и тестирование, и б) основы визуального дизайна: визуальные элементы накладываются поверх вайрфреймов, возведенных на этапе разработки пользовательского опыта, чтобы вдохнуть в сайт жизнь, привнести характер и иерархичность с помощью цветов, отступов между компонентами, типографики и анимации

основе интерактивный сайт.

6. После проверки качества, выявления и устранения ошибок и проблем сайт запускают в эксплуатацию

на прием, сравнения отелей и т.д.).

3. На основе результатов исследования конкурентов, изучения пользовательских персон и бизнес-требований дизайнер создает так называемые вайр­фреймы (wireframes) — простые схемы, или макеты, сайта, отражающие расположение фрагментов контента, а затем представляет их на суд заказчика для получения одобрения.

4. Наконец, дизайнер приступает к визуальному оформлению, предоставляет заказчику макеты, соответствующие будущему дизайну с точностью до пикселя, дорабатывает их, получает одобрение, а затем передает проект разработчику для написания кода сайта.

5. Разработчик берет статические макеты и создает на их

1. Дизайнер изучает проект заказчика, проводя сравнение с сайтами его конкурентов и оценивая, что там было сделано хорошо, а что нет.

2. Дизайнер изучает потребности и опыт нескольких пользователей, на которых ориентирован проект, и предлагает решение конкретной задачи на сайте (например, поиска информации, покупки товара, записи