Comments 82
как-то случилось: мне в голову пришла «гениальная» идея и срочно требовалось набросать это дело на бумажке, под рукой оказался листок с «линейками», ну помните листки А4 с расчерченными строчками, их подкладывали под чистый лист чтобы написать реферат, курсовик и прочее?
уже и не помню как он оказался под рукой (может кто-то забыл, я тогда делал диплом и бывало собиралась компания для «решения сложной задачи», ну и все приходили со своим арсеналом методичек и бумаг с «мыслями»), так вот я его перевернул чистой стороной и начал набрасывать макет, каково было мое удивление когда до меня дошло, что это офигенно удобно: выравнивать несколько элементов получалось играючи, расстояния между блоками по вертикали (благодаря строчкам) идеальное. В итоге получался не просто кривой набросок, а в полне рабочая модель.
В общем всем совету.
В Вашем случае наверное можно сделать «браузер» с одной стороны и «линейки» с другой :)
уже и не помню как он оказался под рукой (может кто-то забыл, я тогда делал диплом и бывало собиралась компания для «решения сложной задачи», ну и все приходили со своим арсеналом методичек и бумаг с «мыслями»), так вот я его перевернул чистой стороной и начал набрасывать макет, каково было мое удивление когда до меня дошло, что это офигенно удобно: выравнивать несколько элементов получалось играючи, расстояния между блоками по вертикали (благодаря строчкам) идеальное. В итоге получался не просто кривой набросок, а в полне рабочая модель.
В общем всем совету.
В Вашем случае наверное можно сделать «браузер» с одной стороны и «линейки» с другой :)
Че же вы раньше не сказали, я бы на бумае в клеточку наксерил!:))
Хорошая идея, возьму на вооружение.
Хорошая идея, возьму на вооружение.
Мне тоже кажется, что нарисовать макет чего-либо лучше сначала на бумаге. Быстрее получается, не нужно к компьютеру прикасаться. Когда мысли готовы — все дело можно без пыли и шума перенести в электронный вид. Улучшается КПД? :)
Тоже все на бумаге рисую, но не понимаю, зачем рисовать браузер? %)
Я в подобные тонкости начинаю вдаваться только тогда, когда реально облом что-то по делу набрасывать :) Хотя, если у вас так же, вам придется все рисовать теперь только по делу и работа станет продуктивнее ))
Я в подобные тонкости начинаю вдаваться только тогда, когда реально облом что-то по делу набрасывать :) Хотя, если у вас так же, вам придется все рисовать теперь только по делу и работа станет продуктивнее ))
Не знаю зачем браузер, ну хорошо. Браузер пусть будет, но зачем распечатывать коряво, то что можно сделать ровно?
Почему бы просто не сделать распечатку браузера шириной в 1024 пикселя?

Почему бы просто не сделать распечатку браузера шириной в 1024 пикселя?

Ну в посте я предполагал, что можна и скриншот разпечатать.
Но причем здесь пиксели, если все дальнейшее рисование будет идти от руки, и не менее коряво чем браузер на картинке?
Но причем здесь пиксели, если все дальнейшее рисование будет идти от руки, и не менее коряво чем браузер на картинке?
Ну а че уж тогда, надо на мятой бумаге сразу рисовать, все равно потом эту бумажку сомнете и в урну выкинете.
А пиксели при том, чтобы знать размер элементов сайта относительно элементов браузера при разрешении 1024. Ну хотябы примерно.
Да не, мой темплейт идет для более ранних этапов, когда важна концепция и приблизительное наличие/размещение елементов. А ширину в пикселях я лучше уже померяю, набросив то же в граф-редакторе, после утверждения на бумаге.
Ну зачем, зачем тогда рисовать окно браузера? Я не понимаю.
Уж если все идет на таком уровне абстракции, что важна только концепция, то я совсем не вижу причин рисовать окно браузера.
Уж если все идет на таком уровне абстракции, что важна только концепция, то я совсем не вижу причин рисовать окно браузера.
Ну зачем, зачем тогда рисовать окно браузера? Я не понимаю.
Уж если все идет на таком уровне абстракции, что важна только концепция, то я совсем не вижу причин рисовать окно браузера.
Уж если все идет на таком уровне абстракции, что важна только концепция, то я совсем не вижу причин рисовать окно браузера.
Если рисовать сайт на скриншоте браузера то получается не красиво. Т.к. корявый от руки набросанный браузер смотрица лучше с таким же корявым сайтом ))
А можно где-нить позаимствовать такой вариантик?=)
Кстати об окошках браузера. Я где-то сталкивался с шаблоном для фотошопа или иллюстратора с окном сафари, где отдельным слоем можно поместить рабочую область сайта, тем самым просто и быстро организовав скриншот в симпатичной рамке под макось. Может у кого-то есть под рукой?
Надо только разные браузеры распечатывать, ато нарисуешь под Сафари а в ИЕ все разъедется.
будете смеяться, но в конторе в которой я работаю дают черновики и бумагу для записи с изображением IE6 ))) специально для этих целей ))) возможно глупость, возможно прихоть начальства, но те кто это видит впервые даже на память берут себе. Лично мне помогало не раз сия бумажка.
Тогда уж надо было и монитор целиком нарисовать, что ж вы схалтурили?..
Ну чего уж тогда, заодно нужно комнату, в которой монитор стоит, а так же дом в котором эта комната, и далее по возрастающей:)
Я знаю, что рисование браузера, это лишь моя психологическая заморочка, но мне так удобнее, помогает сосредоточиться, чтоли.
Я знаю, что рисование браузера, это лишь моя психологическая заморочка, но мне так удобнее, помогает сосредоточиться, чтоли.
В целом интересная идея, надо бы попробовать. :) Только вы, автор, знайте, что писать правильно Элементы, а не Елементы, а то глаза режет.
купите себе планшет и не мучайтесь…
Зачем менеджеру-верстальщику планшет? о_О :)
чтобы макеты рисовать. да и вообще, перо удобнее мышки. уже больше года моя мыша пылится в углу стола
планшет нужен дизайнеру, а «менеджеру-верстальщику» придумывать и продумывать интерфейсы противопоказано медициной :)
А можно сделать линейки в виде верхних частей окон разных браузеров (запамятовал название) и просто прикладывать к листу, а под ней рисовать эскиз. Боковые стороны окна можно провести самому по этой же линейке. Это так, для экономии бумаги и спасения лесов нашей планеты :)
Сиюминутные идеи рисую на бумаге. А так в основном сразу открываю фотошоп.
Хочу такую темку для FF :)
Идея хорошая, в плане оптимизации рутинного процесса.
Правда рисование самого окошка браузера тоже дело полезное — помогает настроиться на нужный лад, особенно когда идей минимум, с чего-то начинать нужно.
Правда рисование самого окошка браузера тоже дело полезное — помогает настроиться на нужный лад, особенно когда идей минимум, с чего-то начинать нужно.
Миллиметровка вам в помощь.
отличный способ превратить веб в набор одинаковых шаблонных сайтов посторенных по одинаковому изобразительному принципу.
обычный листик в клеточку, этого всегда достаточно.
с этого когда-то начинал и до сих пор этим пользуюсь, только тетради сменил на такие плотные альбомы в толстом переплёте еле заметными клетками и мягкой бумагой.
одно удовольствие на таком работать.
с этого когда-то начинал и до сих пор этим пользуюсь, только тетради сменил на такие плотные альбомы в толстом переплёте еле заметными клетками и мягкой бумагой.
одно удовольствие на таком работать.
пользуйте Axure RP. проектировать веб интерфейсы станет значительно проще и быстрее.
мне никогда не помогали программы именн в разработке идеи, а в большинстве даже мешали.
проше нарисовать идею на листики и воплотить потом уже на ПК.
проше нарисовать идею на листики и воплотить потом уже на ПК.
спорить не буду, Вам виднее.
но я раньше тоже на бумажке рисовал, да и сейчас, конечно, бывает. Но Axure RP стал незаменимым (пока что) помощником. Уж очень удобно рисовать кучу страниц сайта, драгая стандартные контролы на страницу и оборачивая повторяющиеся элементы (например «шапку») в мастер пэйджи, которые в случае чего меняются сразу на всех страницах.
но я раньше тоже на бумажке рисовал, да и сейчас, конечно, бывает. Но Axure RP стал незаменимым (пока что) помощником. Уж очень удобно рисовать кучу страниц сайта, драгая стандартные контролы на страницу и оборачивая повторяющиеся элементы (например «шапку») в мастер пэйджи, которые в случае чего меняются сразу на всех страницах.
Планшет, в полне может заменить карандаш для таких целей
Вот и че? Я не вкурил, объянсите…
Онлайн не онлайн, но очень люблю дополнение к FireFox под названием Pencil.
Mockups неплох: www.balsamiq.com/demos/mockups/Mockups.html
Beofan, онлайн не онлайн, но очень люблю дополнение к FireFox под названием Pencil.
Да. Художником никогда не был, и на бумаге рисовать вообще не умею. А чтобы быть таким-себе дизайнером, уметь рисовать не всегда необходимо. А поначалу приходилось.
Теперь надеюсь сложить полностью с себя эти полномочия, и заняться соответствующими для себя вещами.
Да и рисовался тот браузер на протяжении 10 секунд, при желании мог нарисовать и акуратнее. Но зачем?
Теперь надеюсь сложить полностью с себя эти полномочия, и заняться соответствующими для себя вещами.
Да и рисовался тот браузер на протяжении 10 секунд, при желании мог нарисовать и акуратнее. Но зачем?
лол. может ещё создадим опрос, кто компьютер на ночь выключает, а кто нет?
Открываем для себя paper prototyping? ;-)
Зачем столько тратиться на ксерокс?
Можно взять лист плотной бумаги и нарисовай свой любимый браузер, а потом вырезать ножницами ту область в которой происходит отображение страницы, а снизу подкладывать чистые листы. Тут тебе и скролл даже есть =))
Можно взять лист плотной бумаги и нарисовай свой любимый браузер, а потом вырезать ножницами ту область в которой происходит отображение страницы, а снизу подкладывать чистые листы. Тут тебе и скролл даже есть =))
Теперь, понятно почему из меня херовый веб-дизайнер. Потому что я начинаю с совсем чистого листа.
И чё, теперь когда режиссёру надо рисовать сториборд, он должен сначала отксерить рисунок с экраном кинотеатра и с бошками зрителей? Помоему, броузер можно абстрагировать. не знаю.
Но если Вам так легше — бог в помощь.
Но если Вам так легше — бог в помощь.
а как же кроссбраузерность? :)))
MS Visio по моему самое удобное… Особено приятноЮ что можно объекты объединить в блоки и тиражировать на все уровни сайта, а еще гуд, что можно выгрузить в гиф, сделать гифмап и показать заказчику «интерактивную» модель сайта.
да, я тож об этом думал.
пол года назад считал что решу проблем с быстрозаканчивающейся бумагой покупкой планшета, недорогого бамбу.
но кншн ошибся. вот еслиб ноут с сенсорным экраном — эт хоть както заменило бы карандаш с листом бумаги.
сам с интерфейсами не рааботаю а делаю зачастую дизайны сайтов. обычно беру идеально чистый лист но опыт unhappy мне мил, дейсвительно сетка не помешет, опробую.
пол года назад считал что решу проблем с быстрозаканчивающейся бумагой покупкой планшета, недорогого бамбу.
но кншн ошибся. вот еслиб ноут с сенсорным экраном — эт хоть както заменило бы карандаш с листом бумаги.
сам с интерфейсами не рааботаю а делаю зачастую дизайны сайтов. обычно беру идеально чистый лист но опыт unhappy мне мил, дейсвительно сетка не помешет, опробую.
Уже очень давно есть готовый шаблон для Visio:
www.guuui.com/issues/02_07.php
www.guuui.com/issues/02_07.php
А у меня есть тетрадь в клеточку и линеечку.
хммм… а нельзя что ли тупо достать тетрадку в клетку, а не извращаться с распечатыванием и т.д.? больше времени на «проектирование» идеи, чем на сборку материалов (распечатка Ваша).
Предлагаю рисовать прям на мониторе, после чего фотографировать монитор и утверждать эскизы у заказчика :)
В век распространения ноутов можно использовать и более продвинутые чем бумага профсредства — axure.com/
Приехал к клиенту и на его глазах накидал интерфейс близкий к конечному (за искл стилей и картинок). Конечно, стоит денег и для фрилансеров его не порекомендуешь, но для девелоперских контор довольное неплохое решение.
Приехал к клиенту и на его глазах накидал интерфейс близкий к конечному (за искл стилей и картинок). Конечно, стоит денег и для фрилансеров его не порекомендуешь, но для девелоперских контор довольное неплохое решение.
А не проще взять обычный бумажный блокнот, на первом листе нарисовать верх браузера, и отрезать лишок?
После этого рисуем на листе. Не понравилось — оторвали его и рисуем на следующем.
Понравилось — оторвали его, и отложили в папочку готовых набросков.
После этого рисуем на листе. Не понравилось — оторвали его и рисуем на следующем.
Понравилось — оторвали его, и отложили в папочку готовых набросков.
Sign up to leave a comment.
Хакаем бумажное проектирование интерфейсов.