web-dev-qa-db-ja.com

コース/チュートリアル/ブログなど、UI / UXスケッチについてのオンラインリソースはありますか?

そのため、私はBill BuxtonによるSketching User Experienceと、スケッチを使用してアイデアのプロセスを適切に開始する方法についてのいくつかのブログの議論を読みました。 CopicやSharpieなどのさまざまなペンについても読んだり、UIスケッチのショーケースを見たりしました。しかし、UI/UX専用のスケッチクラフトで実際に上手になるためのリソースはどこにも見つかりませんでした。いずれかがあります?

8

これはあなたに関係があるかもしれません: ユーザーインターフェースのスケッチに関する5つのヒント

  1. 4つの別々の線でボックス要素を描画します— 1つの連続したストロークでそれらを描画しないでください。
  2. ドロップシャドウを使用してグラフィック要素を区別します。
  3. 詳細ではなくルーズフォームに焦点を当てるには、厚いシャーピーを使用してください。
  4. 紙から腕を離します。手首ではなく肩で描きます。線はまっすぐになります。
  5. 自分自身を制約する:詳細に焦点を当てず、期限を設定し、多分、付箋にスケッチしようとする

追加の役立つリソース The Messy Art Of UX Sketching by Pieter Buick、カバーするトピックやヒントなど

  1. レイヤーで作業する
  2. 緩める
  3. あなたの強みを発揮する
  4. 相互作用のスケッチ
  5. 現実の世界でのコピーと貼り付け-コピー機の使用
  6. デザインは詳細にあります-定規を使用してください
  7. 全体像を伝える
  8. スケッチブックを捨てる

Eva-Lotta Lammは、スケッチインターフェースで Speaker Deckで素晴らしいプレゼンテーション を紹介し、彼女の お気に入りの機器のリスト についても説明しています。

10
Roger Attrill

ここにいくつかのアイデアがあるブログ投稿があります:

http://www.uxbooth.com/blog/tools-for-sketching-user-experiences/

Flickrグループがありますが、モデレートされているかどうかはわかりません。

http://www.flickr.com/groups/uxsketches/pool/

そして、Jakob Linowskiは、手作業でのスケッチに関する多くの素晴らしい記事を持っています:

http://wireframes.linowski.ca/

個人的に、私はシンプルなツールのファンです。

  • 鉛筆ですばやくスケッチ
  • クリーンアップのためのthicjおよび厚い黒のマーカー
  • 相互作用に注意するためのいくつかの原色(赤、黄など)
3
DA01

私はこれを間違って読んでいる可能性がありますが、ここではフリーハンドスケッチの練習はアナログの方法で達成する必要があるという暗黙の仮定があるようです。 iPadとスタイラスにアクセスできる場合は、フリーハンドでのスケッチを上手に行う方法として、ブラシアプリまたはPenultimate iPadアプリを心からお勧めします。元に戻すコマンドがないことと、消去および/または再開することの一般的な混乱にますます苛立ちを感じていたので、私はほぼ完全に紙にスケッチすることを断念していました。スケッチとの関係が完全に変わりました—本当に嬉しくなりました。

私は Griffin iPad Stylus を持っています:それは安価で、とても使いやすく、ブラシで1ピクセルから2ピクセルまでずっと良いですが、SharpieタイプのスケッチではPenultimateを使用する傾向があります。ペンストロークをすばやく検出できるようになりました。

スタイラスはiPhoneのブラシでもかなりうまく機能しますが、操作する画面が少ないことは明らかです。しかし、それはその場で何かをするのに適しています。

とにかく、それがお役に立てば幸いです。

2
finiteattention

良くなるための唯一の方法があると思います:練習、練習、そして練習。

1
Phil