マイクロソフト、OfficeのUIフレームワークを「Office UI Fabric」としてオープンソースで公開 マイクロソフトは、Office 365などのWebサイトで実際に使われているOffice UIを構成するフレームワークを「Office UI Fabric」としてオープンソースで公開しました。 フレームワークが備えているのは、タイポグラフィ、テーマカラー、アイコン、アニメーション、レスポンシブグリッドレイアウト、ローカライゼーションなど。
言われるままにウインドウズ8を導入してみたけれど、使いにくくて仕方がない、元のウインドウズに戻したい……と後悔している人はいないだろうか。使い慣れた昔のウインドウズと同じインタフェースに、ウインドウズ8をカスタマイズする方法を解説するぞ。 ウインドウズ8の新しくなったデザイン、通称メトロUIは、スタートメニューの廃止、チャームバーの追加など、かなり大胆な刷新を行っている。ウインドウズがここまで大きくインタフェースを変えるのは初めてのこと。急な変化に付いていけてないユーザーも多いのではないだろうか。 そこで、ウインドウズ8の変更部分を、旧来のウインドウズのスタイルに戻すためのカスタマイズ方法を紹介しよう。これらの方法でウインドウズ8を使い慣れた環境に改造すれば、作業効率はぐっと向上するはずだ。 ■ エクスプローラのリボンUIを旧ウインドウズのタイプに戻す ウインドウズ8から導入されたリボンU
先日 Goodpatch さんが 保存アイコン＝フロッピーディスクの時代は終わった…？ という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロードにみえるものも少なくありませんし、中には抽象的すぎて何を意味しているのかさえ分からないのもあります。自分たちのクリエイティブアウトプ
ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。
Windows 8のトレーニングは、WindowsのUIに慣れ親しんだ数百万人のビジネスユーザーに多大な労力を課し、IT部門には多額の費用をつぎ込ませることになる可能性がある。 Windowsのライセンスに詳しいコンサルティング会社の米Pica Communications 主席コンサルタントのポール・デグルート氏は、「トレーニングコースの費用と、トレーニングによって失われる従業員の実働時間を考えると、従業員1人当たりのコストは1日当たり400ドルを軽く超える可能性がある」という。 米ベルビューカレッジでコンピュータインストラクターをしているカール・フォン・パップ氏も、「Windows 8のUIは何もかもが変わってしまった」と話す。Windows 8 β版のテストも担当している同氏は、「ユーザーにはかなりの学習が必要になる」と断言する。 Windows 8の関連記事 知らないと後悔するWi
細部まで作り込まれた美しいデザインのウェブ用のUIエレメントのPSD素材を紹介します。 そのまま制作に使ってもよし、インスピレーションをもらってもよし、PSDなのでエフェクトの勉強をしてもよし、などいろいろ活用できると思います。 ※一部のファイルはPNGフォーマットです。
Evernoteが好きではない。Macのアプリがイケてないからだ。 変なリッチテキストみたいな奴で編集しなくてはいけなかったり、 Webページからコピペした文字がスタイルを継承しちゃったり、 そもそもMarkdownに対応してもらいたかったり。 だから巷で騒がれるほど、Evernoteはあまり使っていない。 その代わりと言ってはなんですが、お気に入りのMacアプリもあります。 今回はMacのApp Storeからダウンロードできるアプリの中でも、 僕が個人的に「今なら絶対入れる」というものを10個厳選して紹介します。 文章書くのに便利だったり、ちょっとしたライフハック的に使えたり、 クリエイティブな活動に必要だったりするもの達です。では、行ってみよう。 1. DAYONE Day One - Mac Journal Application for iPhone, iPad and Mac
この解説ページ群の目次 url トップ(このページです) bootstrapの概要「等」 入手と設置(install) http://d.hatena.ne.jp/end0tknr/20111016/1318730072 グリッドシステム http://d.hatena.ne.jp/end0tknr/20111016/1318731266 (固定/可変)レイアウト http://d.hatena.ne.jp/end0tknr/20111016/1318732238 テキスト(ﾍｯﾀﾞ, ﾘｽﾄ, ｲﾝﾗｲﾝﾗﾍﾞﾙ) http://d.hatena.ne.jp/end0tknr/20111016/1318750736 テーブル http://d.hatena.ne.jp/end0tknr/20111016/1318777018 フォーム、ボタン http://d.hatena.ne.jp/
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ
綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「jQuery UI Bootstrap」 2012年01月10日- jQuery UI Bootstrap 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「jQuery UI Bootstrap」 Twitter Bootstrapでデザインがあまり出来ずともTwitter風の綺麗なUIが作れる事で話題を集めましたが、jQuery UIにTwitter BootstrapのCSSでをあてはめた物が出たようです。 Twitter Bootstrapのメリットを享受しつつjQuery UIも使えてしまいます。 サンプルでは１ページにjQuery UIのウィジェットが配置されているのですが、１ページにあることで、削ったり切り貼りすることでデザ
米Microsoftの研究部門であるMicrosoft Researchは10月20日（現地時間）、3D映像の仮想物体を手でつかんだり動かしたりできる技術「Holodesk」を発表した。 同技術は、Microsoftが取り組んでいるナチュラルユーザーインタフェース（NUI）のプロジェクトの1つ。NUIは、ジェスチャーや音声などで直感的に、自然に操作できることを目指すUIで、同社のゲーム端末Xbox 360で利用できるコントローラー「Kinect」にもこの取り組みが反映されている。 Holodeskはまだ研究段階だが、ネットワークを介したボードゲームや遠隔地間での製品プロトタイプ設計会議などに応用できるとしている。 3D体験技術は既に幾つかあるが、Holodeskではビームスプリッタと画像処理アルゴリズムを利用することで、他の技術よりもリアルな体験が提供できるとしている。 Microsoft
そのまま使ってもよし、デザインの勉強にもよしの洗練されたデザインのUIエレメントのPSD素材を紹介します。 素材は全て商用でも無料で利用できますが、ライセンスがそれぞれ異なるのでご利用の際にはご確認ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「シュッ」とか「チン」とかのフリー音源集
