Андрей Косеченко
7 июня 2010

Приветствую.

Хочу стать вашим конкурентом и попытаться заработать на жизнь тем же, что и вы.

Из головы не выходит один вопрос. С макетами сайтов все более-менее понятно — прямая дорога в Индизайн.

А вот в чём вы делаете макеты интерфейсов? Например Эмгизмо, The bat, сайты? Не сразу же в IDE ваяете?


P. S. Что посоветуете почитать на эту тему?



С этого понедельника — только в Индизайне.

Дорогие дизайнеры бюрю! Я оцениваю ваш период вне зоны комфорта в полтора дня. А потом наступит такой комфорт, какой вам и не снился.


P. S. Вот как жёстко иногда приходится действовать, Андрей. Применяйте в вашей конкурентной борьбе.


Поделиться

Комментарии

Сергей Сурганов
7 июня 2010

Однозначно — Индизайн!

Из «литературы» посоветую отличные видеокурсы от Lynda.com (http://www.lynda.com/home/ViewCourses.aspx?lpk0=394). Более простого способа освоить Индизайн я не знаю — при условии, что у вас всё в порядке со знанием английского.

Алексей Мельников
7 июня 2010

Андрей! Вы безнадёжно отстали с вёрсткой макетов в Индизайне. С появлением Веб 2.0 все давно уже делают динамические макеты в Паверпоинте.

Леонид Назаров
7 июня 2010

Артём, а как же динамические прототипы интерфейса? Не проще ли их делать например в Axure? У Акшуре множество плюсов:

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

Есть конечно же и минусы, например нет возможности сразу открыть уже готовый интерфейс в фотошопе, чтобы довести его до блеска. Его придётся рисовать заново. Но «скелет» сайта или программы делается очень быстро.

Почему Индизайн лучше той же Акшуре?

Анатоль Новиков
7 июня 2010

На бумаге сразу, так быстрее и все сразу могут участвовать. Потом в векторной программе, а будет это люстра или индиз, уже вопрос второй. Можно хоть в шопе. Мне кажется, это не принципиальный вопрос. Аксура тоже хороша.

Александр Грин
7 июня 2010

Ещё есть QuarkXpress, который позволяет в один клик вывести результат в браузер и увидеть рендеринг шрифтов в реальной обстановке, поводить мышкой над ссылками и картинками. Что вы думаете про него?

Андрей Лисицын
7 июня 2010

Артём, а можешь рассказать схему работы?

Вы сначала накидываете общие элементы и утверждаете их. Потом делаете уже с готовыми материалами в Индизайне? Или как?

И ещё, простите за незнание. Программист или верстальщик работает у вас тоже с индизайн-файлом?

Валентин Головач
7 июня 2010

Единственное, что бесит в Индизайне, так это выбор цвета, отличный от Фотошопа. Плюс hex цвета получить не так просто.

Вадим Макеев
7 июня 2010

А. Г., мне очень жаль ваших верстальщиков. Переход на ID ударит, прежде всего, по ним.

Георгий Задворнов
7 июня 2010

Очень хочется сменить Фотошоп на Индизайн, но есть моменты, не позволяющие быстро переключится.

Хранить ли каждый макет в отдельном файле, или по страницам в одном проекте? Если в одном проекте — как быть с одинаковой высотой всех страниц проекта? Если в разных файлах — как автоматически синхронизировать стили?

Как реализовать меню и другие навигационные элементы? Напрашивается использование мастер-страниц, но с увеличением количества пунктов меню и т. п. количество мастер-страниц превысит разумные пределы.

Таких вопросов очень много.

Я о чём вообще :-) Информации об использовании Индизайна в качестве инструмента для создания сайтов в сети нет. Будет очень здорово, если кто-нибудь из советчиков поделится макетами проектов или напишет краткий экскурс на тему «Индизайн для веба» :-)

Евгений Бакст
7 июня 2010

Онлайн-карандашик для прототипирования: http://www.balsamiq.com/builds/mockups-web-demo/

Александр Реушкин
8 июня 2010

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

Конечный макет в фотошопе делается. Верстальщики спокойны.

Олег Волчков
8 июня 2010

На сайте Юзетикса есть несколько неплохих статей про прототипирование в Индизайне:
http://usethics.ru/blog/lib/indesign_prototyping/
http://usethics.ru/blog/lib/indesign_secrets/
http://usethics.ru/blog/lib/indesign_library/ (очень полезная библиотека элементов)
http://usethics.ru/blog/lib/skripty-indesign-vypusk-1/
http://usethics.ru/blog/lib/skripty-indesign-vypusk-2/
http://usethics.ru/blog/lib/skripty-indesign-vypusk-3/

Сергей Белкин
8 июня 2010

Проблема с одинаковой высотой страниц уже решена в CS5.

Навигационные элементы действительно реализуются через мастерпейджы и наследуемые от них страницы. Причем наследовать можно сколько угодно. С расширяемостью там все в порядке, просто изначально надо предусмотреть правильную структуру мастер-страниц и всё правильно слинковать.

К слову сказать, в indd можно получить pixel-perfect прототипы.

Валентин Головач
9 июня 2010

Олег, у Артёма Шитова симпатичнее библиотека — http://dl.dropbox.com/u/1112716/_Forms.indl

Пользуюсь, очень нравится.

Артём Петренков
9 июня 2010

А как насчёт Адоби Файрворкс? Насколько он подходит для прототипирования веб-страниц и оконных интерфейсов?

Михаил Озорнин
22 сентября 2010

Артём, там же у Юзетикса (http://usethics.ru/blog/lib/adobe-fireworks/) пишут, что Fireworks — вполне ничего.

>Так что если вы каждый день рисуете сайты в Photoshop, очень рекомендую перестать. И, если вам важны отдельные пиксели (т. е. растеризация кривых и, в особенности, прямых) рекомендую перейти на Fireworks, а если не важны, то в InDesign.

Леонид Изамов
10 декабря 2010

Господа, а как же Microsoft Expression Blend и их SketchFlow? Он ведь прекрасен.

О свежих версиях информации немного даже на английском. На русском знаю только вот эту раздачу на рутрекере (никакого пиратства, материал свободен): http://rutracker.org/forum/viewtopic.php?t=3275237

И в онлайне то же самое можно смотреть: http://scrollup.ru/video/sketchflow_prototyping/

Вова Икалюк
29 июня 2011

Возможно, будет полезна книга по Индизайну: Interactive InDesign CS5: Take your Print Skills to the Web and Beyond.

Там как раз рассказывают, как использовать Индизайн в создании веб-страниц.

http://www.amazon.com/…&pf_rd_t=101&pf_rd_p=470938631&pf_rd_i=507846

Сергей Кондауров
7 июля 2011

Артём, Фаерворкс — программа для прототипирования простых, линейных интерфейсов. Хорошо дружит с Фотошопом, простой в изучении. Я изучил его за пару дней.

Проблемы появляются, если в прототипе сайта около 20 насыщенных активными областями страниц. При экспорте Фаерворкс нарезает мне такой макет на 20 000 картинок. Тупит и нередко вылетает. Поэтому крупный прототип лучше разбивать на несколько частей, экспортировать по отдельности, а потом складывать всё в одну папку. Но лучше просто не заморачиваться с крупными прототипами в Фаерворксе :-)

Фаерворкс использует только два гига оперативки, при нехватке памяти просто выдаёт сообщение, мол так и так, работать больше не буду (в CS5.5 стал предлагать сохранить проект перед вылетанием).

Меня сильно раздражает невозможность создания активных областей поверх других активных областей. К примеру, если на сайте используется мегаменю, которое при появлении перекрывает много других объектов, то эти объекты не могут быть кликабельными, даже когда меню спрятано.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Как создавался новый сайт бюро. Часть четвёртая Как создавался новый сайт бюро. Часть третья 1 Как создавался новый сайт бюро. Часть вторая 2




Недавно всплыло

4 Это я неправ, что долго думал, или магазин, что допустил такую ситуацию? 3 2 7