[Перевод] Дизайн страницы в принципе должен означать написание HTML и CSS

внешний интерфейс Программа перевода самородков дизайн HTML CSS

Во время пузыря доткомов в конце 90-х я сделал кучу вырезок в Photoshop. Как вы знаете, дизайнер нарезает файл PSD и передает его резчику, чтобы сшить его в HTML, что трагично.

Эти макеты всегда ориентированы на идеальное соответствие пикселей, но это постепенно искажает и отклоняется от сути сети. Разнесенные пиксели, помните? Исходные материалы, которые мы используем для создания веб-страниц, особенно HTML, а затем и CSS, делают то, чего не должны делать.

Позже мне посчастливилось работать с дизайнерами, которые действительно знали HTML и CSS. Это вдохновило меня, не только заставило меня почувствовать дизайнявляется частью веб-страницы, вместопросто складываю, опыт всегда лучше для меня. Мы меньше сосредотачиваемся на его представлении и больше на его роли.

Я думаю, что во многом это связано с тем, что это реально. Создавайте циклы обратной связи, которые работают с реальным кодом HTML/CSS, поскольку он предназначен для развертывания позже, предоставляя дизайнерам обратную связь из реального мира, чтобы сделать его лучше. А тот факт, что дизайнеры способны выполнять работу самостоятельно, сделает петлю обратной связи еще короче. Если никаких изменений не происходит, других людей просят внедрить изменение, подумать о его эффективности, а затем повторять процесс снова и снова.Это процесс изменения, проверки, изменения и так далее.

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

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

В Basecamp веб-дизайнеры пишут HTML, CSS и необходимый код JavaScript и Rails! Это означает, что они могут совершенно независимо воспроизводить свои дизайнерские идеи в реальном приложении! Во многих случаях код JavaScript и Rails можно запустить после краткой консультации с программистом.

В других случаях работа по программированию более сложна, и с ней будет работать специальный программист, который завершит запуск функции. Я не могу описать словами, как приятно работать с дизайнером, который знает ограничения дизайна страниц, и мы можем сделать больше работы, чем любой человек в одиночку. Когда вы пересекаетесь в основах, вы чаще будете на одной странице. (Хотя мы все еще торгуем концессиями!)

Можем ли мы найти такого хорошего дизайнера единорогов? Может быть, я полагаю? Как кто? Скотт, Джей-Зи, Коннор, Джонас, Райан и Джейсон выросли и стали дизайнерами, которыми они являются сегодня, благодаря своей постоянной приверженности своей работе. Не поддавайтесь пренебрежительному отношению других людей или ерунде типа «для них это слишком сложно».

Теперь эта проблема также связана снасКак сделать веб-страницы. Basecamp — известная и, возможно, менее известная компания, в зависимости от того, кого вы спросите, компания, которая не хочет знакомиться со сложным новым миром тяжелых спа-салонов. Мы используемРендеринг на стороне сервераи использоватьTurbolinksа такжеStimulusПостроить. Все инструменты, используемые дизайнером, доступны и практичны, так как дизайнер в основном ориентируется на HTML и CSS и немного на JavaScript для взаимодействия.

Это не похоже на секрет! На самом деле фреймворки, которые мы разработали в Basecamp и которые позволяют дизайнерам работать таким образом, имеют открытый исходный код. Хотя среда JavaScript теперь недружелюбна к дизайнерам, даже как техногенная катастрофа, по-прежнему можно делать разные выборы и получать разные дизайны.

Одно можно сказать точно: я не вернусь в прошлое! Не возвращайтесь к темным векам дизайнеров, которые не могли заставить свои проекты работать независимо, изменять их напрямую и развертывать вживую!

Я также не хочу возвращаться к идее о том, что вам нужна команда экспертов, состоящая из очень небольшого числа людей, чтобы что-то делать. Этот «полный стек» несколько ироничен, а не делает дизайнеров самодостаточными. Дизайнеры перегружены концептуальными требованиями к своему творчеству, и их следует поощрять к тому, чтобы они научились представлять свои идеи, используя исходные материалы веб-разработки (HTML, CSS и JS). Идея полного стека не нужна, спасибо!

Разработка современной веб-страницы, которая радует пользователей восхитительным дизайном, — это не громоздкий сложный лабиринт. Это именно то, что мы делаем!

Если вы обнаружите ошибки в переводе или в других областях, требующих доработки, добро пожаловать наПрограмма перевода самородковВы также можете получить соответствующие бонусные баллы за доработку перевода и PR. начало статьиПостоянная ссылка на эту статьюЭто ссылка MarkDown этой статьи на GitHub.

Программа перевода самородковэто сообщество, которое переводит высококачественные технические статьи из Интернета сНаггетсДелитесь статьями на английском языке на . Охват контентаAndroid,iOS,внешний интерфейс,задняя часть,блокчейн,товар,дизайн,искусственный интеллектЕсли вы хотите видеть более качественные переводы, пожалуйста, продолжайте обращать вниманиеПрограмма перевода самородков,официальный Вейбо,Знай колонку.

Категории