タグ

uiとdesignに関するkssmのブックマーク (9)

  • dribbbleデザイナーが今最も注目しているカラーをチェックできるツール -Color Pickers

    デザインの宝庫dribbbleの素晴らしいアートワークで使用されているカラーをピックアップし、カラーのインスピレーションを得られる「Color Pickers」を紹介します。 UIも洗練されていて、操作も気持ちいいです。 Color Pickers 僕も毎日dribbbleをチェックしていますが、dribbleでは日々100以上のアートワークがアップロードされ続けています。Color Pickersはそれらのアートワークからどのカラーが前途有望で、人気が高いかをチェックできるツールです。 使い方は簡単で、右上のリロードボタンをクリックするだけです。IEは非対応です(涙。 任意のカラーが選択され、そのカラーをベースとするdribbleの最も人気が高いアートワークのパレットを表示します。

  • 事例紹介 | 株式会社インフォバーン

    事例紹介 | 株式会社インフォバーン
  • iOSヒューマンインターフェイスガイドライン

    iOSヒューマンインターフェイスガイドラ イン iPhone > User Experience 2011-03-23 Apple Inc. © 2011 Apple Inc. All rights reserved. 書の一部あるいは全部を Apple Inc. から 書面による事前の許諾を得ることなく複写 複製(コピー)することを禁じます。ま た、製品に付属のソフトウェアは同梱のソ フトウェア使用許諾契約書に記載の条件の もとでお使いください。書類を個人で使用 する場合に限り 1 台のコンピュータに保管 すること、またその書類にアップルの著作 権表示が含まれる限り、個人的な利用を目 的に書類を複製することを認めます。 Apple ロゴは、米国その他の国で登録され た Apple Inc. の商標です。 キーボードから入力可能な Apple ロゴにつ いても、これを Apple In

    kssm
    kssm 2013/04/03
  • 「文書保存のあのマークは何なの?」の時代へ。思考が停止してしまったUIデザイン (神田敏晶) - エキスパート - Yahoo!ニュース

    Windows 8 Office2013 PowerPoint の保存アイコンマイクロソフトの最新OSのWindows8を入手して、バツイチ知人の、子どもに見せびらかしていた。 すると、このマークは「保存」でしょ。でも何のマーク?と尋ねられた。 ボク「フロッピーだよ」 彼女「フロッピー?」 という怪訝な顔…。 すでに256KB1.44MB しか入らない、フロッピーディスクを日常、見かけることはすっかりなくなってしまった。 しかし、教育業界では、予算がつかないと今でもフロッピーディスク付きのワープロで仕事をしているところが少なくないと伺う。 このカタチが保存するマークのメタファーとしてデザインされてからすでに数十年が経過している。 フロッピーが存在する間は、これでも良かったが、ハードディスクやUSBメモリ、そしてクラウドがこれだけ増えているにもかかわらず、「保存する」に対しては、今となっては

    「文書保存のあのマークは何なの?」の時代へ。思考が停止してしまったUIデザイン (神田敏晶) - エキスパート - Yahoo!ニュース
    kssm
    kssm 2013/01/14
  • 入力補助に便利なdatalistをレガシーなWebブラウザでも実現·Autocomplete MOONGIFT

    AutocompleteはHTML5のdatalistをレガシなーWebブラウザで実現します。Ajaxによるデータ取得もサポートしています。 HTML5の機能の一つにdatalistがあります。予め項目を指定しておくことで、テキストボックスの入力時に候補が表示できるようになります。そんな便利機能をレガシーなWebブラウザでも実現するのがAutocompleteです。 見た目は普通のテキストボックスです。 Aを入れると選択候補がリストアップされました。 矢印キーで候補を選択できます。 エンターを押して確定。 datalistで定義されています。 便利な点としてはHTML5の構造をそのまま使えるということでしょう。また、ソースデータを外部から引っ張ってくることも可能で、JSON/XMLでの定義ができます。二項目以上の入力はできないようですが、使いどころによっては便利そうです。 Autocomp

    入力補助に便利なdatalistをレガシーなWebブラウザでも実現·Autocomplete MOONGIFT
  • これは超使いやすいページネーションの次世代UI:phpspot開発日誌

    Slider Pagination Concept - with jQuery UI Slider これは超使いやすいページネーションの次世代UI。 普通、リストページのページネーションといえば、「 1 , 2, 3, 4 ,5 次へ> 」みたいなUIが基ですが、そもそもこのUI疑ってかかってもいい時期なのかも。 要は現在のページ番号と、ページを前後と、ページ指定で送れればいい、という要件を満たせばいいわけでもっとシンプルに出来るはず。 今回紹介するページネーションのデモ ページ番号の部分はボタン風になっているので押してみましょう。 するとスライダーになってドラッグ&ドロップでページ指定が簡単に出来ます。 30までドラッグ&ドロップして話すと30ページ目が開く、というようなイメージ 次へ、前へ、といった直感的に分かりやすいボタンも実装されていて必要十分。 従来のページネーションは作る場合

    kssm
    kssm 2012/12/25
  • UI-patterns.com

    User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.

  • in the looop | Looops communications

    ループス・コミュニケーションズは、 企業のSNS活用戦略の立案・運用改善、啓発教育などのコンサルティングサービスや、リーダーシップやイノベーションをテーマとした企業研修を提供しています。

    kssm
    kssm 2012/09/05
  • 2010年版 ユーザーインターフェース(UI)・ユーザビリティ必見サイト/必読書 - Feel Like A Fallinstar

    ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ

  • 1