UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | ベイジの社長ブログ
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
we love herokuのデザインリニューアル
we love herokuリニューアルのお話です。今回はデザインサイドの話です。 we love heroku とは we love herokuは、herokuを使ったサービスを登録するギャラリーサイトです。 開発したキッカケは、@herokujpさんのつぶやきでした。去年の2月ぐらいでしたかね、仕事の帰り道にこのつぶやきをみて、設計しながら家帰り、即実装という感じでした。 railsを初めて1ヶ月ぐらいの頃にherokuを試したところ、すごく感動したのですっかりherokuのファンになっていました。そして、2月のheroku meetupに参加しようと思っていたところ、先ほどのつぶやきが目に止まり。作ってみるかな、と。 トップページを振り返ろう 今回は機能の話は書きません。あえての見た目の話だけです。当時のバージョンのスクリーンショットはこんな感じでした。 Bootstrap2のまん
[M]WordPress×jQuery：長い記事一覧を「jquery-ui.js」を使った「タブ表示」でスッキリ快適！ | miMemo(ミメモ)
[M]WordPress×jQuery：長い記事一覧を「jquery-ui.js」を使った「タブ表示」でスッキリ快適！ こんにちは！みう(@miu0512)です。スマホのローディングに時間がかかると、それだけでストレスを感じてしまうものですが、今回、一気に読み込んでタブ表示にさせて「重たさを感じさせないサイト」を意識して制作してみました。 実際にスマホテーマで使ったのはこの「新着記事」「人気記事」部分！ タブを使うことによって、長くなってしまいがちな記事一覧をスッキリ表示する事ができ、見ている人によりわかりやすく「おすすめな記事」を伝える手段になります。特にスマホのような小さな画面では、「見やすさ」が一番のカギとなります。 使用したjQueryプラグインはこちら http://code.jquery.com/ui/1.10.3/jquery-ui.js 導入の仕方はカンタン３STEP ST
![[M]WordPress×jQuery：長い記事一覧を「jquery-ui.js」を使った「タブ表示」でスッキリ快適！ | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f903954124c0a518a16a3cd0111cc81d6a75c57/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2013%2F09%2F20130926100034.png)
Animated Border Menus | Codrops
A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash’s bounce menu for mobile apps. The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today
テーブルに検索、ソート、ページ分け機能をつけて便利にしてくれる「Dable」:phpspot開発日誌
Dable テーブルに検索、ソート、ページ分け機能をつけて便利にしてくれる「Dable」 依存ライブラリがゼロなのも使いやすく、Bootstrapなサイトでも使えるスタイルが入ってます。 以下がBootstrapなサイトでも使えるスタイル。 残念ながらレスポンシブには非対応。 ライブラリを配布する場合は、Bootstrapでも使えてレスポンシブだとライブラリの価値が上がりますね。 関連エントリ BootstrapベースのフラットUI実装フレームワーク「Furatto」 Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Twitter BootStrap に追加できる５つのコンポーネントパック「FuelUX」 BootStrapのフォーム入力をもっと便利にするための「Bootstrap
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaTechnology Slot Online | Cara Daftar bermain Slot Online
IDEA * IDEA
