インスピレーションの宝庫「Dribbble」から、デスクトップ・スマフォ・タブレットなどのUIデザインのヒントになる素晴らしいアートワークを紹介します。
企画やらUIを考えるツール iPhone Idea Sheet(PDF) 三階ラボさんのアイデアシート(PDF)。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo(Web) UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD(iPad App) iPad上で、iOSパーツを組み合わせて
先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい!という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Submissions welcome.
結構良さそうだったので備忘録。レスポンシブWebデザイン向けのライブラリです。モバイルのサイズになるとグローバルナビを横スライド式に切り替える、というもの。面白いですねー。 これ結構いいんじゃないでしょうか。レスポンシブWebデザインにするとどうしてもナビゲーションが縦長になりがちなのでその不満は解消できるアイデアですね。 PathやFacebookのiPhoneアプリのような横スライドメニューは使いやすいかもしれない。 Pathのようにというか、全く同じじゃないんですが、モバイルサイズになると横スライド式のメニューに変更するjQueryプラグインです。 ちょっといいアイデアですね。プラグインも圧縮版は3KBと軽量です。 タップすると左からメニューがスライドします。 手抜きで申し訳ないんですがサンプルです。 Sample※表示確認はresponsivepxを使うと楽です 実機で重いのは僕が
Ui Parade ? User Interface Inspiration 洗練されたUIのギャラリーサイト「Ui Parade」 ナビゲーションやUIのデザインに迷った時に眺めてみるとよいアイデアが浮かぶかもしれないというサイトのご紹介です。 アイテムごとにカテゴライズされていて、検索ボックス、スライダーといった感じにたどることができます HTMLになっているわけではなく、数自体もそれほど多くないようですが、今後の発展に期待したいサイトですね 関連エントリ スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ CSS3な背景パターンのギャラリーサイト「CSS3 Patterns Gallery」
カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。 左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。 こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。 インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。 パターンはその場でLightbox風に表示するのでページ推移も必要ありません。 みたいな感じのパターンギャラリーです。
maskin 「Cyta.jp 有安氏のご紹介」 今回は学びの消費者間マーケットプレイス「Cyta.jp」を運営するコーチ・ユナイテッド 代表取締役社長 有安伸宏氏にご登場頂きました。同社で学生インターンとして働く阿部千里さんが、Open Network Labと慶應藤沢イノベーションビレッジ が共同で開催したイベントに参加した際のレポートが元になっている記事です。イレギュラーナー寄稿ですが、イベントが示唆に富んでとても素晴らしいのと、阿部さんのまとめが的確だったので転載させて頂きました。 第2回 ONLAB Startup School「シリコンバレー流UXアプローチ」 @ SFC Open Network Lab (ONLAB) & 慶應藤沢イノベーションビレッジ (SFC-IV) 共同イベント イベント概要 (詳細): ユーザーエクスペリエンス(UX:ユーザー体験)は、提供するサービ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
複数画面で使えるAjax formダイアログのコンポーネントを作る 初期状態 Google CalendarのようなWebアプリを想像してください。 1日が1個のセルになっていて、セルをクリックしたらスケジュール登録ダイアログが表示され、 入力して登録ボタンを押すとスケジュールが登録され、セルの中に登録されたスケジュールが表示されます。 イメージ define([ 'schedule-model' ,'schedule-api' ,'schedule-to-selectors' ,'growl' ,'app/schedule-dialog-template' ,'debug' ,'jqueryui/dialog' ],function( ScheduleModel ,ScheduleApi ,scheduleToSelectors ,growl ,scheduleDialogTemplat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く