Dex UI | Seena Burns
DEX UI is a combination of my love for futuristic interfaces and desktop customization. It's a handcrafted interface programmed in openFrameworks, running fullscreen underneath a functioning terminal, as essentially an animated desktop. I had a lot of fun trying to escape the traditional window focused desktop environment with this project, but in the end it's only a single example of how live ani
CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ
実用的なテクニックから、こんなこともできるんだ！とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーションなどCSSでできることは全てCSSで、というのが実装の傾向ですね。
UIの新鮮なアイデアをチェック！デザインやインタラクションの工夫が素晴らしいナビゲーションのまとめ
最近のUIは、気持ちいいアニメーションが多く取り入れられています。アニメーションはある程度予測できながらも、いい意味で少し期待を裏切るくらいがちょうどいいなと思います。 アニメーションを使ったインタラクションやデザインが素晴らしいナビゲーションの実装例をまとめました。各デモは全て、HTML, CSS, JavaScriptなどをオンラインで編集することができます。
200種類の汎用性に優れたSVGアイコンとその使い方が勉強になる！新しいデザインに役立つUIコンポーネント素材 -WPF UI
今までとは一味違う新しいデザインを組み立てるのに役立つ、美しくデザインされたUIコンポーネント素材を紹介します。アイコンを得意としているクリエイターの制作なので、汎用性に優れたアイコンが素材に含まれているだけでなく、その使い方にも注目です。 素材は商用無料で、ライセンスは良い子だけが使える「Good Boy License」。 手を洗わない子は使っちゃダメ！ WPF UI Framework WPF UI Framework -GitHub ダウンロードできる素材のフォーマットは、2種類。 .psd (Photoshop用) .sketch (Sketch用) アイコンは、200個の.svgファイルで含まれています。 コンポーネントにはWindows 8をテーマにしたさまざまなものが揃っています。 200種類のSVGアイコン オフキャンバス メニュー ソート機能付きのグリッド ツールバー
マテリアルデザインのガイドラインが最高に実践的だった
「2014年にグッときたコレ」がテーマになる Fenrir Advent Calendar 2014 の24日目です。 マテリアルデザイン デザイナーの大西です。マテリアルデザインそのものへの記事は既に多くの方々が取り組まれているので、少し目先を変えてガイドラインについてです。 このガイドラインが最高に実践的でグッときました。 UI・UXについてのガイドラインは面白くて勉強にもなるのですが、理解して実践するところにまで到達するのには中々のエネルギーを使いませんか？ マテリアルデザインは英語のドキュメントなので最初は尻込みしましたが、読み進めるうちに内容の充実っぷりに引き込まれました。ここまで親切なガイドラインは珍しいと思います。和訳も欲しいところですが、用例として画像がたくさん挙げられているので翻訳サイトを使えば充分理解できると思います。 豊富なテンプレートと素材 750種類以上のアイコン
画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？ この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
Ratchet
Build mobile apps with simple HTML‚ CSS‚ and JS components. Download Ratchet Currently v2.0.2 Tweet Follow @GoRatchet Code licensed under the MIT License and the docs are licensed under CC BY 3.0. Ratchet was lovingly crafted by Connor Sears. Currently v2.0.2 · Issues · Releases · Legacy v1.0.2 Docs
HTML5モバイルアプリをもっと速く、もっと美しく | Onsen UI
PhoneGap / Cordovaアプリに最適なJavaScript、CSSフレームワーク アプリ開発プラットフォームMonacaに標準搭載 豊富なUIコンポーネントが提供 スマホもタブレットも！レスポンシブデザインで同時対応 Onsen UIを使うと、あなたのHTML5アプリのパフォーマンスが格段に向上。 ネイティブ開発と見間違う程のスピードを、是非実感してみてください。 Onsen UIはレスポンシブデザインに対応しています。画面のサイズに併せて自動的にビューが調整されます。 また、スプリットビュータグを使えば、タブレットとスマートフォンで表示の切り替えも自動的に行われます。 更にOnsen UIは、Android 2.3以上、iOS 6以上、FireFox OS、Chrome、Safariなど幅広いプラットフォームをサポートしています。 Onsen UIはPhoneGap / C
「ソリッド」を使った今時のWebデザインの作り方がかっこいいUIキット・ページレイアウトのまとめ
ソリッドなラインを使ったアイコン、テキストを矩形で囲ったゴーストボタン、ラインで描いた幾何学模様など、ソリッドを使ったUIキット、Webページやアプリのレイアウトやテンプレートを紹介します。 いくつかはPSDファイル（無料/有料）もダウンロードできます。 BrandaLoka 斜めのグリッドをはじめ、ダイアモンドやサークル状のエレメントなどにソリッドを取り入れたスタイリッシュな縦長1ページ用のテンプレート。100MB超えのPSDがダウンロードできます。
2013年、この一年で大きく変わったウェブサイトのナビゲーションの5つのトレンド
ウェブサイトに使用されるナビゲーションはこの一年の間に、大きく変わりました。スクリプトやスタイルシートを使い派手なアニメーションやインタラクションを取り入れることもできますが、最近のトレンドはよりシンプルで、すっきりしたデザインが好まれています。 最近のナビゲーションのトレンドを紹介します。 Up and Coming Navigation Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。最近海外のブロガーから他ブログでの無断翻訳・転載の声を聞きます。 ナビゲーションの欠如 スクロールベースのナビゲーション ミニマルなナビゲーション サイドのナビゲーション サークル状のナビゲーション 終わりに ナビゲーションの欠如 最初にあげるナビゲーションのトレンドは、ナビゲーションの欠如です。これは二つの条件が揃えば機能します、一つは
http://oalp.org/doc/nilesen/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
ドナルド・A．ノ−マン: books, biography, latest update
フォローして、新しいリリースの更新、特別セール（プロモーションセールを含む）、改善されたおすすめ情報を入手してください。 Don Norman takes special delight in the interaction of people and technology. "Develop the skill of observation," he says, "and especially pay attention to the obvious, for this is where you will discover many hidden insights. What seems to be obvious often is not." Business Week has named him one of "the world's most influential designe
UX & Usability Articles from Nielsen Norman Group
Card Sorting: Why & When March 20, 2024Mar 20, 2024 | 2 minutemin video Card sorting studies help understand how users naturally categorize information. This information can help with creating a product's information architecture (IA) that matches users' mental models. Personas 101 March 18, 2024Mar 18, 2024 | 3 minutemin video Personas are personified representations of real information about our
ズーミングユーザインタフェース : 続・ユビキタスの街角
ズーミングユーザインタフェース(ZUI)と呼ばれるインタラクション手法の研究が流行したことがある。 1993年、 無限にズーミング可能な二次元画面を利用して情報管理を行なえる Pad というシステムをニューヨーク大学の Ken Perlin が ACM SIGGRAPH で発表したのが契機となり、 パソコン画面上での新しいユーザインタフェース手法を模索していた多くの研究者が 「ポストWIMP」の最有力候補としてZUIに期待したものである。 (WIMPとは Window / Icon / Menu / Pointing deviceを用いる 一般的なグラフィカルインタフェース手法のことである) ZUIには様々なメリットがある。 無限に画面をズームして情報を書き込むことができるので無限に大きな情報を扱うことができる 階層型に管理された情報は簡単に画面上に配置することができる。 たとえばディスク
STORES.jpのつくりかた
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013 いま多くの開発者が取り組もうとしているモバイルアプリケーションの開発は、経験の面でも技術の面でも、コンシューマ向けの開発現場が大きく先行しています。 9月6日開催されたSalesforce Developer Conference Tokyo 2013のセッション「B2Cからみたモバイルアプリケーション開発のいまとこれから」では、コンシューマ向けサービス開発の現場に身を置いてきた伊藤直也氏が、モバイルアプリケーション開発を成功させるための方法を、これまでの経験や現在の開発現場で得たノウハウなどを基に語っています。 試行錯誤の回数を増やす、iOSとAndroidは同じように作ってはいけないなど、モバイルアプリケーション開発に関わるエンジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Atlassian Design
新着記事
CodePen - A Pen by Ash Robbins
Amazon.co.jp