35 отличных ресурсов Wireframing

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

Ниже приведены более 35 ресурсы для создания лучшего каркасов, в том числе tutorials о различных методах и различных инструментов available.

1.Wireframing Articles

Здесь более двадцати wireframing статьи, руководства и учебники, чтобы помочь вам улучшить вашу wireframing процесса.There’ с информацией по всем вопросам от бумаги wireframing методы использования таких программ, как Adobe Illustrator для wireframing этап вашей designs.

Каркасы MagazineЭтот сайт предлагает множество ресурсов и статей о wireframing.Они включают в себя каркасные образцов, пользовательский интерфейс инструментов и списки вакансий, а также место для дизайнеров поделиться своими каркасы и wireframing советы.Популярные статьи покрыли прототипов с 960.gs системе сетки, граф макеты бумаге эскиз, и каркасные moodboards.

Wireframes Magazine Screenshot

Провод кадров Ваш SiteОтличное введение в преимуществах wireframing от Sitepoint.Он предлагает трехступенчатый подход к wireframing в дополнение к излагал на преимущества использования каркасов, в том числе их способности позволяют предвидеть потенциальные проблемы, прежде чем попасть в мельчайших designing.

Wireframes Screenshot

Ajax Wireframing ApproachesСообщение в серии из Particletree о прототипирования Ajax, это охватывает wireframing техники.В данной статье рассматриваются три отличные методы wireframing динамического контента: ключевых кадров, укладки и TOP (Turn On возможности), а также с изложением преимуществ и недостатков each.

Wireframes Screenshot

Важность Wireframes в веб-дизайне и 9 инструментов для создания WireframesОтличный обзор того, почему wireframing это хорошая идея, наряду с инструментами для создания собственных.Это действительно всеобъемлющая статья, которая охватывает все, начиная от создания каркасов для работы с клиентами в процессе wireframing к благам wireframing за визуальный дизайн на ранних стадиях веб-сайта design.

Wireframes Screenshot

20 шагов к лучшему WireframingУдивительной коллекции из двадцати советы по созданию лучшего каркасов.Некоторые из целей включали быть четкое представление о вашей цели, получение всех участников и предотвращения чрезмерного проектировании каркаса.Добавлено вверх, эти советы должны сделать anyone’ S wireframing процесс более простым и efficient.

Wireframes Screenshot

Получить Wireframing: All-In-One GuideПолная сводка wireframing руководства, методы, инструменты и многое другое.It’ SA великий пост ресурсов с ссылками на другие сайты, в том числе раздел методы, инструменты, примеры, бумажные прототипы, и wireframing статей, среди других links.

Wireframes Screenshot

Важность WireframingБольшую статью о том, почему вы должны каркас, наряду с ресурсами, чтобы получить работу.It’ SA большой изложение преимуществ wireframing, в том числе его способности, чтобы помочь клиентам сосредоточиться и что они могут научить вас, о вашей clients.

Wireframes Screenshot

Pwireframing: Бумага WireframingВероятно, это одна из моих любимых wireframingметоды.It’ SA бумажных метод, но выходит далеко за рамки просто сделать некоторые наброски.Фотографии, действительно помогают укрепить технику в mind.

Wireframes Screenshot

Оттенки серого: Wireframes как мышление DeviceСтатья подробно TNE designer’ S причины для использования каркасов и их назначение.Это действительно охватывает личного опыта wireframing авторов, в том числе то, что они получают от wireframing помимо очевидных результатов.Примеры включены (как каркасы и окончательный дизайн сайта)

Wireframes Screenshot

Wireframing За ShoulderВидео, показывающие весь процесс wireframing от начала до конца с дивана.Это фактически быстро передаются видео дизайнер набрасывать полного каркасного реального сайта на paper.

Wireframes Screenshot

‘ Бокс Glove’ Wireframing TechniqueРуководство общую картину wireframing техники.Это невероятно простой и прямой вперед технику, которая подчеркивает трех элементов каркасов должно помочь прояснить: суждение, понятие, и context.

Wireframes Screenshot

Обрамление ProblemСтатья о wireframing от ClickZ.Данная статья направлена ​​на создание каркасов, что ответить на три простых вопроса: Какие типы посетителей необходимо убедить?Какие действия они должны предпринять?Какую информацию они должны принять меры

Wireframes Screenshot

SEO WireframingРуководство wireframing для целей поиска поисковой оптимизации от SEOmoz.Он описывает процесс wireframing строго с точки зрения SEO и напоминает дизайнеры иметь в виду такие вещи, как ключевые функции для каждой страницы и здание навигации с соответствующим keywords.

Wireframes Screenshot

HTML Каркасы и прототипы: Все Усиление и не PainРуководство по использованию HTML для wireframing и создания прототипов веб-сайтов из коробки и стрелы.Он рекламирует преимущества создания HTML каркасы над визуа …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров

Comments are closed.