怒涛のサイトナビゲーション総まとめ！事例、チュートリアル、参考サイト、僕の知る何もかもを紹介！ | バンクーバーのうぇぶ屋
レスポンシブデザイン、パララックススクローリング、そういったレイアウトに関する変化に伴い、サイト内を誘導するナビゲーションの種類も多様化してきていますね。 元々、縦、横、ドロップダウン、固定、メガメニュー等、サイトの構造によって様々なナビゲーションを提案してきたわけですが、最近サイトのレイアウトを考える時、話に上がるナビゲーションの呼び方とか、種類とか、大量多量過ぎてもう分け分けらなくなってきたので、ちょっと僕自身の復習と、参考サイトやらチュートリアルやらないかを全部まとめてしまいたかったので、僕と、僕の周りのデザイナーさん達の役にたてるよう、今回記事にさせてもらうことにしました！ 実際にWEB制作に携わる中で、聞いたことのある物を分類させて頂くので、僕の勝手な分け方になってしまい申し訳ない限りなんですが、何かナビゲーションやレイアウトに悩んだ時にでも参考か何かにしていただければ嬉しい限り
パースや構図など、画面の演出法を徹底的に解説された良書 Methods―押井守「パトレイバー2」演出ノートレビュー ｜ お絵かき速報！萌え絵上達法
【まとめ】 そんな細かい部分まで考慮してレイアウトを考えているのか！ というのが初めて読んだ感想です。 どういう意図でこの構図にしたのか、どういう演出効果を狙ったのか、1シーン1シーン詳しく解説されています。 押井さんが、見る側の受ける印象にとことん気を使い、試行錯誤されているのが分かりました。 美しいレイアウトを見て楽しめ、解説を読んで勉強できる素晴らしい本だと思います。 ただ、透視図法やカメラについての専門用語がバンバン出てくるので、 そういった知識が全くない方には少し難しいかもしれません。 イラストや漫画に迫力や説得力を出したい方、パースや構図、カメラについての知識を増やしたい方は、この本を参考にしてみてはいかがでしょうか。 こちらでも演出ノートの話題が出ているので参考にどうぞ（レス358以降を参照）
レストランのメニュー、最も注文されるのは上から3行目? （ＷＥＢ本の雑誌） - Yahoo!ニュース
レストランのメニューには、「1行目よりも3行目に置かれた方が注文されやすいなど、"出やすいポジション""出にくいポジション"がある」 こう話すのは、「食文化の仕掛け人」と呼ばれる氏家秀太氏。スーパーやコンビニの棚の最上段や最下段は、売れにくいポジションとされており、陳列には法則が存在します。それと同じように、レストランのメニューにもポジションがあるのです。 これらのポジションには、人間の心理と目の動きを利用した法則があるようです。例えば「Zの法則」。これはポスターやチラシ、ビラを見るとき、人の目線がZ型に動くという深層心理を利用したもの。見せたい内容をZ型にレイアウトするのです。日本人の目線はまず左上にいきます。そのまま横に視点を移すと、次に最下段の左下斜めへと移動し、また横に移動します。「左上、右上、左下、右下」の順で動くのです。 自販機やスーパーの商品陳列などにもこの法則が取り入
様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」
TOP > WebDesign > 様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」 WEBでは様々なデザインレイアウトがあり、クリエイティブで大きな差はできますが、基本のレイアウトはある程度決まっており、制作する上で、ベースとなるレイアウトテンプレートがあるだけで随分と楽になります。今日紹介するのは様々なCSSレイアウトをダウンロードできるサイトをまとめたエントリー「465+ Useful CSS Layouts for Download」です。 Nice and Free CSS Templates/Layouts by My Celly 基本的な1カラム、2カラム、3カラムといったベーシックなものから、シンプルなものまで様々なCSSテンプレートがダウンロード可能です。今日は紹介されている中か
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI
Loading...