Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 71
нужно ли автоматизировать то без чего можно жить?
когда уже дизайнеры перестанут рисовать картинки и начнут делать полезную работу?
возможно эти вопросы так и останутся без ответа
когда уже дизайнеры перестанут рисовать картинки и начнут делать полезную работу?
возможно эти вопросы так и останутся без ответа
Не согласен. Без красивого, завлекающего и удобного дизайна нельзя.
Полезная работа дизайнера — это в том числе и рисовать картинки. Или их программисту рисовать?)
Полезную работу? Это заборы красить?
А чем Вам дизайнеры не угодили? Или просто так, чтобы придраться?
Тогда можно придраться к вашему нику например или вообще к тому что нужно делать полезную работу а не писать на хабр коментарии.
Тогда можно придраться к вашему нику например или вообще к тому что нужно делать полезную работу а не писать на хабр коментарии.
А вот теперь представьте себе ситуацию, что все дизайнеры переключились на «более полезную работу» и все вещи, окружающие вас, стали чопорными, угловатыми, машины превратились бы в отвратительную безвкусицу, а если заглянуть в интернет, то там уж вообще ужас приключился бы. Все сайты будут похожи на одно и тоже, никаких новшеств, никаких украшательств. Так ведь и в депрессию недолго впасть. Пусть творят, вам-то что
Никаких украшательств?
Когда в следующий раз посмотрите на свой смартфон — задайте вопрос про бесполезность дизайнеров еще раз.
мой смотрфон не нарисованный а вполне себе реальный в отличие от psd'шек
я его могу потрогать и, о ужас, им даже можно пользоваться
расскажите как мне пользоваться картинками, кроме как в мусорку их выкинуть
я его могу потрогать и, о ужас, им даже можно пользоваться
расскажите как мне пользоваться картинками, кроме как в мусорку их выкинуть
Вы не поверите, практически все, что можно увидеть на экране вашего смартфона однажды было psd'шками…
Вот вот! А после этого был куском пенопласта, потом куском дерева… а потом первым пластиковым прототипом только.
3 года занимаюсь дизайном мобильных приложений и обидно даже как-то, что люди не понимают роль дизайнера и проектировщика в этой и любой другой отрасли.
Кстати для сомневающихся в нужности профессии, придумал игру — просто прошу человека посмотреть вокруг и показать мне хоть один рукотворный предмет в комнате, к которому не приложил руку дизайнер хотя-бы на одном этапе разработки. Никто еще не выиграл, а терапевтический эффект поразителен! :-)
3 года занимаюсь дизайном мобильных приложений и обидно даже как-то, что люди не понимают роль дизайнера и проектировщика в этой и любой другой отрасли.
Кстати для сомневающихся в нужности профессии, придумал игру — просто прошу человека посмотреть вокруг и показать мне хоть один рукотворный предмет в комнате, к которому не приложил руку дизайнер хотя-бы на одном этапе разработки. Никто еще не выиграл, а терапевтический эффект поразителен! :-)
Зачастую сами дизайнеры не понимают своей роли. И смотришь на предмет и думаешь, что лучше бы дизайнер к нему руку не прикладывал :)
Я ни разу ни дизайнер, но красивее мышки делал.
Мне кажется, что красивее мышки у вас получались благодаря тому, что вы уже видели чужие дизайны.
Видел я примерно такие
А к чему-то похожему на современные бюджетные пришел просто методом проб и ошибок сначала на снежных и пластилиновых «моделях» со скидкой на доступные материалы (пенопласт прежде всего), а потом нескольких итерациях. Запомнилась как-то из одной советской юношеской книжки про туризм концепция моделирования удобных вещей — из пластичных веществ сформировать удобную форму, а потом повторить её из практически применимых. А что она красивой обтекаемой формы получилась — случайность.Ну или мое извращенное понимание красоты как квинтэссенции функциональности.
Собственно мои претензии ко многим дизайнерам, что они в погоне за красотой забывают про удобство и технологичность.
А к чему-то похожему на современные бюджетные пришел просто методом проб и ошибок сначала на снежных и пластилиновых «моделях» со скидкой на доступные материалы (пенопласт прежде всего), а потом нескольких итерациях. Запомнилась как-то из одной советской юношеской книжки про туризм концепция моделирования удобных вещей — из пластичных веществ сформировать удобную форму, а потом повторить её из практически применимых. А что она красивой обтекаемой формы получилась — случайность.Ну или мое извращенное понимание красоты как квинтэссенции функциональности.
Собственно мои претензии ко многим дизайнерам, что они в погоне за красотой забывают про удобство и технологичность.
не был он никогда psd'шкой
хорошо если его нариисовали на бумаге
а для 3d моделирования есть спец софт, или вы все в фотошопе делаете?
хорошо если его нариисовали на бумаге
а для 3d моделирования есть спец софт, или вы все в фотошопе делаете?
А чего вы к psd прицепились?
Дизайнер свои идеи может и на бумаге излогать, и на доске, и в 3dsMax. Дизайн можна описать в текстовом документе и слепить с пластелина. Неважно как, в чем, и чем, суть одна — передать образ, который родился в голове.
Одним людям дано видеть эти образы, другим нет.
Мы все могли бы прожить без дизайна, но только нам бы пришлось испорожняться в кустах, есть руками и жить под открытым небом
Дизайнер свои идеи может и на бумаге излогать, и на доске, и в 3dsMax. Дизайн можна описать в текстовом документе и слепить с пластелина. Неважно как, в чем, и чем, суть одна — передать образ, который родился в голове.
Одним людям дано видеть эти образы, другим нет.
Мы все могли бы прожить без дизайна, но только нам бы пришлось испорожняться в кустах, есть руками и жить под открытым небом
В таких топиках нужно прежде всего договариваться о терминах. Я вот не понимаю почему без дизайнеров мы бы ели руками, не говоря об остальном. Дизайнер для меня тот, кто из удобной и практичной вещи делает ещё и красивую.
а что есть результат дизайна?
подсказка: готовый продукт (в данном случае работающий веб сайт)
для большинства же местных обитателей он и есть psd'шки
а взглянуть правде в глаза не хватает смелости
подсказка: готовый продукт (в данном случае работающий веб сайт)
для большинства же местных обитателей он и есть psd'шки
а взглянуть правде в глаза не хватает смелости
Моя точка зрения, что результат дизайна где-то посередине между макетом/эскизом и готовым продуктом. Это комплект документации необходимый и достаточный для производства сайта.
расскажите ка мне поподробнее как сделать плавную анимацию в фотошопе?
или о чем мы тут тогда разговариваем?
может дизайнер не проектирует взаимодействие с пользователем? (анимация — это самое простое взаимодействие)
или о чем мы тут тогда разговариваем?
может дизайнер не проектирует взаимодействие с пользователем? (анимация — это самое простое взаимодействие)
вы же помните как создавался калькулятор для мака, тогда еще и фотошопа то не было
Посмотрите чуть глубже чем на внешнюю часть вашего смартфона (на графический интерфейс).
Гуглите промышленный дизайн.
Или вы считаете, что Ваш смартфон делается уборщиком, или еще кем?
Или вы считаете, что Ваш смартфон делается уборщиком, или еще кем?
Ох уж и не говорите…
Когда уже IT-шники перестанут лупиться в мониторыи начнут делать полезную работу?
Дрова то не рублены, уголь не копан, дома не построены, мамонты не доены…
Когда уже IT-шники перестанут лупиться в мониторыи начнут делать полезную работу?
Дрова то не рублены, уголь не копан, дома не построены, мамонты не доены…
Мне кажется, или xxxYURAxxx просто зарабатывает меньше старшего помощника младшего дизайнера в своей компани?
имхо, пока не будет придуман некий стандарт для разработки дизайна(спец софт там и прочее), что вряд ли в силу не универсальности последнего, то говорить о какой-то автоматизации бесполезно.
Вот я тоже часто на эту тему думаю. Но тут такое дело, что даже человек человека не всегда может понять. А когда заказывают дизайн и в ТЗ пишут ахинею типа белый сделайте поярче… Ну про какие программы можно тут говорить?
не совсем в тему, но сейчас прочел про «белый поярче» и улыбнулся :) мне именно такое как-то ляпнули. я попытался объяснить, что такое «белый», но потом мне показали несколько сайтов, где «белый ярче» и я очень удивился тому, что мой глаз воспринимал тот белый и мой белый действительно по-разному :) этот эффект достигался путем внедрения пары контрастных пятен и мелких деталей лимонного цвета. так что белый может быть ярче (по крайней мере, в понимании заказчика, который и не обязан знать всех этих тонких хитростей, а просто излагать то, что хочет на примере того, что видит) ;)
Я как разработчик, когда приходится делать какой-то простой дизайн, делаю его сразу в HTML + CSS, почему-то мне так удобнее и понятнее, вот и дизайнеров бы заставить слои с блоками делать сразу в HTML, а не в фотошопе, а рисовать только картинки.
P.S. Хотя им, конечно, виднее как им работать:)
P.S. Хотя им, конечно, виднее как им работать:)
я с вами согласен. однако по факту — найти дизайнера который в psd уж как попало называя слои сделает красивый дизайн — уже непростая задача. найти такого который сверстать нормально может — вероятно очень очень дорого.
Мне кажется, если бы все дизайнеры сразу делали макет в HTML + CSS или просто сами верстали, то верстальщики бы исчезли как класс и работа дизайнера сильно бы подорожала. Ещё бы увеличилось время работы дизайнера, ибо в процессе дизайна часто приходится перетаскивать блоки местами и т.п. Представляете сколько действий нужно совершить в коде, что бы переместить какой-то блок или увеличить в сравнении с перетаскиванием и трансформацией в фотошопе?
А так хорошего верстающего дизайнера и сейчас реально найти, просто это очень дорого :)
А так хорошего верстающего дизайнера и сейчас реально найти, просто это очень дорого :)
Иногда приходится долго думать над макетом как же его сверстать, а компы это смогут только лет через 10. Да и то, через 1 место это получится.
Вы это собираетесь как-то разрабатывать или это только концепция?
Увидев заголовок, сразу вспоминась статья о разработчике, который отдавал свою работу на аутсорс в индию(или китай ли).
Помню, в одной компании в которой я работал, айфон-девелоперов называли «PSD to Objective-C»
А не проще ли использовать Fireworks для этого? там возможностей в плане отрисовки макетов поболе будет (одновременно можно и прототипизировать), и в плане автоматизации процесса верстки тоже проще.
Вопервых проще работать с векторной графикой (а уж простите, она больше подходит для сайтов). Можно спокойно определять как и что будет экспортировано, оптимизирует размер PNG файлов и хорошо жмет JPEG (по лучше чем фотошоп), есть возможность добавлять какие-то действия по нажатию на элементы, в одном файле можно размещать все скрины… Словом, я не вижу причин, кроме как привычки, почему все пользуются именно фотошопом под WEB.
Все что необходимо для разработки дизайна сайта/WEB приложения в FW имеется. Да, что по другому, чуть сложнее, но более чем норм. Нету проблем со шрифтами, управляемое сглаживание, возможность прототипирования. Как по мне плюсов предостаточно. (я не фанат размалеванных сайтов где много ненужных отвлекающих картинок, но если клиент хочет — всю эту трибуху можно нарисовать и в PH, просто факт остается фактом. На сложных проектах, проектах WEB приложений, FW дает преимущество при проектировании интерфейса. А уже украшательства — это детали, которые опять же можно спокойно сделать и чуть позже.
Вы можете со мной не соглашаться, я не говорю что FW лучше фотошопа, просто как по мне у PH сфера применения должна быть другая. И складывается порой впечатление что люди просто привыкли и им даже не хочется подумать о том, как можно что-то улучшить, ускорить процесс взаимодействия программистов и дизайнеров и т.д.
Вы можете со мной не соглашаться, я не говорю что FW лучше фотошопа, просто как по мне у PH сфера применения должна быть другая. И складывается порой впечатление что люди просто привыкли и им даже не хочется подумать о том, как можно что-то улучшить, ускорить процесс взаимодействия программистов и дизайнеров и т.д.
Может только потому, что (веб-)дизайнеры «путем олигополического сговора» заставили заказчиков и работодателей ожидать от них только художественного решения, а не художественно-технического? Требования в ТЗ на разработку эскизного проекта интерфеса типа:
Технически структура макета должна облегчать дальнейшую с ним работу, должны широко использоваться такие возможности графического редактора как слои и блоки, по возможности с именами (на английском языке), отражающими не их вид, а их назначение в макете или интерфейсе (не left_blue_box, а menu_sidebar), желательно явно семантически коррелирующие с элементами языка разметки HTML5 (header, footer, section, sidebar и т. п.)не говоря о
При разработке Макета должно быть уделено максимум внимания на простоту дальнейшей разработки Кода на его основе, должны максимально использоваться графические инструменты и эффекты, имеющие аналоги в языке стилей CSS, используемого в современных браузерах (включая ещё не стандартизированные Консорциумом Word Wide Web свойства, но реализованные в основных популярных браузерах в “префиксной” форме, такие как градиенты, границы с использованием скруглений и изображений, трансформации изображений, прозрачность, тени и т. п.), минимизируя необходимость при дальнейшей разработке использовать множество внешних (экспортируемых из Макета) изображений, особенно необходимость ссылаться на них из HTML-кода (тег IMG и т. п.) или вводить в него элементы (div, span и т. д.), служащие исключительно для визуального оформления. Растровые изображения, использование которых является необходимым для реализации художественного замысла разработчика, должны быть максимально подготовленны для масштабирования по вертикали и горизонтали.. если не заставляют их отказываться от работы, то «заставляют» увеличивать цену в цену в разы.
Аргументация второго для меня выглядит как аргументация архитектора (тоже по сути дизайнера): «я вам здание нарисую, но есть ли материалы из которых можно его построить и, тем более, сколько они стоят, меня не волнует. Ах, да, ещё я оставляю за собой право авторского надзора, чтобы вы не дай бог вместо стены в 99 мм шириной, не сделали 100 лишь потому, что стандартная панель в 10 раз дешевле сделанной по индивидуальному заказу».
Из-за 1 мм, бывает, дома падают и ракеты не взлетают.
Если бы все начали придерживаться похожих правил, годах эдак в 90-х, мы бы до сих пор видели бы только вот такие сайты. Ведь такие сайты стоят явно дешевле, чем «панели по индивидуальному заказу». А если никто тенюшек не рисует и градиентов не придумывает, то нафига нам вообще CSS, 3D-движки и тому подобное? Можно вообще было остаться на чёрно-зелёных компьютерах, управляемых через командную строку, ведь всё остальное придумывать и реализовывать дорого и лениво, лучше напишем правила для всех, что бы не вздумали использовать и придумывать то чего по умолчанию система не умеет.
Если бы все начали придерживаться похожих правил, годах эдак в 90-х, мы бы до сих пор видели бы только вот такие сайты. Ведь такие сайты стоят явно дешевле, чем «панели по индивидуальному заказу». А если никто тенюшек не рисует и градиентов не придумывает, то нафига нам вообще CSS, 3D-движки и тому подобное? Можно вообще было остаться на чёрно-зелёных компьютерах, управляемых через командную строку, ведь всё остальное придумывать и реализовывать дорого и лениво, лучше напишем правила для всех, что бы не вздумали использовать и придумывать то чего по умолчанию система не умеет.
Подразумевается, что архитектор нарисовал, а инженеры изменили не просто так, а провели прочностные расчеты и т. п.
Речь не о красоте, а о том, что дизайнеры часто не думают чего эта красота будет стоить. Абстрактная ситуация: человек придумал идею бизнеса в инете, узнал расценки на дизайн (условно 30к), верстку (10к), движок (10к), взял кредит 50к, заказал дизайн и движок. Всё сделали, осталось дизайн сверстать и на движок натянуть, а верстальщик глянул и говорит, что меньше чем за 50к он ТАКОЕ верстать не будет, скажем потому что дизайнер сделал все треугольными блоками, которые в HTML никак не поддерживаются. Всё, бизнес накрылся, 40к убытков.
Речь не о красоте, а о том, что дизайнеры часто не думают чего эта красота будет стоить. Абстрактная ситуация: человек придумал идею бизнеса в инете, узнал расценки на дизайн (условно 30к), верстку (10к), движок (10к), взял кредит 50к, заказал дизайн и движок. Всё сделали, осталось дизайн сверстать и на движок натянуть, а верстальщик глянул и говорит, что меньше чем за 50к он ТАКОЕ верстать не будет, скажем потому что дизайнер сделал все треугольными блоками, которые в HTML никак не поддерживаются. Всё, бизнес накрылся, 40к убытков.
Не хочу вас обидеть, но кому это нужно? Сложный макет верстается за один рабочий день, если не быстрее. На производные от него макеты уходит в 3-5 раз меньше времени. При этом я целиком и полностью контролирую процесс, стараясь на ранних этапах предупреждать проблемы кроссбраузерности и т.п. Разве это можно будет автоматизировать? Я вижу только возможность автоматизации разметки лейаута, но это не та задача, которую следует решать таким тернистым путем. Она вручную решается за 15 минут. Поправьте, если я не понял вашу идею.
завтра может в скайп позвоню тоже есть идеи но не все так прекрасно. Мы все равно упираемся в какой то шаблонизатор.
Рискну вбросить мысль о том, что фотошоп как инструмент для создания сайтов не нужен в 99% случаев. Нужен инструмент, который позволит дизайнеру по завершению работы сделать экспорт в HTML/CSS (разумеется не так погано как это делает Fireworks, к примеру). Таким образом верстальщики (преобразователи дизайна в код разметки) станут не нужны, что в общем-то логично ибо в 21-м веке пора уже роботизировать рутину, а востребованы станут фронт-эндщики, прикуручивающие всякие анимации.
У нас в фирме обсуждалась идея создания подобного софта. Идея базировалась на выделении из псд-файла блоков методом выделения области и применения к этой области определённого набора заранее известных скриптов/кусков кода (чем-то для некоторых, может напоминать редактор музыки или видео). После чего все эти блоки компилируются в один макет. Даже думали на кикстартер выложить, в идеале — было бы очень полезным инструментам для людей, которые ничего не понимают в создании сайтов, или не имеют времени/средств для его создания, особенно со своим (дизайнерским) дизайном, простите уж за туфтологию.
Столкнулись вот с какой трудностью: нужно создавать второй инструмент, который будет проверять вёрстку на кросс-браузерность, т.е. Аналог IE-tester, но для Всех браузеров. Что является второй неплохой идеей… если, конечно, уже таких совтин нету.
Столкнулись вот с какой трудностью: нужно создавать второй инструмент, который будет проверять вёрстку на кросс-браузерность, т.е. Аналог IE-tester, но для Всех браузеров. Что является второй неплохой идеей… если, конечно, уже таких совтин нету.
Не обязательно писать проверочный софт. Основные непонятки при отображении обрабатываются на этапе разработки. К примеру, для того, чтоб задать прозрачность для блоков включая более ранние версии браузеров надо написать такие стили:
.block {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
и т. д.
Скорее всего, изначально все подобные ситуации не охватить, придется дописывать по мере поступления багов.
.block {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
и т. д.
Скорее всего, изначально все подобные ситуации не охватить, придется дописывать по мере поступления багов.
Это похоже на запись из блога проекта.
(1 конвертация стоит 99 руб.)
Хотите создать HTML верстку сайта абсолютно бесплатно?
—
Разместите пост содержащий партнерскую ссылку на своем web ресурсе, в блоге, в социальной сети (вконтакте, фейсбуке, твиттере, ...), на форуме и т.п.
—
Мы подарим 2 HTML/CSS верстки за каждую запись..
(1 конвертация стоит 99 руб.)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Автоматизация вёрстки