Webページを設計するときにグリッドシステムを使用していますか?
-
18-09-2019 - |
質問
グリッドシステムを使用する理由を把握しようとしています。私はいくつかを読みましたが、私はそれを理解していません。私はページにHTMLに物を置くだけで、Beindはそれを完了していますが、新しいプロジェクトがあり、明らかにそれがベストプラクティスであるため、グリッドを使用したいと思います。
私は別の記事で参照されているある記事で読んだので、グリッドデザインはあらゆる種類の開発、さらにはアプリケーションフォームの設計でさえあると述べました。それは私にグリッドへのスナップなどのことを考えさせられました。そして、Webデザインの球体のグリッドが同じかどうかはわかりませんでした。誰かが私に短いが複雑ではなく、私がすでに使用しているGoogleへのリンクではないことを私に与えてくれることを望んでいました。
助けてくれてありがとう。
編集:このウェブサイトが最も簡単だとわかりました。 http://www.zurb.com/playground/css-grid-builder しかし、繰り返しますが、12列をどうしますか?列のすべてが列に収まるように「スマッシュ」していますか?それは私には意味がありません。
編集:読んだ 以下のグリッド960チュートリアル 気分が良くなりましたが、最後には次のように述べています。
Production CodeでGrid 960の概念を使用することもできますが、生産を通してフレームワークに固執することはお勧めしません。 CSSフレームワークは、他のツールと同じで、用途があります。それを念頭に置いて、出発してプロトタイプ!
私はこれを文脈から外そうとはしていませんが、生産でそれを使用しなければ、何がポイントですか?プロトタイプの必要性は理解していますが、プロトタイプが好きなら、960グリッドを使用してみませんか?コメントがわからないかもしれません。ありがとう。
編集:
960生産システムはありますか?
解決
Webやアプリケーションに適用されるグリッドについて考えることに集中しすぎていると思います。グリッドがグラフィックと情報のデザインのあらゆる形態に役立つ根本的な理由について少し調査する必要があります。 - 紙に描かれたインク。
コンピューターから一歩下がって、960、Divs、Snap-to-Grid、HTMLを少し忘れて、可能であれば、いくつかのグラフィックデザインの本や雑誌をフリックしてドゥードリングをすることをお勧めします。または、新聞を拾って、使用する根底にあるグリッドについて考えてもらいます(いくつの列があり、同じ幅があり、グリッドはページまたはセクションで異なります。 )。
グリッドシステム リソースの良いリストがあります。
そうすれば、一般的なグリッドがプロジェクトにどのように役立つか、960グリッドなどの特定のモデルが役立つかどうかについて考えるためのより良い立場にあるはずです。
他のヒント
ユーザーインターフェイス/Webデザインを設計するとき、私は注意を払いません grid
メイン要素を構築し始めるまでレイアウトします。それが完了したら、aを実装します grid
視覚的なスキャンを簡単にするために、これらの主な要素でうまく流れる