Если у вас есть в уме, на бумаге или на экране изображение вашего веб-сайта, как вы должны его реализовать? Используете Adobe Creative Suite? Текстовый/HTML-редактор?
Насколько я понимаю, в прошлом люди «нарезали» изображения, но сейчас это кажется устаревшим. Я не графический дизайнер, но я разрабатываю сайты случайно (для себя), и я хочу знать, каковы современные лучшие практики. Я намерен использовать HTML5, CSS3, серверные (python) и клиентские фреймворки (Javascript).
Зависит от того, что вы подразумеваете под «каркасом».
Если вы хотите, чтобы подробный эскиз показывал функциональность без фактического кодирования, я считаю, что Wireframe Sketcher является полезным промежуточным шагом между «макетом в продукте Adobe» и «готовым CSS/HTML».
Если вам нужен веб-сайт, который действительно работает, но не имеет изображений, контента или наворотов, просто закодируйте его, как обычно, но используйте поля и текст-заполнитель Lorem Ipsum.
В наши дни, как только каркас создан, я просто использую BBEdit и браузер для построения каркаса.
Приложения для работы с изображениями — Photoshop, Illustrator и др. др. - используются для создания отдельных элементов, но становится все реже создавать целую страницу в приложении для рисования / рисования, а затем нарезать ее. Во многих случаях гораздо эффективнее просто кодировать.
Теперь я обобщаю до некоторой степени. Во многом это зависит от дизайна сайта. Есть некоторые сайты с интенсивным использованием изображений, которые необходимо создать графически, а затем разбить на соответствующие фоновые изображения или элементы для использования в CSS.
е100
Эмре
е100
Эмре
Лорен-Клир-Моника-Ипсум
Эмре
контур