2009-08-21 7 views
4

この質問にHow to reach CSS zen?という質問がありましたが、私は現在、問題がほとんどポジショニングに関連していることを理解しています。私はCSSがレイアウトシステムとして必ずしも十分ではないということを伝えるいくつかの記事を見つけました。CSSデザイナーは、CSSが処理できるレイアウトに** upfront **を限定しますか?

CSSデザイナーはCSSを扱うことができる設計に自分先行を制限するようですか?実際にはCSSで行うのは難しいと思われるものは避けるべきですか?

+0

回避策のURLが次のように変更されました:http://workaround.org/node/269 –

答えて

2

私は、CSSが(もちろん理由のために)処理できるデザインに限らず、あなたのデザインを理解して、CSSを使って正しく見えるようになるかもしれませんが、特にIE6が関わっている場合は、たくさんの髪が引っ張られます!

4

なぜですか?

「設計中」の場合、1つの技術の制限に基づいて自分自身を制限するのはなぜですか?サイトを設計するときは、常にユーザーにとって最も有用なインターフェイスを実現するようにしてください。

あなた自身を制限している場合は、サイトを使用しないことを求めているだけです。それを作成するのは何ですか?

+2

もちろん、すべてのデザイン分野と同様に、Webにはデザイン上の制限があります。好きでもなくても、あなたが与えられた教材で作業する必要があります。 – wheresrhys

+2

制限があることは間違いありませんが、その制限はCSSの制限であってはなりません。しかし、代わりに利用可能な技術の組み合わせの制限。 (そしてウェブのレイアウトに関しては、ほとんどの場合、CSSに限定する理由はあまりないようです)。 – Irfy

10

もちろん、あなた自身を制限します。デザイナーとして、あなたは常にあなたが作業しているメディアについて考えるべきです。雑誌広告をデザインしていたのであれば、アニメーションやビデオについては考えていません。あなたが従わなければならない規則がいくつかありますが、それを無視することは意味がありません。

もちろん、rules were always meant to be brokenです。

2

(私はサイトがどのように見えるかの画像/図面を持っていると仮定して)Webデザインを実装する場合、私は常に、次の手順に従います。

  1. 私はデザインを見て、それが持っているもののコンポーネントを決定。ナビゲーション領域、ヘッダー、コンテンツ領域などがその例です。
  2. 私は、(私が判断するために設計を使用することをコンテンツ順などの特定のものがあります。)
  3. 私はCSSや画像を作り始める本当に考慮にデザインを取ることなく、コンテンツ領域を表すことができます(X)HTMLを実装サイトが元の設計ドキュメントで行ったのと同じように見えるようにするために必要でした。デザインの複雑さによっては、ページのスタイルに使用する要素が不足している可能性があり、コンテンツに実際に意味をなさない要素が追加される可能性があります。私はできるだけ避けようとしますが、コンテンツに目立たない方法で要素を作成しようとしています。

ご覧のとおり、デザインはCSSの機能に限定されません。 CSSが最後に来る。さて、デザインの複雑さにもよりますが、元のデザインドキュメントとまったく同じには見えないかもしれませんが、デザインを簡単に更新できるようにクリーンなHTMLを維持しながら、できるだけ同一にすることが常に目標です将来は。

2

私が見つけたほとんどのレイアウトは、CSSで行うことができます。ごくわずかな例外があります(通常、テキストを中央に配置することと同じです)。

私のデザインを制限する主な要因は、巨大な背景イメージを使用するのが嫌なことです。小さなbg画像をいくつか組み合わせて/繰り返すことで効果が得られない場合は、それを拒否したり調整したりする傾向があります。例えば、CSS2.1を使用して、このカテゴリに入る可能性のある湾曲したコーナーを持つボックス上の斜めのグラデーションCSS2.1

+0

または、垂直方向のグラデーションさえ。私が印刷の背景からデザイナーにそれをやろうとした回数... – NickFitz

+0

CSSではなく、どのような技術を使ってグラデーションを適用しますか?グラデーション画像は1px * Xpxを超える必要はありません。グラデーション効果を得るための最善の技術はSilverlightです。ここでは開始色と終了色を指定するだけで定義でき、silverlightはその間に塗りつぶしを行います。画像は必要ありません。 – awe

2

ほぼすべてのペインターがキャンバスにペイントすることを制限します。ほとんどすべての彫刻家は、石や粘土、 ...

しかし、新しい夢を夢見て新しいものを創り出す少数の人もいます。いくつかのフロップ、いくつかの輝き。

レイアウトでCSSができることに基づいて自分自身を制限する必要がありますか?完全ではありません。私は大きな夢を言う。

夢のデザインを手に入れたら、それを作成する方法を見つけたり、それを実行できるCSS以外の技術を見つけたり、発明を開始したりしてください。

1

CSS 2.1を使ってレイアウトすることは、ほとんど何でもできます。これまで存在する理由がないが、あなたは丸いコーナー(背景画像を使用)、グラデーションの背景(より多くの背景画像)、そしてあなたが一緒に必要としないすべての種類HTMLのセマンティクスを完全に破壊するわけではありません。

標準に準拠しようとすると、そのゴミをすべて使い切ることは、使い勝手を低下させます。その理由は、デザイナーが丸みを帯びたコーナーや軽い駄洒落を必要とし、ユーザではないからです。ユーザビリティテストでこれが確認されました。セマンティクスを犠牲にしてプレゼンテーションやユーザビリティに対応するために肥大化し、競合他社と比較してユーザビリティテストが効率的に失敗するサイト私は1日に数百万人の訪問者を獲得するウェブサイトのために働き、私はユーザビリティテストの結果を見ました。

+0

元の質問は、丸められたコーナーではなく、位置決めを述べました。質問の中のリンクを実際に読んでいれば、それらは単純で自然なものだと思うでしょう(そして、CSSの限界を知らない人々はかなり単純だと思います)。私はこれをdownvotingしていない、ちょうどあなたにそれを指しています。 – ShreevatsaR

1

CSSは、1つのCSSファイルの小さな変更によって簡単に変更できる全体的なデザインを作成する非常に良い方法を提供し、すべてのページにデザイン変更を即座に適用します。もちろん、CSSにはやることが難しいことがあります。そのような場合は、他の方法でやりたいことがありますが、レイアウトが主にCSSに基づいていても、特別なことはできません他の技術を使用して部品!あなたは混在することができます!

あなたはCSSを使うときに自分自身を制限しません。あなたは他の人たちと一緒に完全な調和で使用できる強力なテクノロジーを利用します。

関連する問題