【デザインまとめ】綺麗なデザインの管理画面 30選
以前記事にした「【デザインまとめ】綺麗なデザインの管理画面 40種類 」、時間が経ってリンク先が消えていたりしますね。 また綺麗なデザインの管理画面も追加したいと思います。 サムネイルだけで見ると、全部似たようなものに見えてきますが、デモサイトを見てみると細かな部分でデザイナーさんの個性が出ていて面白いです。 ご参考になれば幸いです。 左に紺か黒のナビがあるやつ ◆Material Admin デモサイト ◆Edumix 黄緑がきれい デモサイト ◆Make デモサイト ◆Con デモサイト メガネのロゴがかわいい ◆Mega デモサイト 黒でメリハリ ◆Admin box デモサイト ちょっとレトロ感ある色遣いが印象的。 ◆Singular デモサイト やわらかな色遣い。 ◆Azan デモサイト ◆Brio Web App デモサイト 丸みの強い要素がかわいい ◆HeyMetro デモサ
分かりやすく、使いやすいデザインを生み出す工夫 先生：池田 拓司
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/344/room ーーーーーーーーーーーーーーーーーーーーーーーRead less
アップルと任天堂のＵＩ思想(立命館大学映像学部教授サイトウ・アキヒロ) ｜ ガジェット通信 GetNews
ソーシャルメディアのUI（ユーザーインターフェース）をゲームニクスの観点から読み解く。 Facebook、eBay よりもミクシィ、ヤフオクが流行る真の理由 SNSといえば世界的にはFacebookですが、Facebook に登録はしたものの使っていない……という人が大半ではないでしょうか。日本でいち早く普及したのはミクシィでした。 同じように世界的なネットオークションといえばeBay ですが、日本で広まったのはヤフーオークションでした。なぜなのでしょうか。 理由は簡単です。ミクシィやヤフーオークションが、Facebook やeBayよりも使い勝手が良かったからです。 では日本人にとっての使い勝手とはどういうことなのか。それはゲームライクなユーザーインターフェース（UI）の流れを持ったものです。ではゲームライクなUIとはどういうものなのか。それはマニュアルを参照しなくても直感的にすぐに始め
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
iPhoneをどんだけ使いこなしてるんだよっ！ - BYE BYE BLACKBIRD@Hatena
iPhone/iPod touchの使える/使えない議論以前に、深いレベル迄、発売早々、皆機能を使い切って、iPhone/iPod touchの機能の限界を論じてるって既に異常事態でしょう。 日本初上陸の携帯とは言え、iPod touchで既に日本でもUIに習熟してる人がいらっしゃる事は確かです。 然し、発売されて僅かの期間に、事細かに様々な機能検証に至るって事は、あれだけの多機能を存分に使いこなしてるじゃん！って事ですよね。 「それがどうした？」と言う御仁は、携帯電話の操作を習得する労苦に塗れた記憶を忘れてる様に思えます。 携帯電話の機能を使いこなすにはGeekの方々以外の一般人には辛い茨の道が待ってます。 分厚いマニュアルの到底日本語とは思えない文字の羅列の文章と格闘し、口コミ、ネット、書籍等で使いこなし情報を収集・学習し、それでやっとの事で必要な機能を使える様に成ると言う次第です。
ユーザビリティの大切さに気づいてもらう - inucaraの日記
こないだの「インターネットってどういう仕組みで動いているの？」に書いた事前研修でユーザビリティの大切さについても話したいと思って簡単なフォームを作ってみたよ。 想定ターゲットはユーザビリティのユの字も知らないような人や、これからウェブサイトの設計、構築の仕事をしようとしている人。これらの人にユーザビリティの大切さに気づいてもらうために、前回と同じように話す内容をとりあえず書いてってみる。 ちなみに前回のインターネットの仕組みからユーザビリティって話が飛んでるけど、そういうことは気にしないで思いつくことをメモ的にどんどん書いてって、流れは最後に考えようかなって感じ。 じゃあ、さっそく始める！ ユーザビリティって何？ まず始めに、みんなは「ユーザビリティ」って言葉は聞いたことあるかな？ 日本語で「使いやすさ」って意味なんだけど、利用者がいかにストレスなく、便利で簡単で直感的な操作ができるか、っ
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.
iPhoneよりマリオ、Googleより茶道――チームラボが考える「和製UI」 (1/2) - ITmedia +D モバイル
「iPhoneのユーザーインタフェース（UI）は確かにかっこいいが、進化の仕方があまりに西洋的。もっと日本的なアプローチがあるんじゃないか」 11月15日、「Web2.0 Expo」の講演でこう話したのは、チームラボの猪子寿之社長だ。同社は、検索エンジン「SAGOOL」など独自サービスを展開する一方、「iza！」（産経デジタル）、「ワッチミー！TV」（フジテレビラボLLC）、サントリー公式サイトのサイト内検索機能、日立「Wooo」のトップページFlashなどを構築。UIとデザイン、検索・マッチング技術に強みを持つベンチャーだ。 「UIは、しょうがない奴だと思ってる」と猪子社長は言う。例えば携帯電話のボタン。電話をかけたり、携帯サイトを見るには何度もボタンを押さなくてはならないが、ユーザーはボタンを押したい訳ではなく、電話で話したりサイトを見たいだけ。つまり「ボタン」というUIは「仕方ないか
テクノロジーとデザインの境界線があいまいなもの (arclamp.jp アークランプ)
Web2.0 Expoでベスト講演をあげるとすればチームラボの猪子さんによる「インターフェースデザインのイノベーション（テクノロジーとデザインの境界線があいまいなもの）」です。これはヤバイ。 以下、サマリ。 サーチやマッチングというテクノロジーがあるおかげで、Webにある情報はサイト内外の情報を動的に再編集して構成されるようになった。だから、そのリンク構造も動的。当然、サイトマップやきれいな階層構造なんて存在しない。 サイトの構造が動的なんだから、インターフェースも当然、動的だよね。逆にインターフェースが構造の動的さを引き出して魅力を出さなきゃいけない。 テクノロジー（構造）とインターフェースは切り離して考えることなんてできない。一体なんだよ。 いえーい！も、マイナビバイトも、SAGOOLも、Laboo!も、そうやって作った。 これって「インターフェースの革新の本流」。すごい西洋的。iPa
【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Tooltip編 (1) Yahoo! UI Library Tooltipとは? | パソコン | マイコミジャーナル
今回はYahoo! UI LibraryのUIの1つであるツールチップ(Tooltip)機能について説明します。一般的なツールチップはブラウザの多くはデフォルトで実現しており、タグのtitle属性で指定したものがマウスオーバーにより表示されます。ただし、ブラウザがサポートするツールチップではテキストしか表示されません。ツールチップに画像とテキストなどを表示させたい場合には、Yahoo! UI Libraryのツールチップを使えば実現することができます。うまく使いこなせば、オリジナリティの高いツールチップを作成できるので、ブログやWebサイトの見栄えやユーザビリティが向上するでしょう。 Yahoo! UI Libraryの入手 まず、Yahoo! UI Libraryを入手しましょう(*1)。Yahoo! UI LibraryのダウンロードはこのURLにある「Download YUI」のボタ
Yahoo!UIの基礎まとめ [Javascript] All About
Yahoo!UIの基礎まとめAll about内で取り上げたYUI関連の記事とサンプルへのリンクをまとめて紹介します。 Yahoo! User Interface Library(YUI)は、Yahoo!が提供するJavaScriptライブラリで、Ajaxを含めたDHTMLのテクニックを使用することで、リッチで対話的なウェブアプリケーションを簡単に作成するためのユーティリティやコントロール群です。 YUIのAPIは、このグローバルな唯一のオブジェクト「YAHOO」の下に、すべてのライブラリが配置されており、 YUIと組み合わせる自分のプログラム内のメンバー各名称とが、衝突するかもしれないという心配や労力を省略し、 安心して利用することができる構成になっています。 ここでは、All About内で取り上げたYUI関連の記事へのリンクをまとめて紹介します。 Ajax YUIライブラリを使う準備
![Yahoo!UIの基礎まとめ [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
layer8.sh
IDEA * IDEA
UIパターンいろいろ - DesignWalker
https://www.openvista.jp/archives/note/257/?257/
ユーザーインターフェイスデザインの参考になるサイト集