web-dev-qa-db-ja.com

すでにcssフレームワークを考えている場合、どのようにWebサイトのモックアップを設計しますか?

Webサイトのモックアップを設計する前に、CSSフレームワークを最初に選択しますか?それとも反対ですか。モックアップの設計を終えたが、CSSフレームワークが完全に適合していない場合はどうなりますか?最初に自分の要件に合ったCSSフレームワークを探し、次にそれを回避してモックアップを作成する必要がありますか?。

この問題をどのように処理しますか?

3
scroobius

デザインとフロントエンドの開発を始める人にとっては良い質問です。個人的には、コードについて理解しているCSSフレームワークを見つけました。当時、これはBootstrap 2.でした。ドキュメントから、このフレームワークで使用される列、ガター、コンテナの幅について説明しています。これから、次のコマンドを使用してデザインテンプレートをダウンロードまたは作成することができました。これらの測定値に基づいた12列。ブレークポイントが有効になるタイミングがわかります。やがて、コード化が難しいと思われる領域、避けなければならないこと、そして何を取り入れるべきかがわかります。経験を積んだ後、コーディングは次のようになります。すべてにCSSフレームワークを使用する必要がなくなったので、いつでもコーディングできるので、好きなものをデザインできるようになりました。

3
Aly

通常、UXプロセスでは、モックアップを最初に設計し、その設計に基づいてフレームワークを選択します。

ただし、エンジニアまたは既存のインフラストラクチャによって技術的な制約が課される可能性があります。その場合、デザイナーとしてそれを念頭に置いてデザインを作成します。

あなたのケースでは、どちらかを行うことができます。小規模なチームでは、チームのコーディング能力を考慮して設計することが理にかなっています。これはトレードオフであり、潜在的に優れたUX対開発の容易さです。

2
Martyn