タグ

UIとuiに関するkojosanのブックマーク (5)

  • マイクロインタラクション

    UIのディテールをほんの少し工夫するだけでUXは劇的に改善します。書では効果的なマイクロインタラクション――ひとつの作業だけをこなす最小単位のインタラクション――の意味、有効性、デザイン手法を学びます。マイクロインタラクションを「トリガー」「ルール」「フィードバック」「ループとモード」に分解して豊富な実例とともにていねいに解説し、さらにプロトタイプやドキュメント作成、テストといった実践的な手法も紹介します。マイクロインタラクションを活用すれば、ありふれた製品も顧客を引きつける魅力的な製品に生まれ変わらせることができます。ドナルド・ノーマン推薦書! 翻訳者によるサポートページ。 書に寄せて ――ドナルド・ノーマン 賞賛の声 まえがき 謝辞 意見と質問 1章 マイクロインタラクションのデザイン 1.1 機能ではないが侮れない存在 1.1.1 大規模なマイクロインタラクション 1.2 マイク

    マイクロインタラクション
  • iOS7でAppleが目指したのは「UIデザインの常識」の再発明である

    2013.09.27 iOS7でAppleが目指したのは「UIデザインの常識」の再発明である この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/apple-want-to-redesign-of-common-sense-of-ui-design/

    iOS7でAppleが目指したのは「UIデザインの常識」の再発明である
    kojosan
    kojosan 2013/09/29
    普通にシンプルで見やすく使いやすくなったと感じましたが。UIがどうとか言ってるのにユーザーの声は無視?
  • リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

    こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ

    リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
  • Appleとマイクロソフトのデザイン部門のトップ(ジョナサン・アイブとサム・モロー)のインタビューとWindows 8の大きな一歩 - FutureInsight.info

    Appleのデザイン部門のトップであるジョナサン・アイブのインタビューが掲載されるということで非常に楽しみにしていた今月号のBRUTUS Casa。ジョナサン・アイブがインタビューに応えることは非常に少ない(昔クーリエ・ジャポンの特集で読んだくらい)ので、2ページの記事でしたが読んで良かったと思う素晴らしい内容でした。他の特集も非常に面白く今月のCasaは買いだと思います。Casa BRUTUS (カーサ・ブルータス) 2012年 03月号 [雑誌] マガジンハウス 2012-02-10 売り上げランキング : Amazonで詳しく見る by G-Tools ジョナサン・アイブの強い言葉とデザイン哲学 詳しくはCasaを読んで欲しいのですが、僕が非常に印象に残ったのは、以下の言葉。 つまり会社の設立とはアイデアを実行するためにあるわけです。そして会社として実際にデザインをし、開発をして製造

    Appleとマイクロソフトのデザイン部門のトップ(ジョナサン・アイブとサム・モロー)のインタビューとWindows 8の大きな一歩 - FutureInsight.info
  • SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記

    安藤日記 安藤日記:デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン #川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at

  • 1