Веб-дизайн программы.

Существуют ли идеальные программы для веб-дизайна?
Для меня главное в любой программе, которую я использую, - это надежность, выполняемые функции и удобство использования.
А как насчет пользователя этих программ? И каким он должен быть? Естественно, что разные программы для веб-дизайна сделаны для разного уровня пользователей. Есть программы, которые делают сайты сами :) Есть громадные комбайны, которые требуют от пользователя лишь поверхностных знаний html+css и вместе с тем жрут очень много системных ресурсов. А есть иной вид программ, которые ничего не делают за разработчика, а просто являются отличными помощниками, а не "заменой мозга". К классу таких программ относится любой хороший редактор кода, к примеру textmate для Mac или e-texteditor для PC.

Вот мой список программ для веб-дизайна:
Adobe Photoshop
Adobe Illustrator
e-texteditor
Mozilla Firefox + firebug

Взять к примеру Adobe Photoshop. Лучшего редактора растровой графики я не знаю. Он может делать с изображениями все. Единственное ограничение - мозги пользователя.
Illustrator - лучший редактор векторной графики. Если рисуешь логотип или любую другую илюстрацию - это лучший выбор.
e-texteditor - винодовый textmate. Если знаешь html+css и любишь простоту и скорость работы.
Mozilla Firefox + firebug - лучший друг веб-разработчика. Firefox - браузер, который поддерживает в полной мере веб-стандарты. firebug - надстройка для Firefox, позволяющая быстро и эффективно находить ошибки и не только.

А что используте вы?

Hаучиться веб дизайну

Как вы думаете можно ли научиться веб дизайну?

И как? Что необходимо делать?

И  что главное в веб дизайне?

Все таки дизайн - это решение конкретных функциональных задач. Это решение задачи взаимодействия с пользователем. Дизайн - это не красота. Вернее сказать, дизайн - это не только красота. Это забота о пользователе. Сегодня прочитал интересную мысль, что дизайнер должен выступать адвокатом пользователя перед своим заказчиком. Очень часто заказчик хочет "просто красиво". Как много можно вместить в это слово "красиво". Или еще "Хочу такой же дизайн как на сайте [...]" Абсурд. Что, полностью передирать дизайн? Немножко изменить, немножко подправить и все? В этом что ли задача дизайнера? Не думаю. Дизайнер создает связь, создает коммуникацию с пользователем. Вот так.

И еще немного о вкусе. Конечно, у каждого он свой. Но иногда... возникает такое ощущение что над дизайном некоторых сайтов потрудился всем известный стилист "небритая мальвина в унтах" парикмахер Сергей Зверев.

Надо все таки развивать чувство вкуса. Избегать вульгарности. А вкус развивать можно - просто смотря на работу профессионалов и пытаясь следовать их идеям. Например на таких веб-галлереях:

Web Creme
FAVEUP
CSSREMIX
Design Shack
CSSelite.com
The FWA
Pattern Tap
Make Better Websites
Smashing Magazine
cssheaven.com
CSSline
CSS Mania
DesignBombs
The Best Designs
Best Web Gallery
siteInspire

Вернемся все таки к вопросу "научиться веб дизайну". Что для этого надо делать?

Смотреть хорошие профессиональные сайты. И для начала копировать. Пытаться повторять работу мастеров. Вот тут и ожидает засада. Потому что не будешь знать с какого бока подступиться. Но надо не боятся, а действовать. Главное действие. И еще вторая засада - недостаточно знаний и умений. Самое интересно, что пока не делаешь, то не замечаешь что у тебя недостаточно знаний и умений, а тут - на... получи фашист гранату. 

Честно говоря, даже сам не знаю какой вывод сделать из своих же слов. Думаю, что самое главное - это что-то делать для того, чтобы научиться веб дизайну. А остальное, как говорится, приложится. 

Упражнение для молодых веб дизайнеров

CSStricks предлагает такое незатейливое упражнение, чтобы продвинуться непродвинутому веб-дизайнеру:

1. Найти сайт, дизайн которого вам нравиться больше всего. Для этого можно погулять по дизайн галлерее какой нибудь.
2. Откройте вашу любимую дизайнерскую программу (в нашем случае конечно же Photoshop) и попытайтесь скопировать сайт полностью. Сделав скриншот любимого сайта, сверяйтесь с ним. 
3. Во время копирования вам будут приходить в голову свои собственные дизайнерские идеи. Не сдерживайте себя.
4. Конвертируйте свой псдэшник в хтмл-цсс.
5. А теперь внимание - повторите.

5 советов при изучении веб-дизайна

1. Делать ошибки нормально. Вообще то, это может быть хорошо.
   
2. Будьте терпиливы.
3. Если не получается - отдохните.
4. Делайте страницы, делайте сайты, практикуйтесь.
5. Не сдавайтесь.

killersites.com - об этом подробнее и по-английски.

Веб-дизайн. Дизайнер Twitter.

Vitor Lourenço - 21 летний чувак, который делал дизайн для Твиттера. Вот его твит. Вот его сайт. В разделе work его портфолио. Мне очень нравиться такой легкий и понятный дизайн.

Веб-дизайн. 8 БЕСПЛАТНЫХ онлайн сервисов для построения сайта.

Если кроме браузера у дизайнера ничего нет, то он все равно голодным не останется. Потому что он не пальцем делан и использует:

1. Wix  - простая и в то же время мощная платформа для создания Flash сайтов и всякого разного. Куча шаблонов дизайна, анимационные эффекты, фотоальбомы, Google maps и RSS. Можно также импортировать фотографии из Fliсkr и видео из YouTube. Созданные сайты можно там же и хостить, но для этого надо платить бабулесы.
2. Weebly - драг анд дроп интерфейс позволяет добавлять видео, картинки, карты, текст. Для начала нужно выбрать любой из стандартных шаблонов дизайна и потом его приспособить для себя.  Сайты будут иметь вид pagename.weebly.com, но также есть возможость использовать свой домен.
3. Webs (в Одессе известный также как FreeWebs) - это вообще жесть в самом лучшем смысле этого слова. Много, много, очень много функций. Вплоть до интеграции сайта с платежными системами. Пару кликов - и у вас полноценный сайт для электронной коммерции. Можно также создать свою собственную социальную сеть. Круто? Единственный недостаток - это не самый легкий сервис для пользователя. Более 20 миллионов сайтов было создано с помощью этого сервиса. 
4. Webnode - Вордовский интерфейс, легкий в использовании, есть что-то вроде CMS. Самый интуитивно понятный сервис.
5. Jimdo - тот же Webnode , только в профиль.
6. Sprout Builder - для быстрого создания мультимедийных сайтов. Мощный дизайн-интерфейс, но, опять таки, не такой простой и понятный рядовому пользователю. Для уникального дизайна.
7. Viviti - это больше похоже на CMS с меньшим закосом под дизайн.
8. SynthaSite - тот же Microsoft Publisher, только в онлайне.

Все это, дорогой читатель, я прочитал на WebDeigner Depot.

10 правил хорошего дизайна

1. Создавайте коммуникацию, а не декорации.
2. Пользуйтесь визуальным языком.
3. Используйте максимум две гарнитуры. Ладно, может три.
4. Осмысленно подбирайте цвета.
5. Если можно обойтись меньшим, то так и делайте.
6. Просветы и пустоты волшебны — используйте их, а не просто забивайте чем-то.
7. Обращайтесь с текстовым набором как с изображением, будто он настолько же важен.
8. Не будьте субъективны; помните, что делаете не только для себя.
9. Будьте убедительны. Делайте всё целенаправленно — или не делайте вообще.
10. Симметрия — абсолютное зло.

Статья с Хабрахабра.

Громадная RSS иконка на github.com/blog

Я видел большие RSS иконки, но эта больше всех виденных, зайдите на блог GitHub и посмотрите сами. Хотя, если подумать,  дело свое иконка делает - внимание привлекает на 100%. Вот даже я, такой ленивый человек, бросился про нее писать.

Разработка макетов: а давайте в этот раз не будем спрашивать уборщицу?

Очень поравилась хабростатья "Разработка макетов: а давайте в этот раз не будем спрашивать уборщицу?"

The 100% Easy-2-Read Standard

Чудеснейшая статья про оформление и организацию текста в вебе (англ.)

Вкратце - это про то, почему размер букв должен быть большим, почему должно быть много активного свободного пространства, и высота строк должна быть от 140%

Кому надо переведет, кто не сможет, может хоть коммент напишет :)

Сайт бывшего дизайнера Apple

В поисках вдохнования забрел на www.wilsonminer.com
И сайт меня просто поразил. Своим изяществом и простотой. Зашел в About  и оказалось, что этот чувак 10 лет проработал в Apple интерактивным дизайнером. В списке его работ есть также главный сайт замечательного питоновского фреймворка - Django, а также сайт Apple

Все его работы лично меня поражают. Как можно с таким минимумом графики используя практически только типографику добиться такой красоты и выразительности? Никакого мусора, все четко и ясно. Это просто супер!

Всем рекомендую зайти и посмотреть

Свежие шрифты

Читал блог Насти Мано про свежие шрифты и пошел по ссылке на шрифты Джека Юзина (Jack Usine). Ссылку добавил в ссылки на этом блоге. Буду пользоваться сам, чего и вам желаю.

CSS сборник хаков

http://habrahabr.ru/blogs/css/43318/

Совершенный резиновый макет

здесь

Три способа сделать деньги веб-дизайном и не только

Дизайн тем для разных CMS

http://themeforest.net/ - здесь можно продавать дизайн тем для разных CMS и т.п.

Аудио - дизайн

http://audiojungle.net/ - здесь можно продать  звуки, семплы и т.п., так сказать аудио - дизайн

flash - дизайн

http://flashden.net/ - здесь можно продавать свой flash - дизайн