カテゴリー:
メニュー
閲覧数:486 配信日:2016-12-28 17:28
設置候補 … 10
Google Nexus Website Menu
3D Bold Navigation
Paradeiser
レスポンシブ水平メニュー
タブ付きナビ
okayNav
Sign In Button and Form
・bottomメニュー候補
固定されたボトムナビゲーションバー
・bottomメニュー候補
jQuery pop menu
・カスタマイズがうまくいったので、bottomメニュー候補
Switchin' Nav
・コンテンツがスペースを満たす場合ナビ未表示のため、このままでは使えない
→ カスタマイズがうまくいったので、bottomメニュー候補
次点 … 1
Horizontal Slide Out Menu
・モバイル時に場所を取る
・メニュー項目が多い時は選考対象
実装方法依存 … 2
bottomナビゲーション
・「単一ページ」もしくは「複数ページ間でAjax遷移」での使用が前提
js_bottom_tabs
・「単一ページ」もしくは「複数ページ間でAjax遷移」での使用が前提
カスタマイズがうまくいけば選考対象 … 1
CSS Dock Menu
・レシポンシブ未対応
・カスタマイズに挑戦するもどこから手をつければ良いか分からず
→ レスポンシブ対応方法不明
・レスポンシブ対応しなくても、メニュー数を少なくして中央表示すれば問題ないかも、と思うが
・スマホでマウスホバー効果を取得できないと厳しいかも
・マウスホバー時のアニメーションは面白いが、実際に選択する際はちょっとウザい気もする
・これ以上調査しても労力にあった対価が得られないと判断したためここで終了
・必要が生じた際は、参考にするかも
何かの際に参考にするかも … 6
GreedyNav
・同機能の「レスポンシブ水平メニュー」の方が良い
・メニューがアニメーションするところがイマイチ
・サブメニュー数表示機能も、よく考えれば不要
CSS Menu Animations
・3種類のアニメーション
jQuery+CSS3で円が画面全体に広がる系スマホメニュー
・モバイルはともかく、パソコン表示時にはツライかも
・使用するとすれば、挙動切り替えが必要
CSSだけで円を画面全体へ広げるアニメーション
・モバイルはともかく、パソコン表示時にはツライ
・使用するとすれば、挙動切り替えが必要
Multi-Level Push Menu
・メニュー項目が多い時は選考対象
・しかし、そもそもここまでメニュー項目を増加させていること自体に問題があるような気もする
・ドリルダウンは分かりづらいし
Material Share Interaction
・アニメーションは素晴らしいが、レスポンシブ未対応
落選 … 6
優先順位+ナビゲーション
・意義は分かるが、moreクリック時の表示方法がダサい
レスポンシブマルチレベルナビゲーション
・moreクリック時の表示方法がダサい
Dynamics.jsで作る小気味いい動きのスマホ用サイドメニュー
・動きは確かに気持ちが良いけれども、飽きそう
Responsive Multi-Level Menu
・デフォルトがハンバーアイコン表示だけなのは×
・ドリルダウンは分かりづらい
・どうしてもメニュー項目を減少させられない時のみ選考対象とする
IZIMODAL
・ただのモーダル表示
MATERIAL DESIGN LITE
・掲載されているデモに魅力を感じなかった
・他で採用したデモのデザイン参考にはするかも
1次選考結果
選考総数
・26
2次選考進出
・10／26
1次選考敗退
・16／26
選考期間
・11日間
・2016-12-20 ～ 2016-12-30
2次選考進出一覧 … 10
Top候補 … 6
・Google Nexus Website Menu
・3D Bold Navigation
・Paradeiser
・レスポンシブ水平メニュー
・タブ付きナビ
・okayNav
Bottom候補 … 4
・Sign In Button and Form
・固定されたボトムナビゲーションバー
・jQuery pop menu
・Switchin' Nav