Веб-дизайн что использовать Photoshop или Illustrator?

Я не согласен с ответом Анаксунамана в отношении Photoshop. На днях у нас был аналогичный вопрос, на который я ответил ( Организация PSD для разработчиков ), где я упомянул, что в эту развивающуюся эпоху мы, как дизайнеры и программисты, должны развиваться вместе с рабочим процессом, а использование Photoshop является архаичным и больше не имеет смысла в веб-дизайне, поскольку ЭФФЕКТИВНОЕ средство развития. Это по-прежнему отличный инструмент для обработки фотографий, но использовать его для реализации дизайна веб-сайта для меня бессмысленно.

Я рекомендую (ссылка: Каковы этапы разработки веб-сайта? ), что лучший подход может быть достигнут с помощью Illustrator, особенно с использованием монтажных областей. Хотя я не имею в виду дизайн всего сайта в Illustrator, я говорю о каркасе и макете. Вы по-прежнему должны создавать в браузере, но если вы создаете какие-либо значки, их можно завершить в Illustrator и экспортировать. Если вы собираетесь разрабатывать брендинг или что-либо, связанное с печатью, я, безусловно, надеюсь, что разработанный вами логотип имеет векторную форму, и эту векторную форму можно сохранить как SVG для масштабируемого изображения в адаптивном веб-дизайне. Таким образом, простой макет или любой значок, связанный с ним, можно экспортировать в виде кода SVG и включить в документ XHTML (ссылка: я сделал карту в AI, но размер файла ОГРОМНЫЙ как svg?)

Что касается темы кодирования, я считаю, что Dreamweaver бесполезен и является пустой тратой денег, и если вы спросите в нескольких компаниях, занимающихся веб-разработкой, с которыми я разговаривал, они посмеются над Dreamweaver. Это нормально для новых пользователей, но люди, с которыми я работал, которые начали использовать Dreamweaver, в значительной степени полагались на область предварительного просмотра дизайна вместо работы над кодом, а завершение кода — плохая привычка для новичка-кодировщика. Вы не запомните, как правильно писать код, если всегда будете использовать автозавершение кода с самого начала. Есть несколько отличных и мощных бесплатных редакторов кода, таких как Notepad++, Text Wrangler (я предпочитаю платный BBEDit) и Sublime Text.

Итак, краткий обзор вашего вопроса «Веб-дизайн, что использовать в Photoshop или Illustrator?»: в обоих случаях для обработки изображений используются Photoshop и Illustrator для логотипа, макета, каркаса, значков и всего, что может быть выполнено как SVG. После того, как ваш макет будет готов, я буду работать в редакторе кода и разрабатывать остальную часть вашего сайта.

фотошоп или иллюстратор?

Да. А также вероятно

• бумага
• карандаши
• инструменты каркаса
• JavaScript
• HTML
• css

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

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

Тем не менее, если вы не занимаетесь непосредственным кодированием (только макеты и экспортируете элементы для использования и т. д.), Photoshop, безусловно, является наиболее широко используемым продуктом. Клиенты могут захотеть или ожидать, что вы будете использовать этот продукт, и аналогичным образом третьи стороны, которые доставляют вам продукцию (например, если вы передаете работу над логотипом на аутсорсинг), могут доставлять вам свои готовые продукты в формате .psd. Таким образом, настоятельно рекомендуется иметь копию Photoshop, независимо от того, что вы решите делать изо дня в день.

Для вашей собственной работы функции Illustrator и Photoshop достаточно схожи, вы, безусловно, можете адаптировать Illustrator для создания интерфейсных веб-дизайнов (графических частей). Простой поиск в Google дал этот результат для некоторых основных настроек CS5, которые могли бы помочь веб-дизайнерам. Помните, что Illustrator больше нацелен на векторные изображения и печать, поэтому при использовании для веб-дизайна может потребоваться немного нестандартного мышления.

Adobe Dreamweaver занимает второе место после Photoshop в списке почти обязательных программ, вероятно, по крайней мере, если вы будете кодировать свой дизайн. Для начального уровня работы с кодом (и некоторых проприетарных проблем) Adobe Muse является своего рода альтернативой Dreamweaver. Конечно, есть много других прекрасных продуктов, которые делают то же самое, но, опять же, популярность выбирает Dreamweaver.

Кроме того, есть несколько хороших бесплатных редакторов кода, таких как MS Visual Studio Express, Komodo и Notepad++ (и вы даже можете использовать MarkdownPad для некоторой базовой работы с контентом). Что вы теряете, не используя Dreamweaver, так это WYSIWYG, в основном, поскольку другие продукты имеют завершение кода и т. д. Но если вы действительно хотите WYSIWYG без Dreamweaver, есть и другие продукты.

Если вам нужна невекторная растровая альтернатива Illustrator, которая не является Photoshop, вы, вероятно, можете использовать продукты Corel, если хотите, или программу Gnu Image Manipulation Program (GIMP) с открытым исходным кодом. Преимущество GIMP (как и упомянутые мной альтернативные редакторы кода) в том, что он бесплатный.

Любые хорошие инструменты, которые вы используете, должны (будут), вероятно, иметь какую-то опцию «нарезки» для экспорта конечных элементов из вашего макета (при условии, что они еще не отсортированы и не сохранены отдельно). Кроме этого, на мой взгляд, очень мало «обязательных» функций, за исключением удобства.

Честно говоря, вы буквально могли бы сделать весь свой веб-дизайн с помощью MS Paint и Блокнота, если бы вы были достаточно осведомлены ...

Вы можете использовать оба для веб-дизайна в зависимости от вашего выбора, но когда дело доходит до создания веб-дизайна/каркасов на раннем этапе, Illustrator намного быстрее и проще в использовании для этой задачи.

Мне также нравится фейерверк для дизайна веб-сайтов. Интересный пост - http://boagworld.com/design/fireworks-vs-photoshop/

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

Если вы можете позволить себе творческое облако, я рекомендую следующее:

1. Adobe Muse CC для проволочного каркаса и макетирования
2. Adobe illustrator CC для иконок, логотипов и любых других иллюстраций
3. Adobe Photoshop CC для обработки и редактирования фотографий

В Adobe Muse происходит все волшебство. Он был создан некоторыми людьми, создавшими InDesign, и был разработан таким образом, чтобы дизайнеры полиграфии могли публиковать веб-сайты в прямом эфире в Интернете, не написав ни единой строки кода.

Макеты больше не обязательно должны быть в формате pdf, вместо этого вы можете создать адаптивный дизайн, чтобы клиент действительно почувствовал, как это работает в реальном мире. Но если вы по-прежнему хотите создавать презентации в формате PDF, я предлагаю вам загрузить расширение Chrome для Chrome Awesome, потому что вы не можете экспортировать PDF-файлы из png-файлов из muse; ну не то, что я знаю в любом случае?

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

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