Вопрос веб-дизайнерам: В чем создавать дизайн?

Макеты рисуются в растре.

В gimp или в inkscape. Или в обоих сразу.

Ну а потом верстать, так как:

где создается непосредственно html-ка?

выдаёт говнокод, уж простите.

Может я делаю неправильно, но делаю изначально всё в Виме. В графических редакторах только с графикой работаю.

хм, мне больще нравится в какой-нибудь Xara рисовать

Можно мне, дураку, объяснить, зачем что-то в гимпе рисовать? Открываем текстовый редактор и ваяем - как иначе?

обычно это делается в Photoshop :)

В текстовом редакторе рисовать сложно.

Сайт начинается с макета.

Сайт начинается с макета

Вроде «здесь будет шапка, здесь боковая колонка, а здесь - основное содержание»? Это можно и на листочке бумаги набросать, или в либреофисе табличку сделать.

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

Это разные подходы просто. Зависит от сайта. У тех же 37signals(создателей рельсов) было описано, что они тоже макеты делают только на бумаге, а сам сайт создают уже в виде html.

Просто есть вещи, которые действительно можно прикинуть в голове и сразу же набросать стиль, а потом понемного подстраивать. Но если страница сложная, то лучше с макетом: переместить кнопочку с одного места на другое при этом на порядки проще, и не нужно думать о реализации этого всего на убогом html и css.

градиенты, фоны, кнопки, цвета, картинки и так далее

А, вы про вырвиглазные говносайты…

Сейчас хоть и стала опять модной квадратность и плоскость интерфейсов, но таки есть очень симпатичные дизайны из начала-середины веб 2.0.

Ну, к счастью, у меня есть firefox. И все веб-сайты, каким криворуким бы не был «дизайнер» выглядят у меня почти одинаково: серый фон, черные буквы, красные посещенные ссылки, зеленые непосещенные.

ужас)

Точно ужос

как-то делал макет в dia. показалось удобным, т.к. можно просто таскать элементы мышкой, просто переименовывать что-то. ну и экспорт в несколько выходных форматов.

Как минимум, в Inkscape.

Artisteer же

а вообще лучше даже не в dia, а в office'е - там ширину можно сразу задавать, вообще оформление подгонять под вид того же ff, [гипер]ссылки можно делать, демонстрировать заказчику дизайн в действии. но я так не делал никогда :)

> Artisteer же

он хорошо работает в wine?

Ужас - это когда каждый сайт пытается друг друга переплюнуть ядовитыми цветами.

Siado

gimp

Adobe Ps/Ai/Id

он хорошо работает в wine?

Понятия не имею, но насколько я знаю, есть версия под моно...

> Ужас - это когда каждый сайт пытается друг друга переплюнуть ядовитыми цветами.

Наверное, серый, черный, красный, зеленый в сочетании - легкие и приятные на глаз оттенки.

Мне нравится!

Еще не так плохо, я думал, фон черный. Но все равно дизайн важен.

У тебя какой-то неправильный фаерфокс и какие-то неправильные сайты. УМВР.
Хотя, ты мог столкнуться с явлением «говнодизайна».

ПИ***Ц.

Важно содержание, а не дизайн!

Важно ВСЁ

Ну, приведите пример какого-нибудь сайта, который будет смотреться в стандартном оформлении лучше, чем у меня!

Полужирный подчёркнутый текст - признак дурновкусия.

http://blog.notdot.net/2007/4/Damn-Cool-Algorithms-Part-1-BK-Trees
http://en.cppreference.com/w/cpp/container/vector/insert
http://cutehacks.com/
http://www.reddit.com/r/all/
https://plus.google.com/u/0/115060278409766341143/posts/ViaVbBMpSVG
http://www.mongodb.org/
http://my.opera.com/desktopteam/blog/2011/11/07/mail-goes-two-lined-and-grouped

Да почти любой сайт будет смотреться лучше.

Ужас!

Любой, которым занимались опытные профессиональные дизайнеры. Гугл, фейсбук, яндекс, твиттер, store.apple.com . Еще красиво смотряться хорошо сверстанные сайты в стиле газеты - лента, elementy.ru . Бывают красивые веб-приложения, типа gmail или chrome web store.

Лучше всегда смотреть на результат работы так, как это задумывал автор.

Лучше всегда смотреть на результат работы так, как это задумывал автор.

Ага, с белым/голубым/черным/другим вырвиглазным фоном, «радугой» по веб-странице, уйме картинок и т.п.? Нет уж, спасибо!

как страшно жить

Набросок на бумаге карандашом.

Потом, если есть заказчик - грубый макет в векторе (в нем проще выполнять манипуляции «а логотипчик сдвиньте влево..»).

Финал в фотошопе.

Потом в фаерфоксе плагин pixel perfect и надрачиваешь десяточку =)

> зачем что-то в гимпе рисовать?

чтобы получилось красиво, а не как всегда

Дизайн - тоже содержание.
Если дизайн не несет смысла, он не нужен.
Слава богу, хороший дизайн смысл несет.

Профи обычно используют InDesign (например, Тёма), Fireworks, ну и Photoshop, кто не знает первые два :)

Из свободных редакторов, имхо, можно использовать Scribus, Inkscape (но аналога именно Fireworks похоже нет), GIMP. А вообще, всё зависит от сайта, а то и в OpenOffice.org Draw нарисовать можно (эх, был бы он не такой тормозной).

Настоящие вимеры даже дизайн рисуют в виме.

>Мне нравится

Ты дальтоник? Цвет нормальным людям тоже информацию несёт.

>Можно мне, дураку, объяснить, зачем что-то в гимпе рисовать? Открываем текстовый редактор и ваяем - как иначе?

Проще разделить работу по проектированию визуального интерфейса и вёрстке. Нарисовать в общем случае быстрее, чем это ещё и сверстать правильно.

Мне глаза жалко. А так содержимое веб-страниц отлично гармонирует с темой GTK.

>Можно мне, дураку, объяснить, зачем что-то в гимпе рисовать? Открываем текстовый редактор и ваяем - как иначе?

Кстати, тут ещё один интересный момент. Всем известно, что мощь высказываний зависит от мощи используемого для высказываний языка. Таким образом, при выражении мыслей с помощью HTML (а не с помощью графического редактора) мы неизбежно начинаем упираться в ограничения выражения графических образов через язык HTML. Ещё раз: для выражения графической информации ты предлагаешь использовать мало предназначенный для этого язык HTML. Понимаешь?

для выражения графической информации ты предлагаешь использовать мало предназначенный для этого язык HTML

Я не понял: вам []шашечки или ехать сайты делать или картинки рисовать?

Html'я почти достаточно для верстки веб-страниц. В нем не хватает лишь некоторой латехоподобности (для возможности создания макросов и новых тегов), но этому недостатку на помощь приходят CSS и JS.

На HTML-е труднее «думать» графическими образами, чем просто взять и нарисовать это в графическом редакторе, а потом сверстать уже оттуда готовый графический образ. А раз думать труднее, то и мощь мысли будет не так проявляться.

Иногда дизайнеры рисуют такие макеты, что можно днями медетировать, как же это реализовать на HTML