Товарищи дизайнеры, подскажите
Вечер добрый!
Начал делать сайты, опыт не большой, и вот что стало интересно, решил задать вопрос знающим людям.
В начале работы над сайтом, делаю эскиз от руки карандашом на листке бумаги с сеткой для сайта, но часто вижу сейчас в проектах разных коллег, прототипы (скрин прилагаю).
Так вот товарищи, кто подскажет, как и для чего, а главное на каком этапе они делаются, и как дальше после этого делается дизайн собственно.
За ранее спасибо всем откликнувшимся )
Комментарии пользователей
ты соцальную сеть сразу проектируешь?
Не эт просто чужой скрин ))) интересует сам процесс такой разработки, как, для чего и в чем ??
Они делаются на том этапе когда понятна общая концепция и вы обговорили ее с заказчиком. Все это нужно для того чтобы в первую очередь вам было легко и понятно рисовать по ним в цвете уже реальный макет и вам же будет легче без цвета утвердить логику проекта и как будет там все работать. Если проект большой например какой нить портал автомашин, то прототип делается так же интерактивный чтобы заказчик мог посмотреть как это все работает. На таком прототипе вам легче заказчику донести и презентовать макет , он не будет доканывать вас что бы вы сделали кнопку не Зеленую а красную в малиновую крапинку. Вообще нужно убедить заказчика что не важно какого цвета меню серого или темного , убедите что его клиенту абсолютно все равно на это, потому что для всех Слово "Красиво" очень разные понятия а Главное решить задачу.
Спасибо!! Интересует сам процесс их создания, в какой проге лучше делать, есть ли уроки или какие нибудь посты чтоб ознакомиться подробнее?
Можно в любом графическом редакторе... лучше Indesign для этого всего подходит.. уроков не бывает....лучше всего книжки по UX почитайте
+ к выше сказанному добавлю: некоторые такой процесс называют фреймворк, т.е. по сути это прототип сервиса, портала, сайта в целом. Суть в том, чтобы разработать и расположить элементы в правильном порядке, грубый набросок который позволяет увидеть конечный продукт. И действительно такие прототипы составляются в основном для больших проектов, т.к. требуется разместить не мало информации и на каждой странице она должна смотреться и восприниматься правильно. Например сделал 10 страниц портала в прототипе и внезапно тебе надо добавить несколько новых элементов, и вот для того чтобы не трясти весь макет, который уже отрисован с графикой и цветами, разрабатывается такой прототип на основе которого ты сможешь поправить элементы и внести новые без серьезных трудозатрат.
Axure
Спасибо товарищи! за полезную информацию!
сдались тебе эти сайты, лучше картинки рисуй!
Эт прога специальная?
Axure - это программа для прототипирования. Можешь в гугле набрать "инструменты прототипирования" или "wireframes" и почитать. Программ, помимо Axure (довольно-таки ущербного, кстати) очень и очень много.
по мне так фотошоп лучше всего подходит для макетов
Один человек сказал, рисовать сайты легко на бумаге, но перерисовывать их очень долго=> вывод, делай мокап на бумаге, утверждай его=> делай мокап в электронной версии, дабы перерисовывать блоки и вносить правки было легче и быстрее, нежели на бумаге)=> уже дизайн Статика- индизайн, динамика аксшуре)
ZBrush не плохая
Из Indesign переносится макет в фотошоп? В смысле со слоями и всем прочим.
если без шуток, самый удобный вариант это верстка визуальным редактором прямо в html не видел ниодного удобного редактора прототипов
хз, пробовал и Axure, и аналоги, быстрей и легче в фотошопе.
Не вы*буйся и рисуй в фотошопе. Экономия времени и нервов.
Сколько мнений. Добавлю свое. Axure хорош. Немного времени на освоение и ваши интерактивные прототипы будут явно круче/дороже/удобнее/эффективнее, чем горы схемоскриншотов сделанных в столь любимом (но не для этого предназначенном) PS. Хотя и к Axure есть ряд нареканий, а может я просто еще не до конца разобрался.
Я прототипы делаю в Illustrator (не прижился у меня InDesign), реже в фотошопе. Иллюстратор используется для больших проектов, где нужно делать прототипы большого количества страниц или экранов, и удобно, что все они хранятся в одном файле. Создал под каждую страницу Artboard и работай. Это относится как к сайтам, так и к мобильным приложениям. Потом готовый прототип из иллюстратора можно экпортировать в PSD и раскрашивать в фотошопе. Или сохранить как PDF и презентовать заказчику.
Приемущество индизайна для таких целей в том, что можно делать интерактивные ссылки, да и вообще он удобен для верстки таких штун. ни в иллюстраторе, ни в фотошопе неудобно верстать текст. а он, даже и рыбный, но играет важную роль
Чувак скажу вот что, перерисуй один в один пару сайтов и все считай что ты научился рисовать сайты
Axure RP - очень удобна для прототипирования, так как позволяет сразу сетки в хтмль сохранять со связями страниц, реакциями кнопок, поп апами и прочими интерактивными фишками, и мне, как дизайнеру, потом удобнее брать тексты, которые предусмотрел проектировщик. Надо понимать, что прототип - не дизайн, а скелет сайта, и в акшуре прото делать намного удобнее и быстрее(!) чем в фотошопе.
http://grosslarnakh.livejournal.com/2010/12/15/ Людвиг Быстроновский
попробуй Pencil http://pencil.evolus.vn/
http://mockupbuilder.com/ http://www.balsamiq.com/ https://gomockingbird.com/ http://mockupbuilder.com/ http://mockflow.com/ http://www.hotgloo.com/ http://www.invisionapp.com/ http://www.invisionapp.com/ http://www.justproto.com/en/ http://proto.io/