タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

designとuiに関するnakackのブックマーク (4)

  • 5分で分かるフラットデザイン

    iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。 1分-フラットデザインとは何なのか アップルの開発者向け年次イベント「Worldwide Developers Conference(WWDC)」が米国時間6月10日に開幕し、基調講演で同社モバイルOSの次期版「iOS 7」が発表された。見た目の印象が従来版からガラリと変わっている。これは「フラットデザイン」という手法を採用したからだ。 フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。

    5分で分かるフラットデザイン
  • なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密

    Amazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日Amazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な

    なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
  • 廃れないテクニック ― ペーパー・プロトタイピング - Radium Software

    Paper Prototyping: Getting User Data Before You Code - Jakob Nielsen UI の設計手法に「ペーパー・プロトタイピング」と呼ばれるものがある。その名の通り,紙を使ってユーザビリティのテストを行うというもので,手軽で安価なプロトタイピング手法として知られている。 ペーパー・プロトタイピングの良さは,誰でも今すぐ始められるという手軽さと,もうひとつ,ローテクであるがゆえに廃れることがないというところにある。 ペーパー・プロトタイピングは,君が今やっているデザインプロジェクトに影響を与えるというほかに,もうひとつの利点がある。それは,君のキャリアにとって得になるということだ。君が他に読んだのなかで,コンピューターとかウェブデザインとかに関するのことを思い返してみてほしい。君が学んだことで10年後も有益であり続けるものは,どれほ

    廃れないテクニック ― ペーパー・プロトタイピング - Radium Software
  • ウェブに激しく使えるインタラクティブなインターフェース集『Welie』 - 100SHIKI ~ 世界のアイデアを日替わりで ~

    インタラクティブなデザインがどうあるべきか、そのデザインパターンを集めまくっているのがデザイナーのWelieさんだ。 彼のサイトではカテゴリーごとにどういったインターフェースデザインが有効かをまとめてくれている。 検索サイト、ショッピングサイト、サイトナビゲーションなどなど、ウェブを作る仕事をしている人にとっては必見だろう。 またそれぞれのパターンにはスクリーンショットの例や、いつ使うべきか、使うときにはどういった点に気をつければ良いかも教えてくれる。 こうした資料は知っておいて損はないですね。

  • 1