Веб дизайн для чайников: Книга: «WEB-дизайн для «чайников»» — Лайза Лопак. Купить книгу, читать рецензии | Web Design For Dummies | ISBN 978-5-8459-1434-7

Глава 15. Веб-сайты на стероидах 263

Часть V: Часть десятков 285

Глава 16. Десять советов по управлению веб-дизайном 287

Глава 17. Десять советов по дизайну информации и взаимодействия 301

Глава 18. Десять вещей, которые могут пойти не так 311

Алфавитный указатель 321

Загрузки

Веб-дизайн для чайников Лизы Лопак — Электронная книга

Электронная книга606 страниц5 часов

Рейтинг: 4 из 5 звезд

4/5

()

Об этой электронной книге

Узнайте о новейших технологиях, инструментах и ​​возможностях веб-дизайна

У вас есть отличная идея для веб-сайта, но вы не знаете, с чего и как начать? Веб-дизайн для чайников, 3-е издание — идеальная отправная точка! Это веселое, но простое руководство, полностью обновленное с учетом последних и лучших достижений в мире веб-дизайна, поможет вам разобраться со всем, что вам нужно знать, чтобы упорядочить свои идеи, создать шаблон, начать разработку, протестировать, чтобы убедиться во всем. работает правильно, и запустите готовый сайт. Эта книга, наполненная бесценными советами по включению аспектов социальных сетей, связыванию контента с социальными сайтами и дизайну для мобильных устройств, поможет вам в кратчайшие сроки стать профессионалом в области веб-дизайна.

• Подчеркивает множество значительных изменений в мире веб-дизайна по сравнению с предыдущим изданием, включая введение HTML5, новые технологии для обмена мультимедиа, мобильный веб-дизайн и многое другое.
• Особое внимание уделяется эффективному использованию цвета, текста и навигации.
• Дает полезные советы, как избежать распространенных ошибок
• Подробно описывает способы подключения к социальным сайтам, таким как Twitter и Facebook

Веб-дизайн для чайников, 3-е издание выходит за рамки простого создания простого веб-сайта и предлагает вам создать привлекательный, практичный и полезный сайт.

Skip Carousel

LanguageNglish

Publisherwiley

Выпуск Datemar 21, 2012

ISBN9781118235546

Связанные категории

Skip Carousel

12 оценок2 отзыва

Book preview

Web Design For Dummies — Lisa Lopuck

Part I

9781118004906-pp0101. eps

Professional website production involves a lot of complex, interdependent tasks and requires опытная команда людей, чтобы сделать все. Когда вы начинаете свои приключения в веб-дизайне и/или веб-управлении, хорошим первым шагом является понимание этого производственного процесса от начала до конца — и вовлеченных людей — чтобы у вас была целостная картина того, чего ожидать, и знать, где вы подходите. в пути. На самом деле, несмотря на то, что многие дизайнерские фирмы рекламируют свое мастерство в процессе веб-производства как аргумент в пользу продажи, когда они пытаются выиграть тендеры, правда в том, что большинство фирм следуют одному и тому же или похожему процессу: определение, проектирование, разработка, развертывание. . Затем клиент получает возможность обрабатывать Фаза пятая — Техническое обслуживание!

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

9781118004906-pp0102.tif9781118004906-pp0103.tif9781118004906-pp0104.tif97811118004906-ba01.tif

90 1 10214 Итак, вы разрабатываете веб-сайт

9781118004906-co01.tif

arrow Понимание ролей и обязанностей членов команды

arrow Начало карьеры в сфере веб-дизайна 9000 стремительно развивается с момента своего создания — от веб-сайтов до мобильных приложений и социальных сетей возможности безграничны. Это отличная новость для вас, если вы думаете о том, чтобы стать профессиональным веб-дизайнером. Отрасль постоянно меняется и развивается, и за каждым углом происходят захватывающие и стремительные события.

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

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

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

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

В первые дни можно было просто разместить веб-сайт в Интернете и рассчитывать на приемлемый трафик без особых усилий. Однако сегодня на переполненных интернет-магистралях вам действительно нужна бизнес-стратегия и маркетинговый план. Специалисты по бизнесу и маркетингу, как внутренние, так и ваши клиенты, должны быть вовлечены в работу веб-сайта с самого начала. Они отвечают за следующие обязанности:

check.png Постановка целей и требований к сайту. Вы всегда должны понимать бизнес-цели сайта в порядке приоритета. Например, целью номер один может быть продажа продукта. Деловые люди не только предоставляют три или около того основных целей, чтобы определить направление сайта, но также должны предоставить список требований к сайту — по сути, список пожеланий возможностей сайта — его способности делать X.

check.png Определение целевого клиента. Члены маркетинговой команды — это те, кто ближе всего к конечному потребителю бизнеса. Они должны предоставить изображение профиля идеального клиента, которого сайт должен обслуживать. Информационные архитекторы (обсуждаемые далее в этой главе, это люди, которые проектируют базовую структуру сайта) в команде будут использовать эти данные для разработки набора из персон , которые будут сосредоточивать усилия творческой группы на протяжении всего процесса веб-разработки.

webspeak_4c.eps check.png Приглашаем посетителей. Отделу маркетинга также необходимо выяснить, как направлять клиентов на сайт. В интернет-бизнесе привлечь внимание (привлечь людей на свой сайт) не так просто, как кажется; он включает поисковую оптимизацию (SEO), партнерство с другими компаниями и разработку интегрированной онлайн- и офлайн-стратегии. По этим причинам маркетологи должны немедленно приступить к реализации своего плана.

Как только клиенты и компании принимают участие в новом веб-проекте, их взгляды неизменно превышают бюджет. Часто они просят луну, потому что просто не понимают сложностей, связанных с веб-разработкой. Помимо многих других обязанностей, основная задача производителя или руководителя проекта заключается в установлении и управлении ожиданиями клиентов, чтобы проект не сбивался с пути. (Для простоты, с этого момента я буду называть эту роль просто 9-й. 0264 производитель .) Используя различные инструменты, такие как Microsoft Project, показанный на рис. 1-1 , продюсер должен следить за проектом, членами команды, клиентом и бюджетом от начала до конца.

warning_4c.eps Одной из наиболее распространенных проблем, с которыми приходится сталкиваться продюсеру проекта, является расползание области действия . Возможности и функции, которые вы не планировали, имеют сверхъестественную способность находить свое место в дизайне. Часто вы обнаружите, что либо члены команды проекта пытаются проявить себя на позолота (переусердствовать) их вклад или клиенты внимательно изучают сайт и предлагают слишком много изменений и улучшений. В любом случае такая постоянная болтовня может отнять у вас больше времени и денег, чем вы планировали. Чтобы ограничить расползание масштаба, не забудьте запланировать разумное количество непредвиденных изменений на случай непредвиденных обстоятельств и следите за дополнениями, возникающими в ходе проекта, чтобы вы могли управлять ими или устранять их.

Успешное управление проектом поддерживает членов команды веб-разработчиков на той же странице на протяжении всего проекта. Сбалансировать потребности клиента, цели сайта и реальность масштаба и бюджета — сложная задача. Установление четкой коммуникации означает понимание потребностей клиента и отдельных членов команды. Следование процессу и понимание общих целей и задач сайта с самого начала также имеет решающее значение для успеха проекта. Цель состоит в том, чтобы поддерживать четкие цели на каждом этапе разработки, управлять расползанием масштаба (тенденцией проектов к увеличению в размерах) и предсказывать будущее.

Келли Гото, президент компании, www.gotomedia.com

9781118004906-fg0101.tif

.

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

webspeak_4c.eps Одной из первых задач информационного архитектора является разработка схемы карты сайта (подобной той, что показана на рис. 1-2 ), которая показывает все основные разделы сайта. IA, как часто называют этого человека, затем погружается в детали на уровне страницы и создает серию 90 264 каркасных диаграмм 90 265, как пример, показанный на рис. главная страница сайта. Срок 9Каркас 0264 , который встречается на протяжении всей этой книги, берет свое начало из устоявшейся техники 3D-моделирования, в которой используются экранные линии, похожие на проволочную сетку, для черновой обработки основных форм перед их дальнейшим рендерингом. Этот термин был принят на раннем этапе индустрией веб-дизайна для обозначения эскизов страниц, похожих на диаграммы, которые предшествуют этапу визуального дизайна. Между картой сайта и каркасными диаграммами, нарисованными для каждой основной страницы, информационный архитектор, по сути, строит чертежи для всего сайта. Это важный первый шаг, прежде чем вы сможете погрузиться в исследование визуального дизайна.

9781118004906-fg0102.tif

© OHM Cycles. http://ohmcycles.com/

Рис. 1-2. Карта сайта — это вид вашего веб-сайта с высоты птичьего полета, на котором показаны все его разделы.

9781118004906-fg0103.tif

Рис. 1-3. Каркас показывает структурную схему, дизайн взаимодействия и план содержания страницы.

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