UI デザイナーに命を吹き込むためにこのワイヤーフレーム/スケッチを作成しましたが、ワイヤーフレームとグリッド システムについていくつか質問があります。
リンク: http://postimg.org/image/npt5zlvu7/
1) 上記のワイヤーフレーム/スケッチで UI デザイナーにアプローチできますか?
2) UI 設計 (感触と外観) の間、流体グリッド システムに注意を払うべきですか、それとも開発中にのみ関連するのですか?
3) 私の UI デザイナーがフロントエンド開発者でもある場合、または必ずしもそうではない場合、より一貫性がありますか?
4) ワイヤーフレーム -> UI デザイン -> フロントエンド開発の間で気を付けるべきことは何ですか?
ありがとうございました。
1) はい、特に「スケッチ」と呼ばれるものについては。「スケッチ」と「ワイヤーフレーム」という用語は、人によって意味が異なることに注意してください。あなたの図はどちらも便利ですが、スケッチの方が便利です。
2）滑らかにしたい場合は、狭く見える方法を覚えておく必要があります。理想的には、狭いビューのスケッチも作成することを意味します。レスポンシブ デザインでは滑らかな動きが必要なため、ワイド レイアウトとナロー レイアウトが相互変換可能であることを確認してください。つまり、要素は論理的な方法で移動します。ほとんどの場合、水平方向の動き、または水平方向のシリーズが積み重ねられます。
3) UI 開発者がフロントエンド開発者になる必要はありません。さまざまなスキル。
4) ユーザーの視点からサイトについて考えるために常に立ち止まっていますが、ほとんどの UI 設計は完了しています。必要な UI を基本的に定義したので、今度はそれをきれいで魅力的に見せるためのデザイナーが必要です。
フロントエンド開発も、人によって意味が異なります。優れた html/css マークアップを取得することだけを目的としている場合は、そのタスクのみを専門とする多くのフリーランサーやサービスがあります。主な開発者は、有効な HTML を操作できる必要があります。
それは本当にあなたが達成したいことに依存します。レスポンシブ Web サイトが必要ですか? モバイルデバイスをカバーしたいですか？
1) 上記のワイヤーフレーム/スケッチで UI デザイナーにアプローチできますか?
ええ、そうではありません。すべての要素が含まれています。つまり、コンテンツ発明者
2) UI 設計 (感触と外観) の間、流体グリッド システムに注意を払うべきですか、それとも開発中にのみ関連するのですか?
UIデザインの意味がわかりません。それが Photoshop で行うことである場合、答えはイエスです。デザインは後で html と css にスライスされます。はい、何かをデザインする前に、このプロセスについて考える必要があります。多くのことは、単純で効率的な html/css では正確には実行できません。別の観点から言えば、Photoshop で作成するのは非常に簡単です。
3) 私の UI デザイナーがフロントエンド開発者でもある場合、または必ずしもそうではない場合、より一貫性がありますか?
絶対そうです。私が言ったように、あなたがウェブサイト/アプリを作るなら、あなたのデザイナーはウェブデザイナーであるべきだと私は信じています. デザイナーだけじゃない。そのため、彼/彼女は html と css について知っています。それらがどのように機能するか、何が可能で何が不可能か。
4) ワイヤーフレーム -> UI デザイン -> フロントエンド開発の間で気を付けるべきことは何ですか?
知っておくべき最も重要なことは、最後の 1 つのフロントエンド開発が実際に最終製品がどのように見えるかを示しているということです。ワイヤーフレームと静的な UI デザインは、いくつかのアイデアを提供し、物事がどのように動作するかを提示するのに適しています. ただし、デザインをブラウザーに配置すると、実際のフィードバックが得られます。