CSS-дизайнеры ограничивают себя ** заранее ** макетами, которые может обрабатывать CSS?

Question

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

• http://echochamber.me/viewtopic.php?f=11&t=40154
• http://www.flownet.com/ron/css-rant.html
• http://blog.workaround.org/2009/03/17/dont-abuse-css-for-page-layout/

Вы, как дизайнеры CSS, ограничиваете себя авансом проектами, которые CSS может обрабатывать? Должен ли я избегать вещей, которые кажутся совершенно легкими, на самом деле трудно сделать с помощью CSS?

Answer 1

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

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

Answer 2

Почему?

Если вы «проектируете», почему вы ограничиваете себя, основываясь на ограничении одной технологии? Когда вы разрабатываете свой сайт, вы всегда должны стараться создать максимально удобный интерфейс для пользователя.

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

Answer 3

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

Но есть и те, кто мечтает о новых мечтах и ​​создает новые вещи. Какой-то флоп, какой-то блеск.

Стоит ли ограничивать себя в зависимости от того, что CSS может делать с макетами? Не полностью. Я говорю мечтай о большем.

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

Answer 4

Большинство макетов, которые я нахожу, можно сделать с помощью CSS. Исключений очень мало (обычно это делается для вертикально центрированного текста).

Для меня основным фактором, который ограничивает мои проекты, является нежелание использовать огромные фоновые изображения. Если эффект не может быть достигнут путем объединения / повторения нескольких крошечных изображений bg, я склонен отклонить или настроить его. Например, диагональный градиент на коробке с изогнутыми углами, которые могут быть любой высоты, может попасть в эту категорию с помощью CSS2.1

Answer 5

При реализации веб-дизайна (при условии, что у меня есть изображение / рисунок того, как будет выглядеть сайт), я всегда выполняю следующие шаги:

1. Я смотрю на дизайн и определяю, какие компоненты он имеет. Примерами являются области навигации, заголовки, области содержимого и т. Д.
2. Я реализую (X) HTML, который может представлять области содержимого без реального учета дизайна (существуют определенные вещи, такие как порядок содержимого, который я использую для определения дизайна).
3. Я начинаю создавать CSS и изображения, необходимые для того, чтобы сайт выглядел так же, как в оригинальном дизайнерском документе. В зависимости от сложности дизайна, мне может не хватить элементов, которые можно использовать для стилизации страницы, и я могу добавить элементы, которые не имеют смысла для контента. Однако я стараюсь избегать этого настолько, насколько это возможно, и стараюсь создавать элементы таким образом, чтобы это не мешало содержанию.

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

Answer 6

Я не ограничиваю себя авансом перед любыми проектами, которые CSS может обработать (в пределах разумного, конечно), просто выясню ваш дизайн, и в какой-то степени вы сможете сделать его правильно, используя CSS, но это может потребовать много потянув за волосы, особенно если задействован IE6!

Answer 7

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

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

Answer 8

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

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